:root{--fs-3xs:10px;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13.5px;--fs-md:15px;--fs-lg:17px;--fs-xl:21px;--fs-2xl:25px;--fs-3xl:34px;--fs-4xl:clamp(46px,15vw,60px);--sp-05:2px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-xs:4px;--r-sm:7px;--r-md:11px;--r-lg:16px;--r-xl:22px;--r-full:999px;--tap:44px;--tab-h:66px;--z-timerbar:18;--z-tabbar:20;--z-scrim:40;--z-sheet:41;--z-overlay:80;--z-toast:90;--tbar-h:44px;--viewer-bar-h:56px;--sidebar-w:200px;--safe-b:env(safe-area-inset-bottom,0px);--kb:0px;--sheet-pb:calc(var(--sp-6) + var(--safe-b) + var(--kb));--vas-scale:1;--display:"Noto Serif KR","Nanum Myeongjo","Apple SD Gothic Neo","AppleMyungjo",Batang,serif;--body:Pretendard,"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;--mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,"Liberation Mono","Apple SD Gothic Neo","Malgun Gothic",monospace;--note-sans:"Pretendard Note",var(--body);--note-font:var(--note-sans);--ease:cubic-bezier(0.2,0.8,0.2,1)}@font-face{font-family:Pretendard Note;src:url(/fonts/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard Note;src:url(/fonts/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-display:swap}[data-note-font=pretendard]{--note-font:var(--note-sans)}[data-note-font=serif]{--note-font:var(--display)}:root{--l-paper:#ebede9;--d-paper:#101413;--l-surface:#fafbf8;--d-surface:#1a1f1d;--l-raised:#ffffff;--d-raised:#212725;--l-inset:#f1f3ef;--d-inset:#161b19;--l-ink:#14181b;--d-ink:#e6e9e4;--l-muted:#5e6763;--d-muted:#98a29d;--l-faint:#646d69;--d-faint:#8b948e;--l-hair:#d3d8d3;--d-hair:#2c332f;--l-hair-2:#e3e7e2;--d-hair-2:#242a27;--l-rail:#d7ddd8;--d-rail:#313a36;--l-pine:#0e5c4f;--d-pine:#4fbfa5;--l-pine-sub:#e4efea;--d-pine-sub:#1e2e29;--l-pine-ring:rgba(14,92,79,0.4);--d-pine-ring:rgba(79,191,165,0.35);--l-clay:#a63d28;--d-clay:#e8785c;--l-clay-sub:#f5e6e1;--d-clay-sub:#2e211d;--l-pine-on-ink:#4fbfa5;--d-pine-on-ink:#0e5c4f;--l-chip-on-ink:rgba(255,255,255,0.12);--d-chip-on-ink:rgba(20,24,27,0.08);--l-heat-0:#d2d8d3;--d-heat-0:#262e2b;--l-heat-1:#9cc9bb;--d-heat-1:#356b5a;--l-heat-2:#5aa893;--d-heat-2:#4c8f79;--l-heat-3:#2c7e6b;--d-heat-3:#63b39a;--l-heat-4:#0e5c4f;--d-heat-4:#7ed3b8;--l-scrim:rgba(20,24,27,0.5);--d-scrim:rgba(0,0,0,0.72);--l-mark-hl:rgba(166,61,40,0.2);--d-mark-hl:rgba(232,120,92,0.26);--l-spine-ink:rgba(255,255,255,0.94);--d-spine-ink:rgba(240,244,240,0.95);--l-shadow:0 1px 2px rgba(20,24,27,0.04),0 12px 32px -8px rgba(20,24,27,0.1);--d-shadow:0 1px 2px rgba(0,0,0,0.4),0 16px 40px -10px rgba(0,0,0,0.55);--l-shadow-sm:0 1px 2px rgba(20,24,27,0.05);--d-shadow-sm:0 1px 2px rgba(0,0,0,0.35);--l-shadow-lg:0 -2px 4px rgba(20,24,27,0.04),0 -18px 44px -12px rgba(20,24,27,0.22);--d-shadow-lg:0 -2px 6px rgba(0,0,0,0.5),0 -20px 50px -12px rgba(0,0,0,0.7);--l-plate-0-a:#2f4a54;--l-plate-0-b:#1b2e36;--d-plate-0-a:#3d5e6a;--d-plate-0-b:#2c4a56;--l-plate-1-a:#6b5b7b;--l-plate-1-b:#40334d;--d-plate-1-a:#7d6c8f;--d-plate-1-b:#554563;--l-plate-2-a:#7a6248;--l-plate-2-b:#4a3728;--d-plate-2-a:#907556;--d-plate-2-b:#5f4835;--l-plate-3-a:#3c5a48;--l-plate-3-b:#22392c;--d-plate-3-a:#497056;--d-plate-3-b:#33543f;--l-plate-4-a:#8a5344;--l-plate-4-b:#563029;--d-plate-4-a:#a06452;--d-plate-4-b:#6c3d33;--l-plate-5-a:#45566e;--l-plate-5-b:#283445;--d-plate-5-a:#52678a;--d-plate-5-b:#3b4a61;--l-plate-6-a:#5c6b54;--l-plate-6-b:#363f31;--d-plate-6-a:#6f8064;--d-plate-6-b:#454f3c;--l-plate-7-a:#7c4f5e;--l-plate-7-b:#4a2c36;--d-plate-7-a:#916070;--d-plate-7-b:#5d3844;color-scheme:light;--paper:var(--l-paper);--surface:var(--l-surface);--raised:var(--l-raised);--inset:var(--l-inset);--ink:var(--l-ink);--muted:var(--l-muted);--faint:var(--l-faint);--hair:var(--l-hair);--hair-2:var(--l-hair-2);--rail:var(--l-rail);--pine:var(--l-pine);--pine-sub:var(--l-pine-sub);--pine-ring:var(--l-pine-ring);--clay:var(--l-clay);--clay-sub:var(--l-clay-sub);--pine-on-ink:var(--l-pine-on-ink);--chip-on-ink:var(--l-chip-on-ink);--heat-0:var(--l-heat-0);--heat-1:var(--l-heat-1);--heat-2:var(--l-heat-2);--heat-3:var(--l-heat-3);--heat-4:var(--l-heat-4);--scrim:var(--l-scrim);--mark-hl:var(--l-mark-hl);--spine-ink:var(--l-spine-ink);--shadow:var(--l-shadow);--shadow-sm:var(--l-shadow-sm);--shadow-lg:var(--l-shadow-lg);--plate-0-a:var(--l-plate-0-a);--plate-0-b:var(--l-plate-0-b);--plate-1-a:var(--l-plate-1-a);--plate-1-b:var(--l-plate-1-b);--plate-2-a:var(--l-plate-2-a);--plate-2-b:var(--l-plate-2-b);--plate-3-a:var(--l-plate-3-a);--plate-3-b:var(--l-plate-3-b);--plate-4-a:var(--l-plate-4-a);--plate-4-b:var(--l-plate-4-b);--plate-5-a:var(--l-plate-5-a);--plate-5-b:var(--l-plate-5-b);--plate-6-a:var(--l-plate-6-a);--plate-6-b:var(--l-plate-6-b);--plate-7-a:var(--l-plate-7-a);--plate-7-b:var(--l-plate-7-b);--focus:var(--pine);--focus-on-accent:var(--surface);--mark-hl-on-dark:var(--d-mark-hl)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:var(--d-paper);--surface:var(--d-surface);--raised:var(--d-raised);--inset:var(--d-inset);--ink:var(--d-ink);--muted:var(--d-muted);--faint:var(--d-faint);--hair:var(--d-hair);--hair-2:var(--d-hair-2);--rail:var(--d-rail);--pine:var(--d-pine);--pine-sub:var(--d-pine-sub);--pine-ring:var(--d-pine-ring);--clay:var(--d-clay);--clay-sub:var(--d-clay-sub);--pine-on-ink:var(--d-pine-on-ink);--chip-on-ink:var(--d-chip-on-ink);--heat-0:var(--d-heat-0);--heat-1:var(--d-heat-1);--heat-2:var(--d-heat-2);--heat-3:var(--d-heat-3);--heat-4:var(--d-heat-4);--scrim:var(--d-scrim);--mark-hl:var(--d-mark-hl);--spine-ink:var(--d-spine-ink);--shadow:var(--d-shadow);--shadow-sm:var(--d-shadow-sm);--shadow-lg:var(--d-shadow-lg);--plate-0-a:var(--d-plate-0-a);--plate-0-b:var(--d-plate-0-b);--plate-1-a:var(--d-plate-1-a);--plate-1-b:var(--d-plate-1-b);--plate-2-a:var(--d-plate-2-a);--plate-2-b:var(--d-plate-2-b);--plate-3-a:var(--d-plate-3-a);--plate-3-b:var(--d-plate-3-b);--plate-4-a:var(--d-plate-4-a);--plate-4-b:var(--d-plate-4-b);--plate-5-a:var(--d-plate-5-a);--plate-5-b:var(--d-plate-5-b);--plate-6-a:var(--d-plate-6-a);--plate-6-b:var(--d-plate-6-b);--plate-7-a:var(--d-plate-7-a);--plate-7-b:var(--d-plate-7-b);--focus-on-accent:var(--paper)}}:root[data-theme=dark]{color-scheme:dark;--paper:var(--d-paper);--surface:var(--d-surface);--raised:var(--d-raised);--inset:var(--d-inset);--ink:var(--d-ink);--muted:var(--d-muted);--faint:var(--d-faint);--hair:var(--d-hair);--hair-2:var(--d-hair-2);--rail:var(--d-rail);--pine:var(--d-pine);--pine-sub:var(--d-pine-sub);--pine-ring:var(--d-pine-ring);--clay:var(--d-clay);--clay-sub:var(--d-clay-sub);--pine-on-ink:var(--d-pine-on-ink);--chip-on-ink:var(--d-chip-on-ink);--heat-0:var(--d-heat-0);--heat-1:var(--d-heat-1);--heat-2:var(--d-heat-2);--heat-3:var(--d-heat-3);--heat-4:var(--d-heat-4);--scrim:var(--d-scrim);--mark-hl:var(--d-mark-hl);--spine-ink:var(--d-spine-ink);--shadow:var(--d-shadow);--shadow-sm:var(--d-shadow-sm);--shadow-lg:var(--d-shadow-lg);--plate-0-a:var(--d-plate-0-a);--plate-0-b:var(--d-plate-0-b);--plate-1-a:var(--d-plate-1-a);--plate-1-b:var(--d-plate-1-b);--plate-2-a:var(--d-plate-2-a);--plate-2-b:var(--d-plate-2-b);--plate-3-a:var(--d-plate-3-a);--plate-3-b:var(--d-plate-3-b);--plate-4-a:var(--d-plate-4-a);--plate-4-b:var(--d-plate-4-b);--plate-5-a:var(--d-plate-5-a);--plate-5-b:var(--d-plate-5-b);--plate-6-a:var(--d-plate-6-a);--plate-6-b:var(--d-plate-6-b);--plate-7-a:var(--d-plate-7-a);--plate-7-b:var(--d-plate-7-b);--focus-on-accent:var(--paper)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}:root[data-overlay]{overflow:hidden}body{margin:0;min-height:100dvh;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:var(--fs-md);line-height:1.6;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;word-break:keep-all}h1,h2,h3,h4,h5{margin:0;font-weight:600;font-size:inherit;text-wrap:balance}ol,p,ul{margin:0}ol,ul{padding-left:1.2em}button{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a.link{color:var(--pine)}@media (hover:hover){a.link:hover{text-decoration:underline}}img{max-width:100%;display:block}input,select,textarea{font:inherit;font-size:16px;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-xs)}.btn:focus-visible,.fab:focus-visible,.sw:focus-visible{outline-color:var(--focus-on-accent);outline-offset:-4px}.tap{position:relative}.tap:after{content:"";position:absolute;left:50%;top:50%;width:var(--tap);height:var(--tap);transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell-body{min-height:0}.page,.shell-body{flex:1 1;display:flex}.page{width:100%;max-width:560px;margin:0 auto;padding:var(--sp-4) var(--sp-5) calc(var(--tab-h) + var(--safe-b) + var(--sp-8));flex-direction:column;gap:var(--sp-5);min-width:0}@media (min-width:1080px){.page{max-width:720px;padding-bottom:var(--sp-10)}}@media (min-width:1180px){.page--wide{max-width:1120px}}@media (min-width:1560px){.page--wide{max-width:1400px}}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3)}.topbar--back>:first-child{margin-right:auto}.topbar-actions{display:flex;align-items:center;gap:var(--sp-2);flex:none}.topbar-actions .date{padding-bottom:0}.topbar h1{font-family:var(--display);font-size:var(--fs-2xl);letter-spacing:-.015em}.topbar .date{font-size:var(--fs-2xs);color:var(--muted);padding-bottom:4px}.rule,.topbar .date{font-family:var(--mono)}.rule{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);color:var(--faint);font-size:var(--fs-3xs);letter-spacing:.12em;text-transform:uppercase}.rule:after{content:"";flex:1 1;height:1px;background:var(--hair)}.rule--between:after{order:1}.rule--between>:last-child{order:2;text-transform:none;letter-spacing:0}.secs{gap:var(--sp-6)}.sec,.secs{display:flex;flex-direction:column}.sec{gap:var(--sp-2)}.chip-row{align-items:center}.chip-row,.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:4px 11px;border:1px solid var(--hair);background:var(--surface);color:var(--muted);font-size:var(--fs-xs)}.chip,.chip:before{border-radius:var(--r-full)}.chip:before{content:"";width:7px;height:7px;background:var(--rail);flex:none}.chip--ghost{border-style:dashed}.chip--ghost:before{display:none}.chip--on{border-color:var(--pine);color:var(--ink);background:var(--pine-sub);font-weight:600}@media (hover:hover){.chip:hover{border-color:var(--rail)}}.chips--sub{align-items:center;margin-left:var(--sp-2);padding-left:var(--sp-3);border-left:1px solid var(--hair)}.chips--sub .lbl{margin-right:2px}.chip:disabled{opacity:.38}@media (hover:hover){.chip:disabled:hover{border-color:var(--hair)}}.col-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--rail);flex:none}.chip[data-plate="0"]:before,.col-dot[data-plate="0"]{background:var(--plate-0-a)}.chip[data-plate="1"]:before,.col-dot[data-plate="1"]{background:var(--plate-1-a)}.chip[data-plate="2"]:before,.col-dot[data-plate="2"]{background:var(--plate-2-a)}.chip[data-plate="3"]:before,.col-dot[data-plate="3"]{background:var(--plate-3-a)}.chip[data-plate="4"]:before,.col-dot[data-plate="4"]{background:var(--plate-4-a)}.chip[data-plate="5"]:before,.col-dot[data-plate="5"]{background:var(--plate-5-a)}.chip[data-plate="6"]:before,.col-dot[data-plate="6"]{background:var(--plate-6-a)}.chip[data-plate="7"]:before,.col-dot[data-plate="7"]{background:var(--plate-7-a)}.chip[data-hl=clay]:before{background:var(--hl-clay)}.chip[data-hl=amber]:before{background:var(--hl-amber)}.chip[data-hl=moss]:before{background:var(--hl-moss)}.chip[data-hl=sky]:before{background:var(--hl-sky)}.chip[data-hl=rose]:before{background:var(--hl-rose)}.pickup{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);border:1px solid var(--hair);border-left:3px solid var(--pine);border-radius:var(--r-md);background:var(--surface);font-size:var(--fs-sm)}.pickup b{font-family:var(--display);font-size:var(--fs-md)}.pickup .muted{font-size:var(--fs-xs)}.pickup>:last-child{margin-left:auto}.lbl{font-size:var(--fs-3xs);letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.lbl,.mono{font-family:var(--mono)}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hint-sm,.muted{color:var(--muted)}.hint-sm{font-size:var(--fs-xs)}.hint-sm--bad{color:var(--clay)}.hint-sm--note{color:var(--pine)}.input[aria-invalid]{border-color:var(--clay)}.input[type=date]{min-height:var(--tap);text-align:left}.empty{border:1px dashed var(--hair);border-radius:var(--r-lg);padding:var(--sp-8) var(--sp-5);text-align:center;color:var(--muted);font-size:var(--fs-sm);display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);justify-items:center;background:var(--inset)}.empty strong{color:var(--ink)}.tabbar{position:fixed;inset:auto 0 0 0;z-index:var(--z-tabbar);display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--hair);background:var(--surface);padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + var(--safe-b))}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);font-size:var(--fs-3xs);color:var(--faint);min-height:var(--tap);transition:color .15s var(--ease);position:relative}.tab[aria-current=page]{color:var(--pine);font-weight:600}.tab-dot{top:4px;left:calc(50% + 7px);width:8px;height:8px;border-radius:50%;background:var(--clay);border:1.5px solid var(--surface)}.fab,.tab-dot{position:absolute}.fab{left:50%;top:-20px;transform:translateX(-50%);width:52px;height:52px;border-radius:17px;background:var(--pine);display:grid;place-items:center;color:var(--focus-on-accent);border:3px solid var(--surface);box-shadow:0 6px 18px -4px var(--pine-ring);transition:transform .16s var(--ease)}.fab:active{transform:translateX(-50%) scale(.94)}.sidebar{display:none}@media (min-width:1080px){.tabbar{display:none}.sidebar{display:flex;flex-direction:column;gap:3px;width:var(--sidebar-w);flex:none;border-right:1px solid var(--hair);background:var(--surface);padding:var(--sp-5) var(--sp-3);position:-webkit-sticky;position:sticky;top:0;height:100dvh}.brand{font-family:var(--display);font-size:var(--fs-lg);padding:var(--sp-1) var(--sp-3) var(--sp-5);letter-spacing:-.015em}.nav-i{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--muted);width:100%;min-height:40px;transition:background .14s var(--ease),color .14s var(--ease)}.nav-i[aria-current=page]{background:var(--pine-sub);color:var(--pine);font-weight:600}.nav-rec{display:flex;align-items:center;gap:var(--sp-2);justify-content:center;background:var(--pine);color:var(--focus-on-accent);font-weight:600;font-size:var(--fs-sm);border-radius:var(--r-sm);min-height:40px;margin-bottom:var(--sp-3);width:100%;transition:filter .14s var(--ease)}.nav-i--admin{margin-top:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--hair)}.nav-i .kb{margin-left:auto;font-family:var(--mono);font-size:var(--fs-3xs);color:var(--faint);border:1px solid var(--hair);border-radius:var(--r-xs);padding:1px 5px}.nav-foot{margin-top:auto;padding:var(--sp-3) var(--sp-3) 0;border-top:1px solid var(--hair);font-size:var(--fs-2xs);color:var(--muted);display:flex;align-items:center;gap:var(--sp-2)}.nav-foot .sy{width:6px;height:6px;border-radius:50%;background:var(--pine);flex:none}.nav-foot .sy[data-bad]{background:var(--clay)}}@media (hover:hover){.nav-i:hover{background:var(--hair-2);color:var(--ink)}.nav-rec:hover{filter:brightness(1.08)}.tab:hover{color:var(--pine)}}.card{background:var(--raised);border:1px solid var(--hair);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.card,.panel{gap:var(--sp-3)}.card,.panel,.slab{display:flex;flex-direction:column}.slab{background:var(--inset);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);gap:var(--sp-2)}.card--flat{box-shadow:none}.btn{border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:600;padding:var(--sp-3) var(--sp-5);background:var(--pine);color:var(--focus-on-accent);letter-spacing:-.005em;min-height:var(--tap);flex:1 1;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);transition:transform .14s var(--ease),filter .14s var(--ease),background .14s var(--ease)}.btn:active:not(:disabled){transform:scale(.975)}.btn--ghost{background:var(--surface);border:1px solid var(--hair);color:var(--ink)}.btn--kakao{background:#fee500;color:#191919}@media (hover:hover){.btn--kakao:hover:not(:disabled){filter:brightness(.96)}}.btn--danger{background:transparent;border-style:solid;color:var(--clay);border:1px dashed var(--clay)}.btn--sm{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);min-height:38px}.btn--auto{flex:none}.btn--wide{padding-inline:var(--sp-5)}.btn:disabled{opacity:.45}.btn-row{display:flex;gap:var(--sp-2)}.btn-row--wrap{flex-wrap:wrap}.btn-row--wrap>.btn{flex:0 1 auto}@media (hover:hover){.btn:hover:not(:disabled){filter:brightness(1.08)}}.icon-btn{position:relative;width:40px;height:40px;border-radius:var(--r-md);border:1px solid var(--hair);background:var(--surface);display:grid;place-items:center;color:var(--ink);flex:none;box-shadow:var(--shadow-sm);transition:color .14s var(--ease),border-color .14s var(--ease),transform .14s var(--ease),background .14s var(--ease)}.icon-btn:after{content:"";position:absolute;left:50%;top:50%;width:var(--tap);height:var(--tap);transform:translate(-50%,-50%)}.icon-btn--on{border-color:var(--pine);color:var(--pine);background:var(--pine-sub)}.txt-btn{color:var(--pine);font-weight:600}@media (hover:hover){.txt-btn:hover{text-decoration:underline}}.txt-btn--bad{color:var(--clay)}.optbar{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:40px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--hair);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-size:var(--fs-xs);transition:border-color .14s var(--ease),color .14s var(--ease),background .14s var(--ease)}.optbar-text{flex:1 1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.optbar-chev,.optbar-lead{flex:none;color:var(--ink);display:grid;place-items:center}.optbar--on{border-color:var(--pine);background:var(--pine-sub);color:var(--ink)}.optbar--on .optbar-chev,.optbar--on .optbar-lead{color:var(--pine)}@media (hover:hover){.optbar:hover{border-color:var(--rail);color:var(--ink)}}.icon-btn:active{transform:scale(.94)}@media (hover:hover){.icon-btn:hover{color:var(--pine);border-color:var(--pine)}}.seg{display:flex;gap:var(--sp-1);background:var(--inset);border:1px solid var(--hair);border-radius:var(--r-md);padding:3px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.seg::-webkit-scrollbar{display:none}.seg a,.seg button{flex:1 1;font-size:var(--fs-xs);color:var(--muted);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-weight:500;white-space:nowrap;min-height:40px;scroll-snap-align:start;transition:background .14s var(--ease),color .14s var(--ease)}.seg--wrap{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none}.seg a{display:grid;place-items:center}.seg a[aria-current=page],.seg button[aria-pressed=true]{background:var(--raised);color:var(--ink);font-weight:600;box-shadow:var(--shadow-sm)}.field-row{display:flex;flex-direction:column;gap:var(--sp-2)}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:var(--sp-8);background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-size:5px 5px,5px 5px;background-position:right calc(var(--sp-4) + 5px) center,right var(--sp-4) center;background-repeat:no-repeat}.input{width:100%;border:1px solid var(--hair);border-radius:var(--r-md);padding:var(--sp-3);background:var(--raised);min-height:var(--tap);color:var(--ink);transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}.input:focus{outline:none;border-color:var(--pine);box-shadow:0 0 0 3px var(--pine-sub)}.input--mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.search{position:relative;display:flex;align-items:center;width:100%}.search-i{position:absolute;left:var(--sp-3);display:grid;place-items:center;color:var(--muted);pointer-events:none}.search .input{padding-left:calc(var(--sp-3) + 16px + var(--sp-2))}.badge{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);border:1px solid var(--hair);border-radius:var(--r-full);padding:var(--sp-1) var(--sp-3);color:var(--ink);min-height:32px}.badge--pine{border-color:var(--pine);color:var(--pine);background:var(--pine-sub);font-weight:600}.badge--clay{background:var(--clay-sub);font-weight:600}.badge--clay,.badge--danger{border-color:var(--clay);color:var(--clay)}.badge--danger{border-style:dashed}.badge--tap{min-height:var(--tap);padding-inline:var(--sp-4)}.fab-bk{display:block;max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gmark{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:var(--r-sm);background:#fff}.kmark{display:grid;place-items:center;flex:none;width:22px;height:22px}.basis{font-family:var(--mono);font-size:var(--fs-3xs);letter-spacing:.04em;color:var(--faint);border:1px dashed var(--hair);border-radius:var(--r-xs);padding:1px 5px;white-space:nowrap}.notice{border:1px solid var(--hair);border-left:3px solid var(--clay);border-radius:var(--r-xs) var(--r-md) var(--r-md) var(--r-xs);padding:var(--sp-3) var(--sp-4);background:var(--surface);font-size:var(--fs-xs);color:var(--muted)}.notice b{color:var(--ink);display:block;margin-bottom:2px;font-size:var(--fs-sm)}.notice--pine{border-left-color:var(--pine)}.cover{aspect-ratio:2/3;border-radius:var(--r-xs) var(--r-sm) var(--r-sm) var(--r-xs);overflow:hidden;flex:none;display:flex;align-items:flex-end;padding:8%;container-type:inline-size;font-family:var(--display);font-weight:600;line-height:1.28;font-size:clamp(9px,13cqw,15px);color:var(--spine-ink);text-shadow:0 1px 2px rgba(0,0,0,.32);box-shadow:inset -6px 0 8px -6px rgba(0,0,0,.35),0 2px 6px rgba(20,24,27,.16);background:linear-gradient(150deg,#33543f,#22392c);position:relative;word-break:keep-all;text-align:left}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover span{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.cover[data-plate="0"],.spine[data-plate="0"]{background:linear-gradient(150deg,var(--plate-0-a),var(--plate-0-b))}.cover[data-plate="1"],.spine[data-plate="1"]{background:linear-gradient(150deg,var(--plate-1-a),var(--plate-1-b))}.cover[data-plate="2"],.spine[data-plate="2"]{background:linear-gradient(150deg,var(--plate-2-a),var(--plate-2-b))}.cover[data-plate="3"],.spine[data-plate="3"]{background:linear-gradient(150deg,var(--plate-3-a),var(--plate-3-b))}.cover[data-plate="4"],.spine[data-plate="4"]{background:linear-gradient(150deg,var(--plate-4-a),var(--plate-4-b))}.cover[data-plate="5"],.spine[data-plate="5"]{background:linear-gradient(150deg,var(--plate-5-a),var(--plate-5-b))}.cover[data-plate="6"],.spine[data-plate="6"]{background:linear-gradient(150deg,var(--plate-6-a),var(--plate-6-b))}.cover[data-plate="7"],.spine[data-plate="7"]{background:linear-gradient(150deg,var(--plate-7-a),var(--plate-7-b))}.shelf-rail{display:flex;align-items:flex-end;gap:3px;padding:var(--sp-6) var(--sp-1) var(--sp-2);overflow-x:auto;scrollbar-width:thin;border-bottom:3px solid var(--rail);border-radius:var(--r-xs);scroll-snap-type:x proximity;min-height:190px}.spine{position:relative;flex:none;height:168px;border-radius:2px 2px var(--r-xs) var(--r-xs);display:flex;align-items:center;justify-content:center;padding:var(--sp-3) 0 var(--sp-2);box-shadow:inset -3px 0 6px -3px rgba(0,0,0,.45),inset 2px 0 3px -2px rgba(255,255,255,.14),0 2px 5px rgba(20,24,27,.2);scroll-snap-align:center;transition:transform .18s var(--ease)}.spine:active{transform:translateY(-3px)}@media (hover:hover){.spine:hover{transform:translateY(-5px)}}.spine-title{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;font-family:var(--display);font-weight:600;font-size:var(--fs-xs);line-height:1.15;letter-spacing:.02em;color:var(--spine-ink);text-shadow:0 1px 2px rgba(0,0,0,.4);max-height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.spine-ribbon{top:-14px;width:6px;border-radius:2px 2px 0 0;box-shadow:0 1px 2px rgba(0,0,0,.3)}.spine-ribbon,.spine-ribbon:after{position:absolute;background:var(--clay)}.spine-ribbon:after{content:"";inset:auto 0 -4px 0;height:5px;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.spine--done .spine-ribbon,.spine--done .spine-ribbon:after{background:var(--pine)}.shelf-caption{font-family:var(--mono);font-size:var(--fs-3xs);color:var(--faint);display:flex;justify-content:space-between;letter-spacing:.04em}.track{height:5px;background:var(--rail);overflow:hidden}.track,.track i{border-radius:var(--r-full)}.track i{display:block;height:100%;background:var(--pine);transition:width .5s var(--ease)}.track--thin{height:3px}.prog-nums{display:flex;justify-content:space-between;font-family:var(--mono);font-size:var(--fs-2xs);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.prog-nums b{color:var(--ink);font-weight:600}.cont{display:grid;grid-template-columns:82px minmax(0,1fr);grid-gap:var(--sp-4);gap:var(--sp-4)}.cont-cover{display:block}.cont-cover:active .cover{transform:translateY(1px);transition:transform .1s var(--ease)}.cont-body{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.bk-title{font-family:var(--display);font-size:var(--fs-lg);font-weight:600;line-height:1.3;letter-spacing:-.01em}.bk-author{font-size:var(--fs-xs);color:var(--muted)}.bk-cover{display:block}.bk-cover:focus-visible{outline:2px solid var(--pine);outline-offset:3px;border-radius:var(--r-sm)}.bk-sub{font-family:var(--display);font-size:var(--fs-xs);color:var(--muted);line-height:1.4;margin-top:1px}.usage-den{color:var(--faint)}.usage-t{width:100%;border-collapse:collapse;font-size:var(--fs-2xs)}.usage-t td,.usage-t th{padding:var(--sp-1) var(--sp-2);text-align:right}.usage-t thead th{color:var(--faint);font-weight:500;border-bottom:1px solid var(--hair-2)}.usage-t tbody th,.usage-t th:first-child{text-align:left;color:var(--muted);font-weight:500}.usage-t tbody tr+tr td,.usage-t tbody tr+tr th{border-top:1px solid var(--hair-2)}.usage-t td[data-bad]{color:var(--clay);font-weight:600}.blurb{font-size:var(--fs-xs);line-height:1.65;color:var(--muted);padding-left:var(--sp-3);border-left:2px solid var(--hair);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-desc{font-size:var(--fs-sm);line-height:1.7;color:var(--ink);white-space:pre-wrap}.prog{margin-top:auto;gap:var(--sp-2)}.cue,.prog{display:flex;flex-direction:column}.cue{gap:1px;align-items:flex-start;min-width:0}.cue small{font-family:var(--mono);font-size:var(--fs-3xs);letter-spacing:.08em;text-transform:uppercase;opacity:.72}.cue span{font-family:var(--display);font-size:var(--fs-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.goals{display:grid;grid-template-columns:1fr auto;grid-gap:var(--sp-4);gap:var(--sp-4);align-items:center}.goal-l{flex-direction:column;min-width:0}.goal-l,.goal-line{display:flex;gap:var(--sp-2)}.goal-line{align-items:baseline}.goal-line b{font-family:var(--mono);font-size:var(--fs-xl);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.goal-line span{color:var(--muted)}.goal-line span,.pace{font-size:var(--fs-xs)}.pace{color:var(--pine);font-weight:600;text-align:left}.ring{position:relative;width:92px;height:92px;flex:none}.ring svg{transform:rotate(-90deg);display:block}.ring svg circle{transition:stroke-dashoffset .7s var(--ease)}.ring-c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.ring-c b{font-family:var(--mono);font-size:var(--fs-lg);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:block;line-height:1.1}.ring-c i{font-family:var(--mono);font-style:normal;font-size:var(--fs-3xs);color:var(--muted)}.rhythm{flex-direction:column}.rhythm,.rhythm-head{display:flex;gap:var(--sp-3)}.rhythm-head{align-items:baseline;justify-content:space-between}.rhythm-count{display:flex;align-items:baseline;gap:3px;font-family:var(--mono)}.rhythm-count b{font-size:var(--fs-2xl);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rhythm-count span{font-size:var(--fs-sm);color:var(--muted)}.rhythm-floor{font-family:var(--mono);font-size:var(--fs-3xs);color:var(--faint);letter-spacing:.04em}.rhythm-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:var(--sp-1);gap:var(--sp-1)}.rday{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.rday i{display:block;width:100%;aspect-ratio:1;max-height:34px;border-radius:var(--r-sm);background:var(--heat-0);transition:background .3s var(--ease),box-shadow .2s var(--ease)}.rday[data-l="1"] i{background:var(--heat-1)}.rday[data-l="2"] i{background:var(--heat-2)}.rday[data-l="3"] i{background:var(--heat-3)}.rday[data-l="4"] i{background:var(--heat-4)}.rday--future i{background:transparent;border:1px dashed var(--hair)}.rday--today i{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--pine)}.rday em{font-family:var(--mono);font-style:normal;font-size:var(--fs-3xs);color:var(--faint)}.rday--today em,.rhythm-msg{color:var(--pine);font-weight:600}.rhythm-msg{font-size:var(--fs-sm)}.rhythm-msg--risk{color:var(--muted);font-weight:500}.rhythm-rest{font-size:var(--fs-xs);color:var(--muted)}.timer-wrap{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);text-align:center;padding:var(--sp-5) 0 var(--sp-8)}.timer-clock{font-family:var(--mono);font-size:var(--fs-4xl);font-weight:500;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.timer-clock small{font-size:.42em;color:var(--muted)}.timer-from{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-2)}.timer-live{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--pine)}.timer-live i{width:6px;height:6px;border-radius:50%;background:var(--pine);animation:pulse 2.4s ease-in-out infinite}.timer-live--paused{color:var(--muted)}.timer-live--paused i{background:var(--muted);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.32}}.fold-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--sp-3);border:1px dashed var(--hair);border-radius:var(--r-lg);padding:var(--sp-4);background:var(--inset);color:var(--ink);font-size:var(--fs-sm);font-weight:600;min-height:60px;transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease)}.fold-btn:active{transform:scale(.98);border-color:var(--clay);background:var(--clay-sub)}.fold-btn .n{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--clay);font-weight:600;background:var(--clay-sub);border-radius:var(--r-full);padding:2px 8px}@keyframes fold-flash{0%{transform:scale(1)}40%{transform:scale(.96);background:var(--clay-sub)}to{transform:scale(1)}}.fold-btn--flash{animation:fold-flash .42s var(--ease)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--hair);border-radius:var(--r-md);min-height:var(--tap)}.toggle-row>span:first-child{font-size:var(--fs-sm);color:var(--ink)}.sw{width:42px;height:24px;border-radius:var(--r-full);background:var(--rail);position:relative;flex:none}.sw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);transition:left .18s var(--ease);box-shadow:0 1px 2px rgba(0,0,0,.2)}.sw--on{background:var(--pine)}.sw--on i{left:21px}.toggle-row:disabled{opacity:.5;cursor:not-allowed}.toggle-row--in-rows{border:0;border-radius:0;padding:var(--sp-3) 0;border-bottom:1px solid var(--hair-2)}.rows>.toggle-row--in-rows:last-child{border-bottom:0}.scrim{position:fixed;inset:0;z-index:var(--z-scrim);background:var(--scrim);animation:fade-in .18s var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;inset:auto 0 0 0;z-index:var(--z-sheet);background:var(--raised);border-radius:var(--r-xl) var(--r-xl) 0 0;border-top:1px solid var(--hair);box-shadow:var(--shadow-lg);padding:var(--sp-2) var(--sp-5) var(--sheet-pb);display:flex;flex-direction:column;gap:var(--sp-4);max-width:560px;margin:0 auto;max-height:88dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;animation:sheet-up .24s var(--ease)}@keyframes sheet-up{0%{transform:translateY(14px);opacity:.6}to{transform:none;opacity:1}}.scrim--instant,.sheet--instant{animation:none}.sheet>*{flex-shrink:0}.sheet-head{position:-webkit-sticky;position:sticky;top:calc(var(--sp-2) * -1);z-index:1;margin:calc(var(--sp-2) * -1) calc(var(--sp-5) * -1) calc(var(--sp-2) * -1);padding:var(--sp-2) var(--sp-5);background:var(--raised);display:flex;flex-direction:column}.grip{width:44px;height:5px;border-radius:var(--r-full);background:var(--hair);margin:0 auto var(--sp-2);flex:none;cursor:-webkit-grab;cursor:grab;touch-action:none}.sheet-head>.grip:only-child{margin-bottom:0}.sheet h2{font-family:var(--display);font-size:var(--fs-xl);letter-spacing:-.01em}.sheet .sub{font-size:var(--fs-sm);color:var(--muted)}.sheet-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);position:-webkit-sticky;position:sticky;bottom:0;padding-top:var(--sp-2);background:var(--raised)}.sheet-actions>.btn{min-width:40%}.sheet .sheet-actions{bottom:calc(var(--sheet-pb) * -1);margin-bottom:calc(var(--sheet-pb) * -1);padding-bottom:var(--sheet-pb)}.stepper{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);border:1px solid var(--hair);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3)}.stepper .sv{font-family:var(--mono);font-size:var(--fs-2xl);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border:0;background:none;width:5ch;padding:0;min-height:0}.stepper .sv:focus{outline:none}.stepper-btns{display:flex;gap:var(--sp-2)}.sq{width:var(--tap);height:var(--tap);border-radius:var(--r-sm);border:1px solid var(--hair);background:var(--raised);display:grid;place-items:center;font-family:var(--mono);font-size:var(--fs-lg);transition:transform .14s var(--ease)}.sq:active{transform:scale(.92)}.readout{display:flex;gap:var(--sp-5);padding:var(--sp-3) 0;border-top:1px solid var(--hair-2);border-bottom:1px solid var(--hair-2)}.readout div{display:flex;flex-direction:column;gap:2px;min-width:0}.readout b{font-family:var(--mono);font-size:var(--fs-lg);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}