:root{--blue-500: oklch(.624 .176 254);--blue-600: oklch(.522 .176 257);--blue-700: oklch(.476 .174 259);--blue-50: oklch(.965 .02 250);--grey-900: oklch(.234 .03 254);--grey-800: oklch(.342 .03 253);--grey-700: oklch(.452 .028 253);--grey-600: oklch(.555 .022 253);--grey-500: oklch(.652 .02 252);--grey-400: oklch(.752 .016 251);--grey-300: oklch(.84 .012 248);--grey-200: oklch(.913 .008 247);--grey-150: oklch(.918 .007 247);--grey-100: oklch(.957 .005 247);--grey-50: oklch(.978 .003 247);--white: oklch(1 0 0);--red-500: oklch(.628 .218 22);--green-500: oklch(.493 .143 154);--orange-500: oklch(.748 .183 56);--yellow-500: oklch(.853 .156 86);--navy-900: oklch(.155 .06 261);--fg-tertiary-a: oklch(.155 .06 261 / .58);--fg-quaternary-a: oklch(.155 .06 261 / .28);--line-subtle-a: oklch(0 0 0 / .08);--bg-overlay-a: oklch(0 0 0 / .56);--press-overlay-a: oklch(0 0 0 / .26);--fg-primary: var(--grey-900);--fg-secondary: var(--grey-700);--fg-tertiary: var(--fg-tertiary-a);--fg-quaternary: var(--fg-quaternary-a);--fg-disabled: var(--grey-400);--fg-inverse: var(--white);--fg-brand: var(--blue-500);--fg-danger: var(--red-500);--fg-success: var(--green-500);--fg-warning: var(--orange-500);--bg-primary: var(--white);--bg-secondary: var(--grey-100);--bg-tertiary: var(--grey-200);--bg-elevated: var(--white);--bg-overlay: var(--bg-overlay-a);--bg-brand: var(--blue-500);--bg-brand-press: var(--blue-600);--bg-brand-weak: var(--blue-50);--bg-danger: var(--red-500);--bg-canvas: var(--grey-50);--line-default: var(--grey-200);--line-subtle: var(--line-subtle-a);--line-strong: var(--grey-400);--press-overlay: var(--press-overlay-a);--disabled-opacity: .3;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Apple SD Gothic Neo", "Noto Sans KR", Roboto, "Helvetica Neue", Arial, sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--r-xs: 4px;--r-s: 8px;--r-m: 12px;--r-l: 14px;--r-xl: 16px;--r-2xl: 20px;--r-3xl: 24px;--r-4xl: 32px;--r-full: 999px;--shadow-1: 0 1px 2px oklch(.155 .06 261 / .04), 0 1px 1px oklch(.155 .06 261 / .04);--shadow-2: 0 4px 12px oklch(.155 .06 261 / .06), 0 1px 2px oklch(.155 .06 261 / .04);--shadow-3: 0 12px 32px oklch(.155 .06 261 / .1), 0 2px 6px oklch(.155 .06 261 / .06);--shadow-toast: 0 8px 24px oklch(.155 .06 261 / .16);--shadow-sheet: 0 -2px 12px oklch(.155 .06 261 / .06);--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--tap: 44px;--shell: 480px;--shell-wide: 1180px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-canvas);color:var(--fg-primary);font-family:var(--font-sans);font-size:15px;line-height:1.5;letter-spacing:-.005em;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.tnum,.num,input[inputmode=numeric],input[type=tel],input[type=number]{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px;border-radius:var(--r-xs)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.t-display{font-size:40px;line-height:1.2;letter-spacing:-.02em;font-weight:700}.t-h1{font-size:28px;line-height:1.3;letter-spacing:-.02em;font-weight:700}.t-h2{font-size:24px;line-height:1.3;letter-spacing:-.02em;font-weight:700}.t-h3{font-size:22px;line-height:1.3;letter-spacing:-.015em;font-weight:700}.t-h4{font-size:20px;line-height:1.35;letter-spacing:-.015em;font-weight:700}.t-title{font-size:18px;line-height:1.45;letter-spacing:-.01em;font-weight:600}.t-title-2{font-size:17px;line-height:1.45;letter-spacing:-.01em;font-weight:600}.t-body{font-size:15px;line-height:1.5;letter-spacing:-.005em}.t-body-l{font-size:17px;line-height:1.5;letter-spacing:-.005em}.t-body-s{font-size:13px;line-height:1.5}.t-caption{font-size:12px;line-height:1.4;font-weight:500}.fg-secondary{color:var(--fg-secondary)}.fg-tertiary{color:var(--fg-tertiary)}.fg-brand{color:var(--fg-brand)}.fg-danger{color:var(--fg-danger)}.fg-success{color:var(--fg-success)}h1,h2,h3,h4,p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);position:relative;border:0;font-family:inherit;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--dur-fast) var(--ease);isolation:isolate}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:transparent;transition:background var(--dur-fast) var(--ease);pointer-events:none}.btn-xl{height:56px;border-radius:var(--r-xl);font-size:17px;font-weight:700;padding:0 var(--sp-6)}.btn-l{height:48px;border-radius:var(--r-l);font-size:17px;font-weight:700;padding:0 var(--sp-5)}.btn-m{height:40px;border-radius:var(--r-m);font-size:15px;font-weight:600;padding:0 var(--sp-4)}.btn-s{height:32px;border-radius:10px;font-size:13px;font-weight:600;padding:0 var(--sp-3)}.btn-primary{background:var(--bg-brand);color:var(--fg-inverse)}.btn-neutral{background:var(--bg-secondary);color:var(--fg-primary)}.btn-danger{background:var(--bg-danger);color:var(--fg-inverse)}.btn-ghost{background:transparent;color:var(--fg-brand)}.btn-outline{background:var(--bg-primary);color:var(--fg-primary);box-shadow:inset 0 0 0 1px var(--line-default)}.btn-block{display:flex;width:100%}.bottom-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--bg-primary)}.bottom-cta:before{content:"";position:absolute;left:0;right:0;top:-28px;height:28px;background:linear-gradient(to top,var(--bg-primary),transparent);pointer-events:none}.bottom-cta>.inner{max-width:var(--shell);margin:0 auto}.card{background:var(--bg-primary);border-radius:var(--r-xl);padding:var(--sp-5)}.card+.card{margin-top:var(--sp-3)}.card-flat{background:var(--bg-secondary);border-radius:var(--r-xl);padding:var(--sp-4)}.card-brand{background:var(--bg-brand-weak);border-radius:var(--r-xl);padding:var(--sp-4)}.section-title{font-size:13px;font-weight:600;color:var(--fg-tertiary);letter-spacing:0;margin:var(--sp-6) 0 var(--sp-2)}.field{display:block;margin-bottom:var(--sp-4)}.field>.label{display:block;font-size:13px;font-weight:600;color:var(--fg-secondary);margin-bottom:var(--sp-2)}.field>.help{font-size:13px;color:var(--fg-tertiary);margin-top:var(--sp-2)}.field>.help.err{color:var(--fg-danger)}.input,.textarea,select.input{width:100%;min-height:48px;padding:0 var(--sp-4);border:0;border-radius:var(--r-m);background:var(--bg-secondary);color:var(--fg-primary);font-family:inherit;font-size:16px;line-height:1.5;box-shadow:inset 0 0 0 1px var(--line-default);transition:background var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.textarea{padding:var(--sp-3) var(--sp-4);min-height:120px;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--fg-quaternary)}.input:focus,.textarea:focus{outline:none;background:var(--bg-primary);box-shadow:inset 0 0 0 1.5px var(--blue-500)}.input.is-error,.textarea.is-error{box-shadow:inset 0 0 0 1.5px var(--red-500)}.input:disabled{opacity:var(--disabled-opacity)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--sp-8);background-image:linear-gradient(45deg,transparent 50%,var(--fg-tertiary) 50%),linear-gradient(135deg,var(--fg-tertiary) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.input-s{min-height:40px;font-size:15px;padding:0 var(--sp-3)}select.input-s{background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);height:34px;padding:0 var(--sp-4);border:0;border-radius:var(--r-full);background:var(--bg-primary);box-shadow:inset 0 0 0 1px var(--line-default);color:var(--fg-secondary);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease)}.chip.chip-brand[aria-pressed=true]{background:var(--bg-brand-weak);color:var(--fg-brand)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.badge{display:inline-flex;align-items:center;height:22px;padding:0 var(--sp-2);border-radius:var(--r-s);font-size:12px;font-weight:600;background:var(--bg-secondary);color:var(--fg-secondary)}.badge-brand{background:var(--bg-brand-weak);color:var(--fg-brand)}.badge-danger{background:#ffe2e2;background:oklch(.94 .04 18);color:var(--fg-danger)}.badge-success{background:#d5f4e2;color:var(--fg-success)}.badge-warning{background:#ffeccd;background:oklch(.95 .05 80);color:#ab5800;color:oklch(.55 .14 56)}.list{background:var(--bg-primary);border-radius:var(--r-xl);overflow:hidden}.list-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap);padding:var(--sp-3) var(--sp-5);border:0;background:transparent;font-family:inherit;font-size:15px;text-align:left;color:inherit;position:relative}button.list-row,a.list-row{cursor:pointer;text-decoration:none}button.list-row:active,a.list-row:active{background:var(--bg-secondary)}.list-row+.list-row{box-shadow:inset 0 1px 0 var(--line-default)}.list-row>.body{flex:1;min-width:0}.list-row>.body>.title{font-weight:600;letter-spacing:-.01em}.list-row>.body>.sub{font-size:13px;color:var(--fg-tertiary);margin-top:1px}.list-row>.trail{flex:none;font-variant-numeric:tabular-nums;color:var(--fg-secondary);font-weight:600}.list-row>.lead{flex:none;width:44px;height:44px;border-radius:var(--r-l);background:var(--bg-brand-weak);display:grid;place-items:center;font-size:20px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(88px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:var(--sp-2);max-width:calc(100vw - 32px);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-l);background:var(--grey-900);color:var(--fg-inverse);font-size:15px;box-shadow:var(--shadow-toast);animation:toast-in var(--dur-slow) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg-overlay);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:var(--shell);background:var(--bg-primary);border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding:var(--sp-6) var(--sp-5) calc(var(--sp-5) + env(safe-area-inset-bottom));box-shadow:var(--shadow-sheet);animation:sheet-up var(--dur-slow) var(--ease-out);max-height:88vh;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(16px);opacity:0}}@media(min-width:641px){.scrim{align-items:center}.sheet{max-width:440px;border-radius:var(--r-2xl);box-shadow:var(--shadow-3)}}.top-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--sp-3);height:56px;padding:0 var(--sp-4);background:var(--bg-primary);box-shadow:inset 0 -1px 0 var(--line-default)}.top-bar .title{font-size:18px;font-weight:700;letter-spacing:-.015em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--r-m);background:transparent;color:var(--fg-secondary);font-family:inherit;font-size:14px;cursor:pointer}.icon-btn:active{background:var(--bg-secondary)}.progress{height:6px;border-radius:var(--r-full);background:var(--bg-tertiary);overflow:hidden}.progress>i{display:block;height:100%;background:var(--bg-brand);border-radius:inherit;transition:width var(--dur-base) var(--ease)}.dots{display:inline-flex;gap:5px}.dots>i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:dot 1s var(--ease) infinite}.dots>i:nth-child(2){animation-delay:.15s}.dots>i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{opacity:.28}30%{opacity:1}}.loading{display:grid;place-items:center;gap:var(--sp-3);padding:var(--sp-16) var(--sp-4);color:var(--fg-tertiary)}.empty{padding:var(--sp-12) var(--sp-5);text-align:center;color:var(--fg-tertiary);font-size:14px;line-height:1.6}.row{display:flex;gap:var(--sp-2);align-items:center}.row-wrap{flex-wrap:wrap}.spacer{margin-left:auto}.stack>*+*{margin-top:var(--sp-3)}.hairline{height:1px;background:var(--line-default);border:0;margin:var(--sp-4) 0}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.score{text-align:center;padding:var(--sp-4) 0 var(--sp-2)}.score .big{font-size:48px;font-weight:700;line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.score .of{color:var(--fg-quaternary);font-size:17px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-bottom:var(--sp-3)}.stats>div{background:var(--bg-primary);border-radius:var(--r-l);padding:var(--sp-4) var(--sp-2);text-align:center}.stats .k{font-size:12px;color:var(--fg-tertiary)}.stats .v{font-size:20px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:var(--sp-1)}.cell{aspect-ratio:1;border-radius:var(--r-s);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-variant-numeric:tabular-nums;background:var(--bg-secondary);color:var(--fg-tertiary);line-height:1.1}.cell b{font-size:14px;font-weight:600}.cell.correct{background:var(--bg-brand);color:var(--fg-inverse)}.cell.partial{background:#8fbbf0;color:var(--fg-inverse)}.cell.wrong{background:var(--red-500);color:var(--fg-inverse)}.cell.pending{background:var(--orange-500);color:var(--fg-inverse)}.cell.blank{background:var(--bg-tertiary);color:var(--fg-quaternary)}.legend{display:flex;flex-wrap:wrap;gap:var(--sp-3);font-size:12px;color:var(--fg-tertiary);margin-top:var(--sp-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:var(--sp-1);vertical-align:-1px}.bar{flex:none;width:76px;height:6px;background:var(--bg-tertiary);border-radius:var(--r-full);overflow:hidden}.bar i{display:block;height:100%;background:var(--bg-brand);border-radius:inherit}.bar i.low{background:var(--red-500)}.notice{background:#fff0d7;background:oklch(.96 .04 80);padding:var(--sp-3) var(--sp-4);font-size:14px;line-height:1.6;margin-bottom:var(--sp-3);border-radius:var(--r-m)}.comments{background:var(--bg-brand-weak);border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-3)}.comments ul{margin:0;padding-left:var(--sp-4)}.comments li{margin:0 0 var(--sp-1);font-size:15px;line-height:1.65}.comments li:last-child{margin-bottom:0}.trend{display:flex;align-items:flex-end;gap:var(--sp-2);height:104px;padding:var(--sp-4);background:var(--bg-primary);border-radius:var(--r-xl)}.trend .col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:var(--sp-1)}.trend .col i{display:block;width:100%;max-width:36px;background:var(--bg-tertiary);border-radius:var(--r-xs) var(--r-xs) 0 0;min-height:3px}.trend .col.now i{background:var(--bg-brand)}.trend .col span{font-size:10px;color:var(--fg-quaternary);font-variant-numeric:tabular-nums}.app{min-height:100dvh;padding-bottom:var(--sp-20)}.shell{max-width:var(--shell);margin:0 auto;padding:0 var(--sp-4)}.pad{max-width:var(--shell);margin:0 auto;padding:var(--sp-4) var(--sp-4) var(--sp-16)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--sp-3);height:56px;padding:0 var(--sp-4);background:var(--bg-primary);box-shadow:inset 0 -1px 0 var(--line-default)}.topbar>.inner{display:flex;align-items:center;gap:var(--sp-3);width:100%;max-width:var(--shell);margin:0 auto}.topbar strong{font-size:17px;font-weight:700;letter-spacing:-.015em}.topbar .clock{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.topbar button{height:32px;padding:0 var(--sp-3);border:0;border-radius:var(--r-s);background:var(--bg-secondary);color:var(--fg-secondary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.topbar button:active{background:var(--bg-tertiary)}.card{background:var(--bg-primary);border-radius:var(--r-xl);padding:var(--sp-5);margin-bottom:var(--sp-3)}.card h2{font-size:18px;font-weight:700;letter-spacing:-.015em;margin:0 0 var(--sp-1)}.card .meta{color:var(--fg-tertiary);font-size:13px;margin:0}.hint{color:var(--fg-tertiary);font-size:13px;line-height:1.55;margin:var(--sp-2) 0 0}.error{color:var(--fg-danger);font-size:14px;margin:var(--sp-2) 0 0}h3.section{font-size:13px;font-weight:600;color:var(--fg-tertiary);margin:var(--sp-6) 0 var(--sp-2)}.btn{display:flex;align-items:center;justify-content:center;width:100%;height:56px;border:0;border-radius:var(--r-xl);background:var(--bg-brand);color:var(--fg-inverse);font-family:inherit;font-size:17px;font-weight:700;cursor:pointer;position:relative;isolation:isolate}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:transparent;transition:background var(--dur-fast) var(--ease)}.btn:active:not(:disabled):after{background:var(--press-overlay)}.btn:disabled{opacity:var(--disabled-opacity);cursor:default}.btn.ghost{background:var(--bg-secondary);color:var(--fg-primary)}.btn.inline{width:auto;height:40px;padding:0 var(--sp-4);border-radius:var(--r-m);font-size:15px;font-weight:600}label.field{display:block;margin-bottom:var(--sp-4)}label.field span{display:block;font-size:13px;font-weight:600;color:var(--fg-secondary);margin-bottom:var(--sp-2)}input[type=text],input[type=tel],input[type=number],input[type=date],textarea{width:100%;min-height:48px;padding:var(--sp-3) var(--sp-4);border:0;border-radius:var(--r-m);background:var(--bg-secondary);color:var(--fg-primary);font-family:inherit;font-size:16px;line-height:1.5;box-shadow:inset 0 0 0 1px var(--line-default);transition:background var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}textarea{min-height:120px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--fg-quaternary)}input:focus,textarea:focus{outline:none;background:var(--bg-primary);box-shadow:inset 0 0 0 1.5px var(--blue-500)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-2) 0 0}.chip{height:36px;padding:0 var(--sp-4);border:0;border-radius:var(--r-full);background:var(--bg-primary);box-shadow:inset 0 0 0 1px var(--line-default);color:var(--fg-secondary);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease)}.chip[aria-pressed=true]{background:var(--grey-900);box-shadow:none;color:var(--fg-inverse)}.sheet{max-width:var(--shell);margin:0 auto;padding:0 var(--sp-4) 104px}.marking-progress{position:sticky;top:56px;z-index:29;height:3px;background:var(--bg-tertiary)}.marking-progress>i{display:block;height:100%;background:var(--bg-brand);transition:width var(--dur-base) var(--ease)}.qrow{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) 0;box-shadow:inset 0 -1px 0 var(--line-default)}.qrow .no{width:26px;flex:none;text-align:right;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;color:var(--fg-quaternary);padding-top:12px}.qrow.answered .no{color:var(--fg-brand)}.qrow .body{flex:1;min-width:0}.qrow .pts{flex:none;width:26px;padding-top:15px;font-size:11px;color:var(--fg-quaternary);text-align:right}.bubbles{display:flex;gap:var(--sp-2)}.bubble{width:44px;height:44px;flex:none;border:0;border-radius:50%;background:var(--bg-secondary);box-shadow:inset 0 0 0 1px var(--line-default);color:var(--fg-secondary);font-family:inherit;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;padding:0;transition:all var(--dur-fast) var(--ease)}.bubble[aria-pressed=true]{background:var(--bg-brand);box-shadow:none;color:var(--fg-inverse)}.bubble.wide{width:auto;min-width:68px;border-radius:var(--r-full)}.dock{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--bg-primary);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom))}.dock:before{content:"";position:absolute;left:0;right:0;top:-28px;height:28px;background:linear-gradient(to top,var(--bg-primary),transparent);pointer-events:none}.dock .inner{max-width:var(--shell);margin:0 auto}.rows{background:var(--bg-primary);border-radius:var(--r-xl);overflow:hidden}.rows>div{display:flex;gap:var(--sp-3);align-items:center;padding:var(--sp-4) var(--sp-5);font-size:15px}.rows>div+div{box-shadow:inset 0 1px 0 var(--line-default)}.rows .k{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rows .v{flex:none;font-variant-numeric:tabular-nums;color:var(--fg-tertiary);font-weight:600}.rows .v.low{color:var(--fg-danger)}.grass{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-1);background:var(--bg-primary);border-radius:var(--r-xl);padding:var(--sp-4)}.grass .wd{font-size:11px;color:var(--fg-quaternary);text-align:center;padding-bottom:var(--sp-1)}.cellg{aspect-ratio:1;border-radius:var(--r-s);background:var(--bg-secondary)}.cellg.l0{background:var(--grey-50)}.cellg.l1{background:var(--bg-tertiary)}.cellg.l2{background:#8fbbf0}.cellg.l3{background:var(--bg-brand)}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-3);margin-top:var(--sp-3)}.book{background:var(--bg-primary);border-radius:var(--r-l);padding:var(--sp-4);min-height:104px}.book .t{font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.01em}.book .p{font-size:12px;color:var(--fg-tertiary);margin-top:var(--sp-1);font-variant-numeric:tabular-nums}.book .n{font-size:13px;color:var(--fg-tertiary);margin-top:var(--sp-2);line-height:1.5}.qa{background:var(--bg-primary);border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-3)}.qa .ctx{font-size:12px;color:var(--fg-brand);font-weight:600;margin-bottom:var(--sp-1)}.qa .q{font-size:15px;line-height:1.6;white-space:pre-wrap}.qa .a{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-brand-weak);border-radius:var(--r-m);font-size:15px;line-height:1.6;white-space:pre-wrap}.qa .when{font-size:12px;color:var(--fg-quaternary);margin-top:var(--sp-2);font-variant-numeric:tabular-nums}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.metric{background:var(--bg-primary);border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-5)}.metric .k{font-size:12px;color:var(--fg-tertiary)}.metric .v{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:var(--sp-1)}.metric .d{font-size:12px;margin-top:2px}.weekbars{display:flex;align-items:flex-end;gap:var(--sp-2);height:88px;background:var(--bg-primary);border-radius:var(--r-xl);padding:var(--sp-4)}.weekbars>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--sp-1);height:100%}.weekbars i{display:block;width:100%;max-width:40px;background:var(--bg-brand);border-radius:var(--r-xs) var(--r-xs) 0 0;min-height:3px}.weekbars span{font-size:10px;color:var(--fg-quaternary);font-variant-numeric:tabular-nums}@media(min-width:900px){.pad.two-col{max-width:960px;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--sp-6);align-items:start}.pad.two-col>.full{grid-column:1 / -1}.metrics{grid-template-columns:repeat(4,1fr)}.shelf{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}