:root{--bg:#ecede6;--surface:#f7f7f1;--surface-2:#e3e5dc;--ink:#1c211f;--ink-2:#5a615b;--ink-3:#8a918a;--rule:#d2d5ca;--accent:#c2321c;--good:#2f6b4f;--warn:#8a5a0f;--ink-block:#232b27;--on-ink-block:#f7f7f1;--focus:#c2321c;--font-text:"PingFang SC", "HarmonyOS Sans SC", "MiSans", "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--font-num:"DIN Alternate", "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", "Roboto", system-ui, sans-serif;--fs-display:32px;--fs-h1:22px;--fs-h2:17px;--fs-body:15px;--fs-label:13px;--fs-caption:11px;--sp-1:2px;--sp-2:4px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px;--sp-7:24px;--sp-8:32px;--sp-9:40px;--r-s:4px;--r-m:10px;--r-l:14px;--r-pill:999px;--ring:inset 0 0 0 1px #1c211f1a;--hairline:1px solid var(--rule);--shadow-hard:0 2px 0 0 var(--ink-block);--shadow-sheet:0 -8px 24px #1c211f24;--dur-tap:90ms;--dur-page:.18s;--dur-sheet:.22s;--ease:cubic-bezier(.2, .8, .2, 1);--page-x:16px;--page-x-wide:24px;--row-h:56px;--tabbar-h:56px;--maxw:720px;--tap-min:44px;--chart-line:var(--ink);--chart-grid:#1c211f1f;--chart-target:var(--warn);--heat-1:#1c211f1f;--heat-2:#1c211f47;--heat-3:#1c211f70;--heat-4:#1c211f99;--heat-5:#1c211fcc}@media (prefers-color-scheme:dark){:root{--bg:#141614;--surface:#1d201d;--surface-2:#262a26;--ink:#e8e8e1;--ink-2:#a8afa8;--ink-3:#6e756e;--rule:#313631;--accent:#e0604f;--good:#6fb792;--warn:#d9a441;--ink-block:#e8e8e1;--on-ink-block:#141614;--ring:inset 0 0 0 1px #e8e8e124;--shadow-hard:0 2px 0 0 #e8e8e18c;--shadow-sheet:0 -8px 24px #00000080;--chart-grid:#e8e8e11f;--heat-1:#e8e8e11f;--heat-2:#e8e8e147;--heat-3:#e8e8e170;--heat-4:#e8e8e199;--heat-5:#e8e8e1cc}}[data-theme=dark]{--bg:#141614;--surface:#1d201d;--surface-2:#262a26;--ink:#e8e8e1;--ink-2:#a8afa8;--ink-3:#6e756e;--rule:#313631;--accent:#e0604f;--good:#6fb792;--warn:#d9a441;--ink-block:#e8e8e1;--on-ink-block:#141614;--ring:inset 0 0 0 1px #e8e8e124;--shadow-hard:0 2px 0 0 #e8e8e18c;--shadow-sheet:0 -8px 24px #00000080;--chart-grid:#e8e8e11f;--heat-1:#e8e8e11f;--heat-2:#e8e8e147;--heat-3:#e8e8e170;--heat-4:#e8e8e199;--heat-5:#e8e8e1cc}@media (prefers-reduced-motion:reduce){:root{--dur-tap:0s;--dur-page:0s;--dur-sheet:0s}}@media (prefers-contrast:more){:root{--rule:#1c211f;--ring:inset 0 0 0 2px #1c211f}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;padding:0;line-height:1.6}#root{min-height:100dvh;max-width:var(--maxw);background:var(--bg);margin:0 auto}.num,time,input[type=number]{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.02em}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:var(--tap-min);min-width:var(--tap-min);background:0 0;border:0;padding:0}button:disabled{opacity:.45;cursor:default}input,textarea,select{font:inherit;color:inherit;background:var(--surface);box-shadow:var(--ring);border-radius:var(--r-m);padding:10px var(--sp-4);min-height:var(--tap-min);border:0;width:100%}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2,h3{margin:0;font-weight:700}h1{font-size:var(--fs-h1);letter-spacing:-.01em;line-height:1.3}h2{font-size:var(--fs-h2);line-height:1.35}p{margin:0}img{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.app{background:var(--bg);min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.inkbar{z-index:20;background:var(--bg);padding-top:env(safe-area-inset-top,0px);position:sticky;top:0}.inkbar-rail{background:var(--surface-2);height:2px;position:relative;overflow:hidden}.inkbar-ink{background:var(--ink-block);position:absolute;inset:0 auto 0 0}.inkbar-meta{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:24px;padding:0 var(--page-x);display:flex}.inkbar-count{font-size:var(--fs-caption);color:var(--ink-2);letter-spacing:.02em}.inkbar-status{align-items:center;gap:var(--sp-2);min-height:24px;display:flex}.pill-ink{border-radius:var(--r-pill);background:var(--ink-block);color:var(--on-ink-block);font-size:var(--fs-caption);padding:var(--sp-1) var(--sp-3);align-items:center;line-height:1;display:inline-flex}.pill-warn{align-items:center;gap:var(--sp-1);border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--warn);color:var(--warn);font-size:var(--fs-caption);padding:var(--sp-1) var(--sp-3);line-height:1;display:inline-flex}.pill-quiet{color:var(--ink-2);font-size:var(--fs-caption);animation:fade-out var(--dur-page) var(--ease) 1.5s both}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sync-dots{height:var(--sp-3);align-items:center;gap:2px;display:inline-flex}.sync-dots i{border-radius:var(--r-pill);background:var(--ink-block);width:3px;height:3px;animation:.9s step-end infinite ink-step}.sync-dots i:nth-child(2){animation-delay:.15s}.sync-dots i:nth-child(3){animation-delay:.3s}@keyframes ink-step{0%,to{opacity:.15}40%{opacity:1}}.app-head{padding:var(--sp-2) var(--page-x) 0;min-height:var(--tap-min);justify-content:space-between;align-items:center;display:flex}.app-brand{font-size:var(--fs-label);color:var(--ink-2);letter-spacing:.08em}.app-gear{font-size:var(--fs-h2);color:var(--ink-2);padding:0 var(--sp-2);border-radius:var(--r-s)}.app-main{flex:1;min-height:0}.page{padding:var(--sp-4) var(--page-x) var(--sp-9);max-width:var(--maxw);gap:var(--sp-4);flex-direction:column;margin:0 auto;display:flex}.page-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);min-height:var(--tap-min);display:flex}.page-sub{font-size:var(--fs-label);color:var(--ink-2)}.page-sub-empty{color:var(--accent)}.page-actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.tabbar{width:min(100%, var(--maxw));gap:var(--sp-2);padding:var(--sp-2) var(--page-x) calc(var(--sp-2) + env(safe-area-inset-bottom,0px));background:var(--bg);box-shadow:inset 0 1px 0 var(--rule);z-index:30;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{min-height:var(--tabbar-h);border-radius:var(--r-m);color:var(--ink-2);font-size:var(--fs-caption);transition:background var(--dur-tap) var(--ease), color var(--dur-tap) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.tab-icon{font-size:var(--fs-body);line-height:1}.tab[data-on=true]{background:var(--ink-block);color:var(--on-ink-block)}.quick-add{right:max(var(--page-x), calc(50% - var(--maxw) / 2 + var(--page-x)));bottom:calc(var(--tabbar-h) + var(--sp-4) + env(safe-area-inset-bottom,0px));z-index:25;min-height:var(--tap-min);padding:0 var(--sp-6);border-radius:var(--r-pill);background:var(--ink-block);color:var(--on-ink-block);font-size:var(--fs-body);box-shadow:var(--shadow-hard);font-weight:500;position:fixed}.quick-add:active{transition:transform var(--dur-tap) var(--ease);transform:scale(.97)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);padding:0 var(--sp-5);border-radius:var(--r-m);font-size:var(--fs-body);transition:transform var(--dur-tap) var(--ease);font-weight:500;display:inline-flex}.btn:active{transform:scale(.98)}.btn-ink{background:var(--ink-block);color:var(--on-ink-block);box-shadow:var(--shadow-hard)}.btn-quiet{box-shadow:var(--ring);color:var(--ink);background:var(--surface)}.btn-good{background:var(--good);color:var(--on-ink-block)}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--sp-1);min-height:var(--tap-min);padding:0 var(--sp-4);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--ring);color:var(--ink);font-size:var(--fs-label);transition:background var(--dur-tap) var(--ease), color var(--dur-tap) var(--ease);display:inline-flex}.chip[data-on=true]{background:var(--ink-block);color:var(--on-ink-block);box-shadow:none}.tick-good{color:var(--good)}.chip[data-on=true] .tick-good{color:var(--on-ink-block)}.tick-bad{color:var(--accent)}.chip[data-on=true] .tick-bad{color:var(--on-ink-block)}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field-label{font-size:var(--fs-label);color:var(--ink-2)}.field-pick{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:var(--tap-min);padding:0 var(--sp-4);border-radius:var(--r-m);background:var(--surface);box-shadow:var(--ring);text-align:left;display:flex}.field-pick-hint,.inline-hint{font-size:var(--fs-caption);color:var(--ink-2)}.stepper{align-items:stretch;gap:var(--sp-2);display:flex}.stepper-btn{min-width:var(--tap-min);min-height:var(--tap-min);border-radius:var(--r-m);background:var(--surface);box-shadow:var(--ring);font-size:var(--fs-h2);color:var(--ink)}.stepper-val{justify-content:center;align-items:center;gap:var(--sp-1);min-height:var(--tap-min);border-radius:var(--r-m);background:var(--bg);box-shadow:var(--ring);font-size:var(--fs-h1);flex:1;font-weight:700;display:flex}.stepper-unit{font-family:var(--font-text);font-size:var(--fs-label);color:var(--ink-2);font-weight:400}.picker-list{max-height:40dvh;min-height:var(--tap-min);background:var(--surface);border-radius:var(--r-m);box-shadow:var(--ring);flex-direction:column;gap:1px;display:flex;overflow-y:auto}.picker-item{min-height:var(--tap-min);padding:var(--sp-2) var(--sp-4);text-align:left;font-size:var(--fs-body);border-radius:var(--r-s)}.picker-item[data-on=true]{background:var(--surface-2);font-weight:500}.rows{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--ring);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.row{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:var(--row-h);padding:var(--sp-2) var(--sp-4);display:flex}.row+.row{box-shadow:inset 0 1px 0 var(--rule)}.row[data-fresh=true]{animation:row-in var(--dur-tap) var(--ease) both}@keyframes row-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}.row-main{flex-direction:column;gap:1px;min-width:0;display:flex}.row-title{align-items:baseline;gap:var(--sp-2);font-size:var(--fs-body);font-weight:500;display:flex}.row-chapter{font-size:var(--fs-caption);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.row-sub{font-size:var(--fs-caption);color:var(--ink-2)}.row-side{align-items:center;gap:var(--sp-2);display:flex}.row-acc{font-size:var(--fs-h2);color:var(--ink)}.row-del{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--ink-2);font-size:var(--fs-label)}.card{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--ring);padding:var(--sp-4) var(--sp-5) var(--sp-5);gap:var(--sp-3);flex-direction:column;display:flex}.card-conclusion{background:var(--surface-2);box-shadow:var(--ring), var(--shadow-hard)}.conclusion-main{font-size:var(--fs-h2);font-weight:500;line-height:1.45}.conclusion-note{font-size:var(--fs-caption);color:var(--ink-2);line-height:1.5}.conclusion-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.conclusion-list li{justify-content:space-between;align-items:baseline;gap:var(--sp-3);min-height:var(--sp-7);display:flex}.conclusion-k{font-size:var(--fs-label);color:var(--ink-2)}.conclusion-v{font-size:var(--fs-body);text-align:right}.good{color:var(--good)}.card-toggle{width:100%;min-height:var(--tap-min);font-size:var(--fs-h2);text-align:left;justify-content:space-between;align-items:center;font-weight:700;display:flex}.tbl{border-collapse:collapse;width:100%;font-size:var(--fs-label)}.tbl th,.tbl td{text-align:left;padding:var(--sp-2) 0;min-height:var(--row-h);vertical-align:top}.tbl thead th{color:var(--ink-2);box-shadow:inset 0 -1px 0 var(--rule);font-weight:400}.tbl tbody th{font-weight:500}.tbl-prev{font-family:var(--font-text);font-size:var(--fs-caption);color:var(--ink-2);letter-spacing:0;display:block}.progress{min-height:var(--sp-2);border-radius:var(--r-pill);background:var(--surface-2);position:relative;overflow:hidden}.progress-fill{background:var(--ink-block);border-radius:var(--r-pill);position:absolute;inset:0 auto 0 0}.progress-fill[data-full=true]{background:var(--good)}.segmented{gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--r-pill);background:var(--surface-2);display:inline-flex}.seg{min-height:var(--tap-min);padding:0 var(--sp-5);border-radius:var(--r-pill);font-size:var(--fs-label);color:var(--ink-2)}.seg[data-on=true]{background:var(--ink-block);color:var(--on-ink-block)}.empty{gap:var(--sp-4);padding:var(--sp-6) 0;flex-direction:column;display:flex}.empty-text{font-size:var(--fs-body);color:var(--ink-2)}.urgency{color:var(--accent)}.inline-error{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-m);background:var(--surface);box-shadow:inset 0 0 0 1px var(--ink-2);flex-direction:column;display:flex}.inline-error-text{font-size:var(--fs-label)}.inline-error-detail{font-size:var(--fs-caption);color:var(--ink-2);display:block}.inline-error-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.import-result{gap:var(--sp-2);padding-top:var(--sp-2);flex-direction:column;display:flex}.import-summary{font-size:var(--fs-body)}.import-errors{padding-left:var(--sp-5);gap:var(--sp-1);font-size:var(--fs-caption);color:var(--ink-2);flex-direction:column;margin:0;display:flex}.sheet-wrap{z-index:40;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet-scrim{background:var(--bg);opacity:.72;position:absolute;inset:0}.sheet{width:min(100%, var(--maxw));background:var(--surface);border-radius:var(--r-l) var(--r-l) 0 0;max-height:94dvh;box-shadow:var(--shadow-sheet);padding-bottom:env(safe-area-inset-bottom,0px);animation:sheet-up var(--dur-page) var(--ease) both;flex-direction:column;margin:0 auto;display:flex;position:relative}.sheet.is-closing{animation:sheet-down var(--dur-page) var(--ease) both}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-down{0%{transform:none}to{transform:translateY(100%)}}.sheet-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--page-x);min-height:var(--tap-min);box-shadow:inset 0 -1px 0 var(--rule);display:flex}.sheet-cancel{min-height:var(--tap-min);padding:0 var(--sp-2);font-size:var(--fs-label);color:var(--ink-2)}.sheet-body{min-height:0;padding:var(--sp-4) var(--page-x) var(--sp-6);gap:var(--sp-5);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.sheet-foot{padding:var(--sp-3) var(--page-x) calc(var(--sp-3) + env(safe-area-inset-bottom,0px));box-shadow:inset 0 1px 0 var(--rule)}.sheet-primary{width:100%;min-height:56px;font-size:var(--fs-h2)}.sheet-summary{font-size:var(--fs-label);color:var(--ink-2)}.fullpage{z-index:40;background:var(--bg);max-width:var(--maxw);flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0}.fullpage-head{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--page-x);padding-top:calc(var(--sp-3) + env(safe-area-inset-top,0px));min-height:var(--tap-min);box-shadow:inset 0 -1px 0 var(--rule);display:flex}.fullpage-head h2{flex:1}.fullpage-count{font-size:var(--fs-label);color:var(--ink-2)}.fullpage-body{min-height:0;padding:var(--sp-4) var(--page-x);gap:var(--sp-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.fullpage-foot{gap:var(--sp-3);padding:var(--sp-3) var(--page-x) calc(var(--sp-3) + env(safe-area-inset-bottom,0px));box-shadow:inset 0 1px 0 var(--rule);display:flex}.fullpage-foot .btn{flex:1;min-height:56px}.retry-meta{font-size:var(--fs-label);color:var(--ink-2)}.retry-img{border-radius:var(--r-m);width:100%;box-shadow:var(--ring)}.retry-stem{font-size:var(--fs-body)}.retry-mistake{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-m);background:var(--surface);box-shadow:var(--ring);gap:var(--sp-2);flex-direction:column;display:flex}.retry-reveal{align-self:flex-start}.chart{width:100%;min-height:168px;display:block}.chart-axis{stroke:var(--chart-grid);stroke-width:1px}.chart-line{fill:none;stroke:var(--chart-line);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--chart-line)}.chart-target{stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:4 4;fill:none}.chart-tick{fill:var(--ink-2);font-size:var(--fs-caption)}.chart-said{font-size:var(--fs-label);color:var(--ink-2);line-height:1.5}.chart-key{align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);color:var(--ink-2);flex-wrap:wrap;display:flex}.key-solid{width:var(--sp-5);height:var(--sp-2);border-radius:var(--r-pill);background:var(--ink-block)}.key-thin{width:var(--sp-5);background:var(--ink-3);height:1px}.cmp{gap:var(--sp-3);flex-direction:column;display:flex}.cmp-row{align-items:center;gap:var(--sp-3);min-height:var(--tap-min);grid-template-columns:4.5em 1fr auto;display:grid}.cmp-name{font-size:var(--fs-label);color:var(--ink-2)}.cmp-track{min-height:var(--sp-4);display:block;position:relative}.cmp-cur{height:var(--sp-3);border-radius:0 var(--r-s) var(--r-s) 0;background:var(--ink-block);position:absolute;top:50%;left:0;transform:translateY(-50%)}.cmp-prev{background:var(--bg);height:2px;box-shadow:0 0 0 1px var(--ink-2);position:absolute;top:50%;left:0}.cmp-vals{font-size:var(--fs-label);flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.cmp-prev-val{font-size:var(--fs-caption);color:var(--ink-2)}.heat{gap:var(--sp-2);flex-direction:column;display:flex}.heat-row{align-items:center;gap:var(--sp-3);min-height:var(--sp-7);display:flex}.heat-name{width:4.5em;font-size:var(--fs-label);color:var(--ink-2);flex:none}.heat-cells{gap:var(--sp-1);display:flex}.heat-cell{width:var(--sp-3);height:var(--sp-3);background:var(--heat-1);border-radius:1px}.heat-cell[data-level="0"]{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--rule)}.heat-cell[data-level="1"]{background:var(--heat-1)}.heat-cell[data-level="2"]{background:var(--heat-2)}.heat-cell[data-level="3"]{background:var(--heat-3)}.heat-cell[data-level="4"]{background:var(--heat-4)}.heat-cell[data-level="5"]{background:var(--heat-5)}.filter-bar{gap:var(--sp-2);flex-direction:column;display:flex}.wrong-list{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.wrong-card{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--ring);overflow:hidden}.wrong-head{align-items:flex-start;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);text-align:left;min-height:var(--row-h);display:flex}.wrong-thumb{width:var(--sp-9);height:var(--sp-9);object-fit:cover;border-radius:var(--r-s);background:var(--surface-2);flex:none}.wrong-thumb-empty{box-shadow:inset 0 0 0 1px var(--rule);display:block}.wrong-main{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.wrong-title{align-items:baseline;gap:var(--sp-2);font-size:var(--fs-body);font-weight:500;display:flex}.wrong-cause{font-size:var(--fs-caption);color:var(--ink-2);padding:0 var(--sp-2);border-radius:var(--r-s);box-shadow:inset 0 0 0 1px var(--rule);font-weight:400}.wrong-sub{font-size:var(--fs-label);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.wrong-meta{align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);color:var(--ink-2);display:flex}.status-tag{padding:0 var(--sp-2);border-radius:var(--r-s);box-shadow:inset 0 0 0 1px var(--rule)}.status-good{color:var(--good);box-shadow:inset 0 0 0 1px var(--good)}.wrong-body{gap:var(--sp-3);padding:0 var(--sp-4) var(--sp-4);box-shadow:inset 0 1px 0 var(--rule);flex-direction:column;display:flex}.wrong-stem{font-size:var(--fs-label);color:var(--ink-2);padding-top:var(--sp-3)}.wrong-mistake-line{gap:var(--sp-1);font-size:var(--fs-body);flex-direction:column;display:flex}.plan-list{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plan-row{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--ring);padding:var(--sp-3) var(--sp-4) var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex}.plan-head{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:var(--tap-min);display:flex}.plan-name{font-size:var(--fs-h2);font-weight:700}.plan-edit{min-height:var(--tap-min);padding:0 var(--sp-4);font-size:var(--fs-label)}.plan-line{align-items:center;gap:var(--sp-2) var(--sp-3);grid-template-columns:3em 1fr;display:grid}.plan-k{font-size:var(--fs-label);color:var(--ink-2)}.plan-v{align-items:baseline;gap:var(--sp-2);font-size:var(--fs-body);display:flex}.plan-target{font-size:var(--fs-caption);color:var(--ink-2)}.plan-line .progress{grid-column:2}.plan-met{font-size:var(--fs-caption);color:var(--good)}.plan-none{font-size:var(--fs-label);color:var(--ink-2)}.page-settings .card h2{font-size:var(--fs-h2)}.setting-line{font-size:var(--fs-body);gap:var(--sp-2);display:flex}.setting-quiet{color:var(--ink-2)}.shots{gap:var(--sp-2);flex-wrap:wrap;display:flex}.shot{width:var(--sp-9);height:var(--sp-9);display:block;position:relative}.shot img{object-fit:cover;border-radius:var(--r-s);width:100%;height:100%}.shot-flag{font-size:var(--fs-caption);text-align:center;background:var(--ink-block);color:var(--on-ink-block);border-radius:0 0 var(--r-s) var(--r-s);position:absolute;bottom:0;left:0;right:0}.shot-del{top:calc(-1 * var(--sp-2));right:calc(-1 * var(--sp-2));min-width:var(--sp-7);min-height:var(--sp-7);border-radius:var(--r-pill);background:var(--ink-block);color:var(--on-ink-block);font-size:var(--fs-caption);position:absolute}.shot-add{width:var(--sp-9);height:var(--sp-9);border-radius:var(--r-s);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--rule);font-size:var(--fs-label);color:var(--ink-2)}