:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf7f0;--surface:#fff;--surface-2:#f3ede2;--text:#192849;--muted:#5a6378;--border:#e9e1d3;--border-strong:#d9d0c0;--pen:#192849;--pen-text:#fff;--pen-soft:#fff0c7;--accent:#ff914d;--accent-text:#192849;--accent-ink:#b44d12;--accent-soft:#ffe7d6;--hero:#192849;--hero-text:#fff6e3;--hero-muted:#c9d0e2;--hero-line:#fff6e32e;--good:#2c7a45;--good-fill:#78c98c;--good-soft:#e3f4e7;--bad:#b93a32;--bad-soft:#fce9e6;--warn:#8a5a00;--warn-soft:#fdf3e1;--code-bg:#f5f0e6;--mascot-line:#192849;--nav-current:#192849;--heat-1:#ffd9bd;--heat-2:#ffb27a;--heat-3:#ff914d;--heat-4:#c9611f;--radius:16px;--tap:52px;--font:"Pretendard", "Pretendard Variable", system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1626;--surface:#182238;--surface-2:#212d45;--text:#f4efe4;--muted:#a7b0c4;--border:#2a3754;--border-strong:#3a4868;--pen:#ff914d;--pen-text:#192849;--pen-soft:#33281f;--accent:#ff914d;--accent-text:#192849;--accent-ink:#ffb27a;--accent-soft:#3a2a1f;--hero:#1e2c4f;--hero-text:#fff6e3;--hero-muted:#c3cbe0;--hero-line:#fff6e324;--good:#7fd69a;--good-fill:#5fb877;--good-soft:#15301f;--bad:#ff8a80;--bad-soft:#3a1a18;--warn:#f0c060;--warn-soft:#33270f;--code-bg:#10141b;--mascot-line:#f4efe4;--nav-current:#ffb27a;--heat-1:#4a3324;--heat-2:#7a4a2a;--heat-3:#c4652a;--heat-4:#ff914d}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}h1{margin:8px 0 12px;font-size:1.5rem;line-height:1.3}h2{color:var(--muted);margin:28px 0 8px;font-size:1rem}a{color:var(--pen)}button,input,textarea{font:inherit;color:inherit}.app{max-width:34rem;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(88px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));min-height:100dvh;margin:0 auto}.app.review-mode{padding-bottom:max(16px, env(safe-area-inset-bottom))}.screen{flex-direction:column;gap:4px;display:flex}.center{place-items:center;min-height:60dvh;display:grid}.muted{color:var(--muted)}.small{font-size:.875rem}.big{margin:0;font-size:1.75rem;font-weight:700;line-height:1.3}.hero{background:var(--hero);color:var(--hero-text);border-radius:22px;flex-direction:column;gap:16px;padding:20px;display:flex}.hero p{margin:0}.hero-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-label,.hero-sub{color:var(--hero-muted);font-size:.875rem}.hero-count{font-size:2.75rem;font-weight:700;line-height:1.1}.hero-count.text{font-size:1.75rem;line-height:1.3}.hero-actions{gap:10px;display:flex}.hero .button.ghost{border-color:var(--hero-text);color:var(--hero-text);background:0 0;flex:none;padding:0 16px}.ring{flex-shrink:0;position:relative}.ring svg{display:block}.ring-label{flex-direction:column;justify-content:center;align-items:center;line-height:1.2;display:flex;position:absolute;inset:0}.ring-label strong{font-size:1.25rem}.ring-label span{color:var(--hero-muted);font-size:.6875rem}.button{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.button.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:700}.button.primary{background:var(--pen);border-color:var(--pen);color:var(--pen-text)}.button:disabled{opacity:.6}.text-button{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-self:flex-start;min-height:44px;padding:12px 4px;text-decoration:underline}.icon-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem}.actions{gap:10px;margin-top:12px;display:flex}.bottom-actions{bottom:calc(65px + max(8px, env(safe-area-inset-bottom)));background:linear-gradient(to bottom, transparent, var(--bg) 16px);gap:10px;margin-top:24px;padding:16px 0 12px;display:flex;position:sticky}.app.no-tabs{padding-bottom:max(16px, env(safe-area-inset-bottom))}.app.no-tabs .bottom-actions{padding-bottom:max(12px, env(safe-area-inset-bottom));bottom:0}.notice{background:var(--surface-2);color:var(--text);border-radius:12px;margin:8px 0;padding:12px 14px;text-decoration:none;display:block}.notice.good{background:var(--good-soft);color:var(--good)}.notice.bad{background:var(--bad-soft);color:var(--bad)}.notice.muted{color:var(--muted)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.notice.link{background:var(--pen-soft);color:var(--pen);font-weight:600}.chip{background:var(--pen-soft);color:var(--pen);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.8125rem;font-weight:600;display:inline-block}.chips{flex-wrap:wrap;gap:6px;margin:0;display:flex}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list>li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-wrap:anywhere;padding:14px 16px}.row-link{color:inherit;flex-direction:column;gap:2px;margin:-14px -16px;padding:14px 16px;text-decoration:none;display:flex}blockquote{border-left:3px solid var(--border);color:var(--text);background:var(--surface-2);border-radius:0 8px 8px 0;margin:8px 0;padding:8px 12px}.back{color:var(--muted);align-self:flex-start;padding:8px 0;text-decoration:none}.label{border-radius:6px;padding:2px 8px;font-size:.8125rem;font-weight:700;display:inline-block}.label-맞음{background:var(--good-soft);color:var(--good)}.label-틀림{background:var(--bad-soft);color:var(--bad)}.label-애매,.label-빠짐{background:var(--surface-2);color:var(--warn)}.mine{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.75rem;font-weight:700;display:inline-block}.code{background:var(--code-bg);border:1px solid var(--border);white-space:pre;font:.875rem/1.5 var(--mono);-webkit-overflow-scrolling:touch;border-radius:10px;margin:12px 0;padding:12px 14px;overflow-x:auto}.options{margin:4px 0;padding-left:18px}.options .right{color:var(--good);font-weight:600}.card-row.suspended{opacity:.6}.card-row p{margin:6px 0}.card-row-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.review{flex-direction:column;min-height:calc(100dvh - 32px);display:flex}.review-top{align-items:center;gap:8px;display:flex}.progress{background:var(--surface-2);border-radius:999px;flex:1;height:10px;overflow:hidden}.progress>div{background:var(--accent);border-radius:999px;height:100%;transition:width .25s}.count{text-align:right;font-variant-numeric:tabular-nums;min-width:3em}.question{flex-direction:column;flex:1;margin-top:16px;display:flex}.question-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;display:flex}.prompt{overflow-wrap:anywhere;margin:16px 0 8px;font-size:1.4rem;font-weight:700;line-height:1.45}.blank{border-bottom:2px solid var(--pen);text-align:center;min-width:4em;display:inline-block}.blank.filled{color:var(--pen)}.choices{flex-direction:column;gap:10px;margin-top:auto;padding-top:20px;display:flex}.choices.ox{flex-direction:row}.choice{text-align:left;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;flex:1;align-items:flex-start;gap:12px;min-height:60px;padding:14px 16px;font-weight:500;line-height:1.5;display:flex}.choice-body{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.choice .key{background:var(--surface-2);width:28px;height:28px;color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;font-size:.8125rem;font-weight:700;display:none}@media (hover:hover) and (pointer:fine){.choice .key{display:grid}}.choices.ox .choice{flex-direction:column;justify-content:center;align-items:center;min-height:88px;font-size:1.15rem;font-weight:700}.choice:disabled{cursor:default}.choice.right{border-color:var(--good);background:var(--good-soft)}.choice.wrong{border-color:var(--bad);background:var(--bad-soft)}.choice.right .tag{color:var(--good)}.choice.wrong .tag{color:var(--bad)}.choice.dim{opacity:.55}.choice .tag{font-size:.75rem;font-weight:700}.choice .mine{margin-left:0}.answer-panel{background:var(--surface);border-radius:24px 24px 0 0;margin:16px -16px 0;padding:20px 16px 0;box-shadow:0 -10px 30px #1928491f}.answer-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.answer-head p{margin:0}@media (min-width:1024px){.answer-panel{border:1px solid var(--border);box-shadow:none;border-radius:20px;margin:20px 0 0;padding:24px 24px 0}}.answer-panel .actions{padding:12px 16px max(12px, env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--surface) 12px);border-radius:0;margin:12px -16px 0;position:sticky;bottom:0}.verdict{margin:0 0 6px;font-size:1.1rem;font-weight:800}.verdict.right{color:var(--good)}.verdict.wrong{color:var(--bad)}.correct,.explain{margin:6px 0}.done{gap:12px;padding-top:24px}.field{flex-direction:column;gap:6px;margin:10px 0;display:flex}.field input,.times input{min-height:var(--tap);border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:0 14px}.times{flex-direction:column;gap:8px;margin:8px 0;padding:0;list-style:none;display:flex}.times li{align-items:center;gap:12px;display:flex}.times input{font-variant-numeric:tabular-nums;font-size:1.1rem}.secret{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.secret p{margin:0}.secret-url{background:var(--code-bg);font:.8125rem/1.5 var(--mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:8px;padding:10px 12px;display:block}.steps{margin:0;padding-left:20px}.instructions{border:1px solid var(--border);background:var(--code-bg);width:100%;font:.8125rem/1.5 var(--mono);resize:vertical;border-radius:12px;padding:12px}.tabs{padding:8px max(12px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);justify-content:space-around;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{max-width:6rem;min-height:56px;color:var(--muted);border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.tab.current{color:var(--nav-current);background:var(--pen-soft);font-weight:700}:focus-visible{outline:3px solid var(--pen);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.login-code{letter-spacing:.08em;text-align:center;font-size:1.5rem}.invites{margin-top:16px}.invites>li{justify-content:space-between;align-items:center;gap:12px;display:flex}.invites p{margin:0}.kbd-hint{text-align:center;margin:16px 0 0;display:none}@media (hover:hover) and (pointer:fine){.kbd-hint{display:block}}.answer-input{border:1px solid var(--border);background:var(--surface);resize:vertical;border-radius:12px;width:100%;padding:12px 14px;line-height:1.6}.answer-input[readonly]{background:var(--surface-2)}.checklist{flex-direction:column;gap:4px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.checklist label{align-items:center;gap:8px;min-height:36px;display:flex}.grades{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.grade{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;display:flex}.grade-1{border-color:var(--bad);color:var(--bad)}.grade-3{border-color:var(--good);color:var(--good)}.grade.suggested{box-shadow:0 0 0 3px var(--pen)}.report-panel{flex-direction:column;gap:8px;margin-top:12px;display:flex}.report-panel p{margin:0}.text-button.undo{align-self:flex-start;min-height:36px;padding:4px}.edit-form textarea,.edit-form input:not([type=radio]){border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;min-height:44px;padding:10px 12px}.option-edit{align-items:center;gap:8px;display:flex}.radio{align-items:center;gap:6px;min-height:44px;display:flex}.row-actions{gap:16px;display:flex}.goal{background:var(--surface-2);border-radius:999px;height:8px;margin:6px 0;overflow:hidden}.goal>div{background:var(--accent);border-radius:999px;height:100%}.legend{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.familiar{background:var(--good-fill)}.dot.shaky{background:var(--accent)}.dot.unlearned{border:1.5px dashed var(--muted)}.map-scroll{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-overflow-scrolling:touch;max-height:70dvh;overflow:auto}.map{margin:0 auto;display:block}.map .edge{stroke:var(--border);stroke-width:1.5px}.map .edge.contrast{stroke-dasharray:4 3}.map .node{cursor:pointer}.map .node circle{stroke-width:2px}.map .node.familiar circle{fill:var(--good-fill);stroke:var(--good)}.map .node.shaky circle{fill:var(--accent);stroke:var(--accent-ink)}.map .node.unlearned circle{fill:var(--surface);stroke:var(--muted);stroke-dasharray:3 2}.map .node text{fill:var(--text);font-size:12px}.map .node .hit{fill:#0000}.chip.state-familiar{background:var(--good-soft);color:var(--good)}.chip.state-shaky{background:var(--accent-soft);color:var(--accent-ink)}.chip.state-unlearned{border:1px dashed var(--muted);color:var(--muted);background:0 0}a.chip{align-items:center;min-height:40px;padding:0 14px;text-decoration:none;display:inline-flex}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;min-width:56px;min-height:44px;padding:0 12px}.segmented button.current{background:var(--pen);border-color:var(--pen);color:var(--pen-text);font-weight:700}.ai-button{width:100%;margin:8px 0}.ai-result{margin:8px 0}.ai-result q{quotes:"“" "”"}.coach-question{background:var(--pen-soft);color:var(--text);border-radius:10px;margin:8px 0;padding:10px 12px}.onboarding{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:4px;padding:16px;display:flex}.onboarding-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.onboarding-head h2{color:var(--text);margin:0;font-size:1rem}.onboarding-head span{color:var(--muted);font-size:.8125rem}.steps-list{margin:0;padding:0;list-style:none}.steps-list a{min-height:44px;color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.step-mark{border:2px solid var(--border-strong);color:#192849;border-radius:999px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.steps-list .done .step-mark{background:var(--good-fill);border-color:var(--good-fill)}.steps-list .done a{color:var(--muted);text-decoration:line-through}.danger{border:1px solid var(--bad);border-radius:var(--radius);margin-top:12px;padding:12px 14px}.danger p{margin:0}.button.danger-button{background:var(--bad);border-color:var(--bad);color:#fff}.field select{min-height:var(--tap);border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:0 12px}.choice.chosen{border-color:var(--pen);background:var(--pen-soft)}.confidence{margin-top:12px}.confidence p{margin:0}.confidence-head{align-items:center;gap:8px;display:flex}.confidence .button{white-space:nowrap;padding:0 8px}.toggle{align-items:center;gap:8px;min-height:44px;display:flex}.metric{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.good-text{color:var(--good)}.bad-text{color:var(--bad)}.map .node.material circle{fill:var(--surface);stroke:var(--pen);stroke-dasharray:2 2;opacity:.7}.chip.state-material{border:1px dashed var(--pen);color:var(--pen);background:0 0}.row-actions .button{flex:0 auto}.material-actions{flex-direction:column;gap:4px;margin-top:8px;display:flex}.material-actions .text-button{align-self:center}.admin{border-top:1px solid var(--border);margin-top:32px;padding-top:8px}.admin-title{color:var(--text);font-size:1.15rem}.sidebar{display:none}@media (min-width:1024px){.shell{grid-template-columns:248px minmax(0,1fr);min-height:100dvh;display:grid}.shell.focus{display:block}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:28px;height:100dvh;padding:24px 16px;display:flex;position:sticky;top:0}.tabs{display:none}.app{max-width:760px;padding:32px 40px 48px}.app.wide{max-width:1120px}.app.review-mode{padding-top:24px}.bottom-actions{bottom:0}.answer-panel .actions{border-radius:0 0 20px 20px;margin:12px -24px 0;padding:12px 24px 16px}.review{min-height:auto}.choices{margin-top:24px}}.brand{color:var(--text);align-items:center;gap:10px;padding:0 8px;text-decoration:none;display:flex}.brand strong{font-size:1.25rem}.side-nav{flex-direction:column;gap:4px;display:flex}.side-link{min-height:48px;color:var(--muted);border-radius:14px;align-items:center;gap:12px;padding:0 14px;font-weight:600;text-decoration:none;display:flex}.side-link.current{background:var(--pen-soft);color:var(--nav-current);font-weight:700}.side-link .count{background:var(--pen);color:var(--pen-text);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:.75rem;font-weight:700}.side-bottom{margin-top:auto}.icon{flex-shrink:0}.mascot{shape-rendering:crispedges;flex-shrink:0;display:block}.mascot .m-line{fill:var(--mascot-line)}.mascot .m-body{fill:#ff914d}.mascot .m-cream{fill:#fff0c7}.mascot .m-green{fill:#78c98c}.mascot .m-eye{fill:#192849}.mascot .m-shine{fill:#fff}.mascot .m-blush{fill:#ffb17c}.mascot .m-tongue{fill:#c2412f}.mascot .m-sweat{fill:#bfe3fa}.mascot .m-spark{fill:#ffbd4a}.mascot .m-spark2{fill:#78c98c}.hero .mascot .m-line{fill:var(--hero-text)}.icon-link{background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--text);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.card h2{color:var(--text);margin:0;font-size:1rem}.card p{margin:0}.card-head{align-items:center;gap:8px;display:flex}.card-head .aside{color:var(--muted);margin-left:auto;font-size:.8125rem}@media (min-width:1024px){.card{border-radius:20px;padding:24px}.card h2{font-size:1.125rem}}.bar{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.bar>div{background:var(--accent);border-radius:999px;height:100%}.up{color:var(--good);font-weight:600}.small-button{border:1px solid var(--border-strong);background:var(--surface);min-height:40px;color:var(--text);white-space:nowrap;border-radius:12px;align-items:center;padding:0 14px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.today{flex-direction:column;gap:16px;display:flex}.today-head{align-items:center;gap:12px;display:flex}.today-head h1{margin:0;font-size:1.25rem}.today-head p{color:var(--muted);margin:0;font-size:.8125rem}.today-cols{flex-direction:column;gap:16px;display:flex}.today-col{display:contents}.o-hero{order:1}.o-onboard{order:2}.o-week{order:3}.o-growth{order:4}.o-category{order:5}.o-material{order:6}.o-followups{order:7}.o-reminder{order:8}.o-wide{display:none!important}@media (min-width:1024px){.today-head h1{font-size:1.875rem}.today-head .icon-link{display:none}.today-cols{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.today-col{flex-direction:column;gap:24px;display:flex}.today-col>*{order:0}.o-wide{display:flex!important}.hero{border-radius:24px;padding:28px}.hero-count{font-size:3rem}}.days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.days li{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:.75rem;display:flex}.days li.is-today{color:var(--text);font-weight:700}.day{background:var(--surface-2);width:36px;height:36px;color:var(--accent-text);border-radius:10px;place-items:center;font-size:.6875rem;font-weight:700;display:grid}.day.met{background:var(--accent)}.day.frozen{background:var(--pen-soft);color:var(--text)}.day.today{background:var(--surface);border:2px dashed var(--accent);color:var(--accent-ink)}.day.future{opacity:.5}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.stat p{margin:0}.stat-label{color:var(--muted);font-size:.8125rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700;line-height:1.25}.stat-note{color:var(--muted);font-size:.75rem}.stat-rows{flex-direction:column;display:flex}.stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;min-height:44px;display:flex}.stat-row:last-child{border-bottom:none}.stat-row>span{color:var(--muted);font-size:.875rem}.stat-row strong{font-variant-numeric:tabular-nums;font-size:1.125rem}.question-list{margin:0;padding:0;list-style:none}.question-list li{border-bottom:1px solid var(--border);padding:10px 0}.question-list li:last-child{border-bottom:none;padding-bottom:0}.material-card{color:var(--text);flex-direction:row;align-items:center;text-decoration:none}.material-card .grow{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.icon-tile{background:var(--pen-soft);width:44px;height:44px;color:var(--text);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.cat-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name action""bar bar";align-items:center;gap:8px 12px;display:grid}.cat-row>:first-child{grid-area:name}.cat-row .bar{grid-area:bar;height:10px}.cat-row .small-button{grid-area:action}@media (min-width:1024px){.cat-row{grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto;grid-template-areas:"name bar action";gap:16px}}.heatmap{gap:4px;display:flex}.heatmap-week{flex-direction:column;gap:4px;display:flex}.heat{background:var(--surface-2);border-radius:4px;width:14px;height:14px}.heat.l1{background:var(--heat-1)}.heat.l2{background:var(--heat-2)}.heat.l3{background:var(--heat-3)}.heat.l4{background:var(--heat-4)}.heat.future{border:1px dashed var(--border);background:0 0}.heat-legend{color:var(--muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.heat-legend .heat{border-radius:3px;width:12px;height:12px}.summary{flex-direction:column;gap:16px;min-height:calc(100dvh - 48px);padding-top:16px;display:flex}.summary-head{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.summary-head h1{margin:0;font-size:1.75rem}.summary-head p{margin:0}.summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.summary-stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.summary-stat strong{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:1.25rem;display:inline-flex}.summary-stat span{color:var(--muted);font-size:.75rem}.xp{color:var(--accent-ink)}.summary h2{color:var(--text);margin:8px 0 0;font-size:.9375rem}.summary-actions{gap:10px;margin-top:auto;padding-bottom:8px;display:flex}.miss-tag{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1024px){.o-narrow{display:none!important}}.summary-actions .button{white-space:nowrap;padding:0 12px}