:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}#root{min-height:100vh}:root{--ink:#263238;--muted:#718096;--paper:#fffdf8;--mist:#f4f0e8;--line:#e5dfd4;--coral:#e87561;--coral-dark:#b95345;--navy:#274c5e;--shadow:0 24px 70px #4737271c}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:#eee8dc;margin:0;font-family:Noto Sans TC,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1060px;min-height:100vh;margin:0 auto;padding:52px 28px 72px}.app-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.eyebrow,.section-kicker{color:var(--coral-dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:12px;font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,4.5rem);line-height:.96}.subtitle{max-width:450px;color:var(--muted);margin-bottom:0;font-size:1rem}.trip-badge{color:var(--coral-dark);white-space:nowrap;background:#fffdf8b3;border:1px solid #e8756159;border-radius:999px;padding:11px 15px;font-size:.82rem;font-weight:800}.trip-badge span{margin-right:6px}.workspace{border:1px solid var(--line);background:var(--paper);min-height:520px;box-shadow:var(--shadow);border-radius:28px;overflow:hidden}.workspace-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:30px 34px 24px;display:flex}.workspace-toolbar h2{margin:0;font-size:1.6rem}.toolbar-actions{align-items:center;gap:10px;display:flex}.toolbar-actions select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:11px 12px}.search-input{border:1px solid var(--line);width:170px;color:var(--ink);outline-color:var(--coral);background:#fff;border-radius:10px;padding:11px 12px}.count-pill{background:var(--mist);min-width:26px;height:26px;color:var(--muted);vertical-align:middle;border-radius:999px;place-items:center;margin-left:6px;padding:0 7px;font-size:.78rem;display:inline-grid}.empty-state{text-align:center;place-items:center;padding:110px 24px;display:grid}.empty-icon{background:#fbe3dc;border-radius:24px;place-items:center;width:76px;height:76px;margin-bottom:20px;font-size:2.2rem;display:grid;transform:rotate(-5deg)}.empty-state h3{margin-bottom:8px;font-size:1.25rem}.empty-state p{color:var(--muted);margin-bottom:0}.empty-state.compact{min-height:260px;padding:56px 24px}.primary-button{background:var(--navy);color:#fff;border:0;border-radius:12px;padding:12px 17px;font-weight:800;transition:transform .2s,background .2s}.primary-button:hover{background:#1e3d4b;transform:translateY(-1px)}.todo-list{gap:12px;padding:24px 34px 34px;display:grid}.todo-card{border:1px solid var(--line);background:#fff;border-radius:18px;justify-content:space-between;gap:16px;padding:20px;display:flex}.todo-main{gap:14px;display:flex}.todo-check{width:20px;height:20px;accent-color:var(--coral);margin-top:3px}.is-complete h3,.is-complete p{opacity:.55;text-decoration:line-through}.todo-card h3{margin:10px 0 4px;font-size:1.1rem}.todo-card p{color:var(--muted);margin:0}.date-meta{font-size:.8rem;font-weight:800;color:var(--navy)!important;margin-top:10px!important}.date-meta.overdue{color:var(--coral-dark)!important}.reminder-meta{color:#8a6a35!important}.field-hint{color:var(--muted);font-size:.72rem;font-weight:400}.text-button{color:var(--coral-dark);background:0 0;border:0;align-self:center;font-weight:800}.todo-actions{align-items:center;gap:10px;display:flex}.danger-button{color:#a84f58}.category-tag{color:var(--coral-dark);background:#fbe3dc;border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:800;display:inline-block}.modal-backdrop{z-index:10;background:#274c5e59;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);width:min(100%,520px);box-shadow:var(--shadow);border-radius:24px;position:relative}.close-button{z-index:1;color:var(--muted);background:0 0;border:0;font-size:1.7rem;line-height:1;position:absolute;top:18px;right:18px}.todo-form{gap:16px;padding:34px;display:grid}.form-heading{justify-content:space-between;align-items:flex-start;padding-bottom:8px;display:flex}.form-heading h2{margin:0;font-size:1.5rem}.form-heading>span{color:var(--coral);font-size:2rem}.todo-form label{color:var(--ink);gap:7px;font-size:.84rem;font-weight:800;display:grid}.todo-form input,.todo-form textarea,.todo-form select{border:1px solid var(--line);width:100%;color:var(--ink);outline-color:var(--coral);background:#fff;border-radius:10px;padding:11px 12px}.todo-form textarea{resize:vertical}.form-error{color:var(--coral-dark);margin:-4px 0 0;font-size:.85rem}@media (width<=640px){.app-shell{padding:28px 16px 46px}.app-header{flex-direction:column}.workspace-toolbar{padding:24px 20px 20px}.empty-state{padding:78px 20px}.workspace-toolbar{flex-direction:column;align-items:flex-start;gap:18px}.toolbar-actions{flex-wrap:wrap;width:100%}.search-input{flex:100%;width:100%}.todo-list{padding:20px}}