:root{--moss: #3f7d4e;--moss-strong: #2f6440;--moss-soft: #dcebdc;--teal: #1e6a73;--teal-strong: #16535a;--teal-soft: #d8eaec;--soil: #7a5a3a;--soil-soft: #efe4d6;--bg: #f2f6f0;--surface: #ffffff;--surface-2: #e9f0e8;--ink: #1c2a23;--ink-soft: #4b5c52;--line: #cbd9cf;--warn: #8a5a00;--warn-soft: #fbf0d9;--bad: #9b3b2e;--bad-soft: #f8e3df;--focus: #1e6a73;--null: #8a7f74;--radius-s: 6px;--radius-m: 10px;--font: "IBM Plex Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--moss: #7fbf8c;--moss-strong: #a3d6ad;--moss-soft: #22382a;--teal: #6fc0c8;--teal-strong: #9adbe1;--teal-soft: #193a3e;--soil: #c9a27a;--soil-soft: #3a2e22;--bg: #111b16;--surface: #18251e;--surface-2: #1f2f26;--ink: #e3ede6;--ink-soft: #a9bbb0;--line: #34473b;--warn: #f0c060;--warn-soft: #3a2f16;--bad: #f09080;--bad-soft: #3d201b;--focus: #9adbe1;--null: #a69a8e;color-scheme:dark}}:root[data-theme=dark]{--moss: #7fbf8c;--moss-strong: #a3d6ad;--moss-soft: #22382a;--teal: #6fc0c8;--teal-strong: #9adbe1;--teal-soft: #193a3e;--soil: #c9a27a;--soil-soft: #3a2e22;--bg: #111b16;--surface: #18251e;--surface-2: #1f2f26;--ink: #e3ede6;--ink-soft: #a9bbb0;--line: #34473b;--warn: #f0c060;--warn-soft: #3a2f16;--bad: #f09080;--bad-soft: #3d201b;--focus: #9adbe1;--null: #a69a8e;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.3;margin:0 0 .5em;font-weight:700}h1{font-size:1.75rem;letter-spacing:-.01em}h2{font-size:1.3rem}h3{font-size:1.05rem}p{margin:0 0 .75em}a{color:var(--teal)}code,pre,.mono{font-family:var(--mono)}pre{white-space:pre-wrap;word-break:break-word;margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.btn{display:inline-flex;align-items:center;gap:.4em;justify-content:center;padding:.5em 1em;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none;min-height:40px}.btn:hover:not(:disabled){border-color:var(--teal)}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--teal-strong)}:root[data-theme=dark] .btn-primary,:root:not([data-theme=light]) .btn-primary{color:#fff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary{color:#0e1a14}}:root[data-theme=dark] .btn-primary{color:#0e1a14}.btn-grow{background:var(--moss);border-color:var(--moss);color:#fff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-grow{color:#0e1a14}}.btn-quiet{background:transparent;border-color:transparent;color:var(--teal);padding-inline:.4em}.btn-quiet:hover:not(:disabled){border-color:transparent;text-decoration:underline}.btn-small{min-height:32px;padding:.25em .7em;font-size:.9rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.stack{display:grid;gap:.75rem}.muted{color:var(--ink-soft)}.small{font-size:.875rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:env(safe-area-inset-top,0px);z-index:20}.topbar .brand{font-weight:700;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:.4rem}.topbar .spacer{flex:1}.topbar nav{display:flex;gap:.25rem;flex-wrap:wrap}.topbar nav a{padding:.3em .6em;border-radius:var(--radius-s);text-decoration:none;color:var(--ink-soft);font-weight:500}.topbar nav a[aria-current=page]{color:var(--ink);background:var(--surface-2)}.demo-flag{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn);border-radius:999px;padding:0 .6em;font-size:.8rem;font-weight:700}.page{width:100%;max-width:1180px;margin:0 auto;padding:1.25rem 1rem 3rem}.page-narrow{max-width:760px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:1rem 1.1rem}.notice{border-left:4px solid var(--teal);background:var(--teal-soft);padding:.7rem .9rem;border-radius:0 var(--radius-s) var(--radius-s) 0}.notice-warn{border-left-color:var(--warn);background:var(--warn-soft)}.notice-bad{border-left-color:var(--bad);background:var(--bad-soft)}.notice-good{border-left-color:var(--moss);background:var(--moss-soft)}.badge{display:inline-flex;align-items:center;gap:.3em;border-radius:999px;padding:.05em .65em;font-size:.8rem;font-weight:700;border:1px solid;white-space:nowrap}.badge-exec{color:var(--moss-strong);border-color:var(--moss);background:var(--moss-soft)}.badge-sim{color:var(--soil);border-color:var(--soil);background:var(--soil-soft)}.badge-dialect{color:var(--teal-strong);border-color:var(--teal);background:var(--teal-soft)}.badge-plain{color:var(--ink-soft);border-color:var(--line);background:var(--surface-2)}.learn-head{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:.75rem}.crumbs{color:var(--ink-soft);font-size:.9rem}.crumbs a{color:var(--ink-soft)}.learn-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:1rem;align-items:start}.learn-grid>*{min-width:0}@media(max-width:860px){.learn-grid{grid-template-columns:minmax(0,1fr)}}.explain{position:sticky;top:64px}@media(max-width:860px){.explain{position:static}}.explain p{font-size:.97rem}.glossary{margin:.75rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem}.glossary li{border-left:3px solid var(--soil);padding-left:.6rem;font-size:.9rem}.glossary b{display:block}.objective{font-weight:600}.task{display:grid;gap:1rem}.task-prompt{font-size:1.05rem;font-weight:600}.feedback{min-height:2.5rem}.feedback-bar{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem;display:grid;gap:.75rem}.hint-list{margin:0;padding-left:1.2rem}.hint-list li{margin-bottom:.4rem}.step-label{font-size:.85rem;color:var(--ink-soft);font-weight:600}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);max-width:100%}table.data{border-collapse:collapse;font-family:var(--mono);font-size:.88rem;min-width:100%}table.data caption{text-align:left;font-family:var(--font);font-weight:600;padding:.4rem .6rem;font-size:.88rem;color:var(--ink-soft);caption-side:top}table.data th,table.data td{padding:.3rem .7rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}table.data th{background:var(--surface-2);font-weight:600}table.data tr:last-child td{border-bottom:0}table.data td.num{text-align:right}table.data .null{color:var(--null);font-style:italic}table.data tr.hit td{background:var(--moss-soft)}table.data tr.diff td{background:var(--bad-soft)}.result-meta{font-size:.85rem;color:var(--ink-soft);margin-top:.3rem}.editor{width:100%;min-height:9rem;font-family:var(--mono);font-size:.95rem;line-height:1.5;padding:.7rem;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);resize:vertical;tab-size:2}.editor:focus{border-color:var(--teal)}.codeblock{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:.6rem .75rem;font-size:.88rem;overflow-x:auto}.codeblock.dialect{border-style:dashed;border-color:var(--teal)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{font-family:var(--mono);font-size:.9rem;padding:.3em .7em;border-radius:var(--radius-s);border:1px solid var(--soil);background:var(--soil-soft);color:var(--ink);min-height:36px}.chip.used{opacity:.4}.assembly{min-height:3rem;border:2px dashed var(--line);border-radius:var(--radius-s);padding:.5rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;background:var(--surface)}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:600;margin-bottom:.4rem;padding:0}.options{display:grid;gap:.4rem}.option{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .75rem;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);cursor:pointer}.option:has(input:checked){border-color:var(--teal);background:var(--teal-soft)}.option input{margin-top:.3rem;accent-color:var(--teal)}.option.correct{border-color:var(--moss);background:var(--moss-soft)}.option.tried-wrong{border-style:dashed;color:var(--ink-soft);cursor:default}.option-tag{margin-left:auto;font-size:.8rem;font-weight:600;color:var(--ink-soft);white-space:nowrap}.option-tag-good{color:var(--moss-strong)}.assign-row{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:.5rem;align-items:center;padding:.5rem 0;border-bottom:1px dashed var(--line)}@media(max-width:640px){.assign-row{grid-template-columns:1fr}}.seg{display:flex;flex-wrap:wrap;gap:.3rem}.seg label{border:1px solid var(--line);border-radius:var(--radius-s);padding:.25em .65em;cursor:pointer;background:var(--surface);font-size:.92rem}.seg label:has(input:checked){border-color:var(--teal);background:var(--teal);color:#fff}.seg input{position:absolute;opacity:0;width:1px;height:1px}.seg label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}select,input[type=number],input[type=text]{font:inherit;padding:.35em .5em;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);color:var(--ink)}input[type=number]{width:6.5rem;font-family:var(--mono)}.join-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.join-cols{grid-template-columns:1fr}}.rowbtn{display:block;width:100%;text-align:left;font-family:var(--mono);font-size:.88rem;padding:.4rem .6rem;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);margin-bottom:.3rem}.rowbtn[aria-pressed=true]{border-color:var(--teal);background:var(--teal-soft)}.rowbtn.linked{border-left:4px solid var(--moss)}.pairs{display:flex;flex-wrap:wrap;gap:.35rem}.tree,.tree ul{list-style:none;margin:0;padding-left:1.2rem}.tree{padding-left:0}.tree li{position:relative;padding:.15rem 0}.tree ul li:before{content:"";position:absolute;left:-.8rem;top:.95rem;width:.6rem;border-top:1px solid var(--soil)}.tree ul{border-left:1px solid var(--soil);margin-left:.4rem}.garden-card{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:1.25rem;align-items:center}@media(max-width:760px){.garden-card{grid-template-columns:1fr}}.garden-svg{width:100%;height:auto;display:block;border-radius:var(--radius-m);border:1px solid var(--line)}.level-line{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.level-num{font-size:2.6rem;font-weight:700;color:var(--moss-strong);line-height:1;font-variant-numeric:tabular-nums}.xpbar{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.xpbar>span{display:block;height:100%;background:var(--moss)}.trail{position:relative}.trail-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.6rem}.stop{display:grid;grid-template-columns:2.2rem 1fr;gap:.6rem;align-items:center;padding:.6rem;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--ink);min-height:64px}.stop .dot{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;border:2px solid var(--soil);color:var(--soil);background:var(--soil-soft)}.stop.complete .dot{background:var(--moss);border-color:var(--moss);color:#fff}.stop.review .dot{background:var(--moss-soft);border-color:var(--moss);color:var(--moss-strong)}.stop.in-progress .dot,.stop.ready .dot{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}.stop.locked{opacity:.55;border-style:dashed}.stop .st{font-size:.8rem;color:var(--ink-soft)}.stop.current{outline:2px solid var(--teal)}.focus-overlay{position:fixed;inset:0;z-index:2147483000;background:var(--bg);display:grid;place-items:center;padding:1.5rem}.focus-card{max-width:460px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:2rem 1.5rem}.toasts{position:fixed;right:1rem;bottom:1rem;display:grid;gap:.5rem;z-index:50;max-width:min(360px,calc(100vw - 2rem))}.toast{background:var(--surface);border:1px solid var(--moss);border-left-width:5px;border-radius:var(--radius-s);padding:.6rem .8rem;font-weight:600}.milestone{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);z-index:55;width:min(440px,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--moss);border-radius:var(--radius-m);padding:1rem;display:grid;grid-template-columns:96px 1fr;gap:.8rem;align-items:center}.paused-app *{animation-play-state:paused!important;transition:none!important}@media(prefers-reduced-motion:no-preference){.toast{animation:toast-in .24s ease-out}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.grow-sway{transform-origin:50% 100%;animation:sway 6s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;padding:2rem 0 1rem}@media(max-width:860px){.hero{grid-template-columns:1fr}}.hero h1{font-size:clamp(1.8rem,4vw,2.6rem)}.growth-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.growth-strip figure{margin:0;text-align:center;font-size:.8rem;color:var(--ink-soft)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:1.5rem}.facts .panel h3{margin-bottom:.25rem}.unit-acts{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.unit-acts a,.unit-acts .locked-item{display:flex;gap:.8rem;align-items:center;justify-content:space-between;padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);color:var(--ink);text-decoration:none}.unit-acts a:hover{border-color:var(--teal)}.status-done{color:var(--moss-strong);font-weight:700}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.kpi{border:1px solid var(--line);border-radius:var(--radius-m);padding:.6rem .8rem;background:var(--surface)}.kpi b{display:block;font-size:1.3rem;font-variant-numeric:tabular-nums}.kpi span{font-size:.85rem;color:var(--ink-soft)}.erd-svg{width:100%;max-width:640px;height:auto;display:block}.save-status{font-size:.8rem;color:var(--ink-soft)}footer.foot{color:var(--ink-soft);font-size:.8rem;text-align:center;padding:1.5rem 1rem;border-top:1px solid var(--line)}.garden-mini{width:44px;height:auto;border-radius:6px;border:1px solid var(--line);display:block}.topbar .btn,.save-status{white-space:nowrap}@media(max-width:640px){.topbar{flex-wrap:wrap;gap:.4rem .6rem;padding:.4rem .75rem}.topbar nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}.save-status{display:none}.milestone{grid-template-columns:64px 1fr}}.subject-head{padding:1.5rem 0 1rem;max-width:720px}.subject-head h1{font-size:clamp(1.7rem,4vw,2.3rem)}.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.subject-card{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:center;color:var(--ink);text-decoration:none;padding:1.25rem;transition:border-color .15s,transform .15s}.subject-card:hover{border-color:var(--teal)}.subject-card:hover .subject-go{text-decoration:underline}@media(prefers-reduced-motion:no-preference){.subject-card:hover{transform:translateY(-2px)}}.subject-art{display:grid;place-items:center;background:var(--surface-2);border-radius:var(--radius-m);min-height:130px}.subject-art .garden-svg{width:140px;height:auto}.subject-facts{margin:0;padding-left:1.1rem;color:var(--ink-soft);font-size:.9rem}.subject-go{color:var(--teal);font-weight:700}@media(max-width:520px){.subject-card{grid-template-columns:1fr}.subject-art{min-height:110px}}.inapp{margin-bottom:1rem}.plant-svg{display:block}.plant-mini{display:inline-grid;place-items:center;width:40px;height:34px;background:var(--surface-2);border-radius:var(--radius-s);overflow:hidden}.cg-hero{display:grid;grid-template-columns:210px 1fr;gap:1.25rem;align-items:center}@media(max-width:640px){.cg-hero{grid-template-columns:1fr}}.cg-plant{display:grid;place-items:center;background:var(--surface-2);border-radius:var(--radius-m);padding:.5rem}.cg-growth{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(72px,1fr));gap:.4rem;overflow-x:auto}.cg-growth li{display:grid;justify-items:center;gap:.1rem;text-align:center;padding:.4rem .2rem;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);opacity:.55}.cg-growth li.reached{opacity:1}.cg-growth li[aria-current=step]{border-color:var(--moss);background:var(--moss-soft)}.cg-growth b{font-size:.85rem}.cg-growth .small{font-size:.72rem}.cg-units{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.6rem}.cg-unit{display:grid;grid-template-columns:2.2rem 1fr;gap:.7rem;align-items:center;color:var(--ink);text-decoration:none}.cg-unit:hover{border-color:var(--teal)}.cg-unit-num,.cg-lv-num{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:999px;background:var(--teal-soft);color:var(--teal-strong);font-weight:700}.cg-steps{display:flex;gap:3px}.cg-steps span{flex:1;height:7px;border-radius:4px;background:var(--surface-2);border:1px solid var(--line)}.cg-steps span.on{background:var(--moss);border-color:var(--moss)}.cg-levels{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.cg-levels li{display:grid;grid-template-columns:2.2rem 1fr auto auto;gap:.7rem;align-items:center}@media(max-width:520px){.cg-levels li{grid-template-columns:2.2rem 1fr}.cg-levels li>:nth-child(3),.cg-levels li>:nth-child(4){grid-column:2;justify-self:start}}.cg-card{min-height:260px}.cg-lines p{margin:0 0 .5em}.cg-lines ul{margin:0 0 .5em;padding-left:1.2rem}.cg-dots{display:flex;gap:4px;flex-wrap:wrap}.cg-dots span{width:8px;height:8px;border-radius:999px;background:var(--line)}.cg-dots span.seen{background:var(--moss-soft);border:1px solid var(--moss)}.cg-dots span.on{background:var(--teal)}.cg-words{columns:4 9rem;margin:.5rem 0 0;padding-left:1.1rem;font-size:.92rem}.cg-words li.used{color:var(--ink-soft);text-decoration:line-through}.cg-blanks{display:grid;gap:.5rem;padding-left:1.6rem;margin:0}.cg-blanks li{line-height:2;padding:.15rem .4rem;border-radius:var(--radius-s)}.cg-blanks li.ok{background:var(--moss-soft)}.cg-blanks li.bad{background:var(--warn-soft)}.cg-blanks select{margin:0 .3rem;max-width:100%;font:inherit;padding:.15rem .3rem;border:1px solid var(--teal);border-radius:var(--radius-s);background:var(--surface);color:var(--ink)}.cg-fix{color:var(--warn);font-weight:600}.cg-summary{margin:0;padding-left:1.4rem;display:grid;gap:.25rem}.cg-table th[scope=row]{white-space:nowrap}.cg-q{font-size:1.1rem;line-height:1.5;outline:none}.cg-progress{flex:1;max-width:240px;height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.cg-progress span{display:block;height:100%;background:var(--teal)}.cg-mock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}.cg-exam-bar{position:sticky;top:50px;z-index:10;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:.5rem .8rem}.cg-timer{font-variant-numeric:tabular-nums;font-weight:700}.cg-timer.warn{color:var(--bad)}.cg-qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.4rem,1fr));gap:.3rem}.cg-qgrid button{min-height:2.2rem;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums}.cg-qgrid button.done{background:var(--teal-soft);border-color:var(--teal)}.cg-qgrid button.cur{outline:2px solid var(--teal)}.cg-result-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.75rem}.cg-result-cols h2{font-size:1.05rem}.cg-bar{position:relative;display:inline-block;width:110px;height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden;vertical-align:middle}.cg-bar>span{display:block;height:100%;background:var(--moss)}.cg-bar em{position:absolute;left:116px;top:-4px;font-style:normal;font-size:.8rem}.cg-result-cols td:last-child{min-width:160px}.cg-wrong-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.cg-wrong-list summary{cursor:pointer}.cg-opts{margin:.5rem 0;padding-left:1.4rem;list-style:decimal-leading-zero}.cg-opts li.ans{font-weight:700;color:var(--moss-strong)}.cg-top-wrong{margin:0;padding-left:1.3rem;display:grid;gap:.5rem;font-size:.92rem}.cg-class td,.cg-class th{white-space:nowrap}.cg-class td.lv{text-align:center;font-variant-numeric:tabular-nums}.cg-class td.lv5{background:var(--moss-soft);font-weight:700}.cg-class td.lv0{color:var(--ink-soft)}.thsort{border:0;background:none;color:inherit;font:inherit;font-weight:700;padding:0;cursor:pointer}.seg button{border:1px solid var(--line);border-radius:var(--radius-s);padding:.3em .8em;background:var(--surface);color:var(--ink);font-weight:600}.seg button.on{border-color:var(--teal);background:var(--teal);color:#fff}input[type=search]{font:inherit;padding:.35rem .6rem;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);min-width:200px}@media(max-width:640px){.cg-growth{grid-template-columns:repeat(4,minmax(0,1fr))}}.cg-hero,.cg-units,.cg-result-cols,.cg-mock-grid{min-width:0}.cg-card.ext{border-color:var(--soil)}.cg-card h2{font-size:1.15rem;display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.cg-card-no{font-family:var(--mono);font-size:.85rem;color:var(--soil)}.cg-points{margin:0;padding-left:1.2rem;display:grid;gap:.3rem}.cg-tip{margin:0;font-size:.92rem;background:var(--moss-soft);border-radius:var(--radius-s);padding:.4rem .7rem}.cg-fill{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1rem;align-items:start}.cg-blanks{list-style:none;padding:0}.cg-blanks li{display:grid;grid-template-columns:1.8rem 1fr;gap:.3rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:.5rem .7rem;line-height:1.9}.cg-blank-no{font-family:var(--mono);font-size:.8rem;color:var(--ink-soft);padding-top:.2rem}.cg-blank{display:inline-block;min-width:5.5rem;margin:0 .25rem;padding:0 .5rem;border:0;border-bottom:2px solid var(--ink-soft);border-radius:4px 4px 0 0;background:var(--surface-2);color:var(--ink);font-weight:700;line-height:1.7}.cg-blank.sel{border-color:var(--teal);background:var(--teal-soft)}.cg-blank.ok{border-color:var(--moss);background:var(--moss-soft)}.cg-blank.no{border-color:var(--bad);background:var(--bad-soft);text-decoration:line-through}.cg-blank:disabled{cursor:default;opacity:1}.cg-fix{display:block;font-size:.88rem;color:var(--ink-soft)}.cg-fix b{color:var(--moss-strong)}.cg-bank{position:sticky;top:64px;display:grid;gap:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:.75rem}.cg-chips{display:flex;flex-wrap:wrap;gap:.3rem;max-height:55vh;overflow:auto}.cg-chip{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:var(--radius-s);padding:.15rem .55rem;font-size:.88rem}.cg-chip:hover:not(:disabled){border-color:var(--teal)}.cg-chip.used{opacity:.4}@media(max-width:760px){.cg-fill{grid-template-columns:1fr}.cg-bank{position:fixed;inset:auto 0 0;z-index:25;border-radius:14px 14px 0 0;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 24px #0000002e}.cg-chips{max-height:28vh}.cg-blanks{padding-bottom:45vh}}.cg-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem}.cg-keys .panel{padding:.6rem .8rem;font-size:.95rem}.cg-keys b{display:block;color:var(--teal-strong)}.cg-traps{margin:0;padding-left:1.2rem;display:grid;gap:.35rem}.cg-review summary{cursor:pointer;font-weight:600}.cg-opts li.picked{color:var(--bad)}.cg-table td,.cg-table th,.cg-result-cols td,.cg-result-cols th,.cg-class td,.cg-class th{font-family:var(--font);letter-spacing:normal}@media(max-width:760px){.cg-blank{scroll-margin-bottom:48vh}.cg-exam-bar{top:0;z-index:25}}.cg-unsaved{flex-basis:100%;margin:.25rem 0 0}.cg-card-nav{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.cg-card-dot{min-width:2rem;height:2rem;padding:0 .3rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums;font-size:.85rem}.cg-card-dot.done{background:var(--moss-soft);border-color:var(--moss);color:var(--moss-strong);font-weight:700}.cg-card-dot.cur{outline:2px solid var(--teal);outline-offset:1px}.cg-card-nav .small{margin-left:.4rem}.cg-card-peek summary{cursor:pointer;font-weight:600}.cg-match{border-color:var(--teal)}.cg-match h3{font-size:1.05rem}.cg-match-rows{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;counter-reset:m}.cg-match-rows li{counter-increment:m;display:grid;gap:.35rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface)}.cg-match-rows li.ok{background:var(--moss-soft);border-color:var(--moss)}.cg-match-rows li.bad{background:var(--warn-soft);border-color:var(--warn)}.cg-match-desc{margin:0;font-weight:600}.cg-match-desc:before{content:counter(m) ". ";font-family:var(--mono);color:var(--ink-soft);font-weight:400}.cg-match .cg-chips{max-height:none;overflow:visible;gap:.4rem}.cg-match .cg-chip{padding:.35rem .75rem;font-size:.95rem;min-height:2.25rem}.cg-chip.on{border-color:var(--teal);background:var(--teal-soft);font-weight:700}.cg-chip.on.ok{border-color:var(--moss);background:var(--moss-soft);color:var(--moss-strong)}.cg-chip.on.no{border-color:var(--bad);background:var(--bad-soft);text-decoration:line-through}.cg-match .cg-chip:disabled:not(.on){opacity:.45}.cg-match-mark{color:var(--ink-soft)}.cg-match-rows li.ok .cg-match-mark{color:var(--moss-strong);font-weight:700}.focus-overlay.strict{overflow:auto}.focus-overlay.strict .focus-card{max-width:520px}.strict-rules{text-align:left;margin:.75rem 0 1rem;padding-left:1.2rem;display:grid;gap:.35rem;font-size:.95rem}.strict-warn{color:var(--bad)}.strict-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto .75rem;padding:.3rem .4rem .3rem .8rem;font-size:.88rem;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.page>.strict-bar,main>.strict-bar{width:100%}.pg-page>*,.pg-layout>*,.pg-side>*,.pg-main>*,.pg-output>*,.pg-tools>*,.pg-builder>*,.pg-tools [role=tabpanel]>*{min-width:0}.pg-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:1rem;align-items:start}@media(max-width:860px){.pg-layout{grid-template-columns:minmax(0,1fr)}}.pg-page select{max-width:100%}.pg-h2{font-size:1.05rem;margin:0}.pg-starters{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}.pg-starters .btn{justify-content:flex-start;text-align:left;white-space:normal;padding-inline:.2em}.pg-schema summary{cursor:pointer}.pg-schema-list{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.6rem}.pg-schema-head{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.pg-schema-head .btn{padding-inline:0;font-weight:700;overflow-wrap:anywhere;text-align:left}.pg-cols{list-style:none;margin:0;padding:0 0 0 .6rem;border-left:2px solid var(--line);font-size:.85rem;display:grid;gap:.1rem}.pg-cols li{overflow-wrap:anywhere}.pg-cols code{font-size:.85rem}.pg-tag{display:inline-block;margin-left:.35rem;font-size:.72rem;font-weight:700;line-height:1.5;border-radius:999px;padding:0 .45em;border:1px solid}.pg-tag-pk{color:var(--moss-strong);border-color:var(--moss);background:var(--moss-soft)}.pg-tag-fk{color:var(--soil);border-color:var(--soil);background:var(--soil-soft)}.pg-tabs{display:flex;gap:.3rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:.6rem}.pg-tabs button{border:1px solid var(--line);border-radius:var(--radius-s);padding:.35em .9em;background:var(--surface);color:var(--ink);font-weight:600;min-height:38px}.pg-tabs button.on{border-color:var(--teal);background:var(--teal);color:#fff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-tabs button.on{color:#0e1a14}}:root[data-theme=dark] .pg-tabs button.on{color:#0e1a14}.pg-fieldset legend{font-size:.95rem}.pg-fieldset legend .small{font-weight:400}.pg-field input{max-width:20rem;width:100%}.pg-colrow{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.35rem 0;border-bottom:1px dashed var(--line)}.pg-colno{font-family:var(--mono);color:var(--ink-soft);width:1.4rem;text-align:right}.pg-colname{flex:1 1 7rem;min-width:0;max-width:14rem}.pg-fk{flex:1 1 11rem;min-width:0}.pg-check{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;font-size:.9rem}.pg-check input{accent-color:var(--teal);width:1.1rem;height:1.1rem}.pg-builder .table-wrap{position:relative}.pg-rows input[type=text]{width:7.5rem;font-family:var(--mono);font-size:.88rem;padding:.2em .4em}.pg-rows th[scope=row]{color:var(--ink-soft)}.pg-coltype{font-size:.72rem;color:var(--ink-soft);font-weight:400}.pg-preview{max-height:16rem;overflow:auto;white-space:pre;word-break:normal}.pg-errors{margin:.3rem 0 0;padding-left:1.2rem}.erd{margin:0;display:grid;gap:.5rem;min-width:0}.erd-scroll{overflow:auto;max-width:100%;max-height:75vh;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-2)}.erd-scroll svg{display:block;max-width:none}.erd-box-bg{fill:var(--surface);stroke:var(--ink-soft);stroke-width:1}.erd-box-head{fill:var(--teal-soft)}.erd-sep{stroke:var(--line)}.erd-title{fill:var(--ink);font-family:var(--font);font-size:14px;font-weight:700}.erd-count{fill:var(--ink-soft);font-size:12px;font-weight:400}.erd-col{fill:var(--ink);font-family:var(--mono);font-size:13px}.erd-col-pk{font-weight:700;text-decoration:underline}.erd-type{fill:var(--ink-soft);font-family:var(--mono);font-size:12px}.erd-pk,.erd-fk{font-family:var(--font);font-size:10px;font-weight:700}.erd-pk{fill:var(--moss-strong)}.erd-fk{fill:var(--soil)}.erd-line{fill:none;stroke:var(--teal);stroke-width:1.6}.erd-o{fill:var(--surface-2);stroke:var(--teal);stroke-width:1.6}.erd-legend{font-size:.85rem;color:var(--ink-soft);display:grid;gap:.1rem}.erd-key-pk{color:var(--moss-strong)}.erd-key-fk{color:var(--soil)}.erd-text summary{cursor:pointer;font-size:.9rem;color:var(--teal)}.erd-text ul{margin:.4rem 0;padding-left:1.2rem;font-size:.88rem;overflow-wrap:anywhere}.stack>*{min-width:0}