:root{--bg:#f7f7f5;--surface:#fff;--surface-2:#fbfbfa;--line:#e8e8e4;--line-strong:#d8d8d2;--text:#1c1c1a;--text-dim:#76766e;--text-faint:#a3a39b;--indigo:#4f46e5;--indigo-soft:#eeecfd;--coral:#fb7185;--coral-soft:#fdeef1;--amber:#f59e0b;--amber-soft:#fdf3e3;--teal:#0d9488;--teal-soft:#e6f4f2;--violet:#8b5cf6;--violet-soft:#f2edfe;--lime:#65a30d;--lime-soft:#f0f5e4;--sky:#0284c7;--sky-soft:#e4f1fa;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #1c1c1a0a, 0 4px 14px #1c1c1a0d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,Helvetica Neue,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#131312;--surface:#1d1d1b;--surface-2:#242422;--line:#2e2e2b;--line-strong:#3a3a36;--text:#f2f2ef;--text-dim:#9d9d95;--text-faint:#6e6e67;--indigo:#8b83f5;--indigo-soft:#2a2748;--coral:#fb7185;--coral-soft:#40252c;--amber:#fbbf24;--amber-soft:#3d3218;--teal:#2dd4bf;--teal-soft:#1a3936;--violet:#a78bfa;--violet-soft:#2f2748;--lime:#a3e635;--lime-soft:#2b3618;--sky:#38bdf8;--sky-soft:#16323f;--shadow:0 1px 2px #0000004d, 0 4px 14px #00000040}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100vh;margin:0;padding:0}body{font-size:15px;line-height:1.5}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}#root{min-height:100vh}.app{max-width:560px;padding:12px 14px calc(14px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.app.is-dragging{-webkit-user-select:none;user-select:none;touch-action:none}.hd{justify-content:space-between;align-items:center;display:flex}.hd-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.hd-right{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--surface);border:1px solid var(--line);width:38px;height:38px;color:var(--text-dim);border-radius:50%;place-items:center;font-size:12px;display:grid}.hd-sync{color:var(--text-faint);font-size:11px}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.weeknav{justify-content:center;align-items:center;gap:18px;display:flex}.wk-arrow{width:34px;height:34px;color:var(--text-dim);border-radius:50%;place-items:center;font-size:22px;display:grid}.wk-arrow:active{background:var(--surface-2)}.wk-label{flex-direction:column;align-items:center;gap:1px;min-width:130px;display:flex}.wk-name{font-size:19px;font-weight:650}.wk-range{color:var(--text-faint);font-size:12px}.bar{align-items:center;gap:10px;display:flex}.bar-track{background:var(--line);border-radius:3px;flex:1;height:3px}.bar-fill{background:linear-gradient(90deg, var(--teal), var(--indigo));border-radius:3px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);position:relative}.bar-knob{background:var(--sky);width:7px;height:7px;box-shadow:0 0 8px var(--sky);border-radius:50%;margin-top:-3.5px;position:absolute;top:50%;right:-3px}.bar-pct{color:var(--sky);text-align:right;min-width:38px;font-size:14px;font-weight:650}.grid{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex:1;grid-template-rows:auto repeat(7,minmax(0,1fr));min-height:0;display:grid;overflow:hidden}.grid-head{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr 1fr;padding:9px 8px;display:grid}.gh-slot{text-align:center;color:var(--text-dim);font-size:13px;font-weight:600}.row{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr 1fr;align-items:stretch;min-height:0;display:grid;position:relative}.row:last-child{border-bottom:none}.row.is-today{background:color-mix(in srgb, var(--indigo) 7%, transparent)}.row.is-today:before{content:"";background:var(--indigo);width:3px;position:absolute;top:0;bottom:0;left:0}.row-day{color:var(--text-dim);place-items:center;font-size:13px;font-weight:600;display:grid}.cell{border-left:1px solid var(--line);border-radius:12px;align-content:center;gap:5px;min-height:0;padding:6px;transition:background .16s,box-shadow .16s;display:flex}.cell.is-hover{background:color-mix(in srgb, var(--teal) 12%, transparent);box-shadow:inset 0 0 0 2px var(--teal), 0 0 14px color-mix(in srgb, var(--teal) 45%, transparent)}.cell-item{flex:1;min-width:0;min-height:0;container-type:inline-size}.cell-add{border:1.5px dashed var(--line-strong);color:var(--text-faint);border-radius:12px;flex:1;place-items:center;min-width:0;min-height:0;font-size:15px;transition:border-color .15s;display:grid}.cell-item~.cell-add{flex:0 0 28px}.cell-add:active{border-color:var(--indigo);color:var(--indigo)}.tile{border:1.5px solid var(--tone);background:var(--tone-soft);height:100%;min-height:0;color:var(--text);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s,opacity .18s;display:flex;position:relative;overflow:hidden}.tile:after{content:"";background:var(--tone);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.tile-name{text-align:center;-webkit-line-clamp:2;line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;font-size:clamp(10.5px,21cqw,14px);font-weight:650;line-height:1.15;display:-webkit-box;overflow:hidden}.tile-goal{color:var(--text-dim);font-size:10px;line-height:1.1}.tile.is-done{background:linear-gradient(155deg, color-mix(in srgb, var(--tone) 88%, white), var(--tone));border-color:var(--tone);color:#fff}.tile.is-done:after{display:none}.tile.is-done .tile-goal{color:#ffffffd9}.tile-check{width:15px;height:15px;color:var(--tone);background:#fff;border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid;position:absolute;top:3px;right:3px}.tile:active{transform:scale(.94)}.tile.is-ghost{opacity:.28;filter:grayscale();transform:scale(.9)}.tile.is-floating{z-index:90;pointer-events:none;width:74px;height:74px;min-height:0;box-shadow:0 0 0 2px var(--tone), 0 0 22px color-mix(in srgb, var(--tone) 55%, transparent), 0 18px 30px #00000073;animation:.18s cubic-bezier(.22,1,.36,1) lift;position:fixed;transform:scale(1.18)rotate(-5deg);container-type:inline-size}@keyframes lift{0%{transform:scale(1)rotate(0)}to{transform:scale(1.18)rotate(-5deg)}}.hand-hint{left:50%;bottom:calc(78px + env(safe-area-inset-bottom));z-index:91;border:1px solid var(--line-strong);color:#fff;white-space:nowrap;pointer-events:none;background:#0c0c0ef5;border-radius:999px;padding:8px 16px;font-size:12.5px;animation:.2s rise;position:fixed;transform:translate(-50%);box-shadow:0 8px 22px #00000080}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.makeup{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 12px}.mk-title{color:var(--amber);margin:0 0 8px;font-size:13px;font-weight:650}.mk-list{flex-wrap:wrap;gap:7px;display:flex}.mk-chip{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 9px;font-size:13px;display:inline-flex}.mk-dot{border-radius:50%;width:7px;height:7px}.mk-x{color:var(--text-faint);padding:0 2px;font-size:15px;line-height:1}.tabs{grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;display:grid}.tab{background:var(--surface);border:1px solid var(--line);border-radius:14px;justify-content:center;align-items:center;gap:7px;height:48px;font-size:15px;font-weight:600;transition:transform .14s;display:flex}.tab:active{transform:scale(.97)}.tab-ico{color:var(--indigo);letter-spacing:-1px;font-size:13px}.sheet-back{z-index:100;background:#00000073;animation:.18s fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{z-index:101;background:var(--surface);border-top:1px solid var(--line);max-width:560px;max-height:76vh;padding:8px 16px calc(22px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;margin:0 auto;animation:.24s cubic-bezier(.22,1,.36,1) slideup;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 34px #0000004d}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-grip{background:var(--line-strong);border-radius:4px;width:38px;height:4px;margin:4px auto 12px;display:block}.sheet-title{margin:0 0 12px;font-size:17px;font-weight:700}.sheet-note{color:var(--text-dim);margin:0 0 14px;font-size:13px;line-height:1.6}.sheet-actions{flex-direction:column;gap:9px;display:flex}.sheet-btn{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;height:46px;font-size:15px;font-weight:600}.sheet-btn.is-primary{background:var(--indigo);border-color:var(--indigo);color:#fff}.prog{flex-direction:column;gap:11px;display:flex}.prog-row{grid-template-columns:62px 1fr 46px;align-items:center;gap:10px;display:grid}.prog-name{font-size:13px;font-weight:600}.prog-track{background:var(--line);border-radius:6px;height:6px;overflow:hidden}.prog-fill{border-radius:6px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1)}.prog-num{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.pick-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.pick-tile{aspect-ratio:1.5;border:1.5px solid var(--tone);background:color-mix(in srgb, var(--tone) 12%, transparent);border-radius:12px;font-size:14px;font-weight:650}.pick-tile:active{transform:scale(.95)}.pick{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:78vh;display:flex}.pick-title{margin:0;font-size:27px;font-weight:700}.pick-sub{color:var(--text-dim);margin:0 0 18px;font-size:14px}.pick-list{flex-direction:column;gap:10px;width:100%;max-width:260px;display:flex}.pick-btn{background:var(--surface);border:1px solid var(--line);border-radius:13px;height:50px;font-size:16px;font-weight:600}.loading{min-height:60vh;color:var(--text-dim);place-items:center;display:grid}