@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.block{display:block}.flex{display:flex}.table{display:table}}:root{--canvas:#fff;--surface-soft:#f1f4f7;--hairline:#cbd2d9;--hairline-soft:#e4e9ee;--ink-deep:#0a1317;--ink:#1c2b33;--charcoal:#344854;--slate:#465b69;--steel:#64788b;--stone:#8ea1ad;--primary:#0064e0;--primary-deep:#0143b5;--primary-soft:#e5effc;--ink-button:#1c2b33;--success:#0e8a45;--success-soft:#e6f4ec;--attention:#e8710a;--warning:#f7ce46;--critical:#dd3b4b;--critical-strong:#b91c2e;--critical-soft:#fceaec;--tool:#6a52c7;--tool-2:#4e3ba4;--tool-soft:#f0edfa;--paper:var(--canvas);--paper-2:var(--canvas);--paper-3:var(--surface-soft);--panel:var(--canvas);--ink-2:var(--charcoal);--ink-3:var(--steel);--rule:var(--hairline-soft);--rule-2:var(--hairline);--accent:var(--primary);--accent-2:var(--primary-deep);--gold:var(--primary);--gold-2:var(--primary-deep);--ok:var(--success);--danger:var(--critical);--lock:var(--stone);--shadow:#14161a1f;--r-xs:2px;--r-sm:4px;--r-lg:8px;--r-xl:16px;--r-xxl:24px;--r-xxxl:32px;--r-full:100px;--r-card:24px;--sans:"Montserrat", "Pretendard Variable", Pretendard, "Noto Sans KR", "Helvetica Neue", "Malgun Gothic", sans-serif;--display:var(--sans);--serif:var(--sans);--mono:"IBM Plex Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);letter-spacing:-.16px;-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.shell{z-index:2;max-width:760px;margin:0 auto;padding:0 18px 120px;position:relative}.hud{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline-soft);background:#ffffffeb;align-items:center;gap:14px;margin:0 -18px 20px;padding:12px 16px;display:flex;position:sticky;top:0}.hud-brand{font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;color:var(--ink-deep);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.hud-mark{background:var(--primary);color:#fff;border-radius:var(--r-lg);width:30px;height:30px;font-family:var(--display);place-items:center;font-weight:700;display:grid}.hud-xp{flex:1;min-width:0}.hud-lv{color:var(--steel);justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.hud-lv b{color:var(--primary-deep)}.bar{background:var(--surface-soft);border-radius:var(--r-full);height:6px;overflow:hidden}.bar>i{background:var(--primary);height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}.hud-streak{color:var(--attention);white-space:nowrap;font-size:13px;font-weight:600}.tabbar{z-index:40;padding:8px 0 max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--hairline-soft);background:#fffffff5;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--steel);border-radius:var(--r-full);flex-direction:column;align-items:center;gap:3px;padding:4px 8px;font-size:10.5px;font-weight:600;display:flex}.tabbar a .ic{font-size:19px;line-height:1}.tabbar a.on{color:var(--ink-deep);background:var(--surface-soft);font-weight:700}.act-label{font-family:var(--sans);letter-spacing:.04em;color:var(--steel);align-items:center;gap:10px;margin:30px 0 12px;font-size:12px;font-weight:600;display:flex}.act-label:after{content:"";background:var(--hairline-soft);flex:1;height:1px}.node{align-items:stretch;gap:14px;padding-left:6px;display:flex;position:relative}.node-rail{flex:0 0 34px;justify-content:center;width:34px;display:flex;position:relative}.node-rail:before{content:"";background:var(--hairline-soft);width:2px;position:absolute;top:0;bottom:-18px}.node:last-child .node-rail:before{display:none}.node-dot{z-index:2;border:2px solid var(--hairline);background:var(--surface-soft);width:34px;height:34px;color:var(--stone);border-radius:50%;place-items:center;margin-top:16px;font-size:15px;display:grid;position:relative}.node.done .node-dot{border-color:var(--success);background:var(--success-soft);color:var(--success)}.node.open .node-dot{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-deep);animation:2s infinite pulse}.node.boss .node-dot{background:var(--ink-deep);color:#fff;border:0;width:40px;height:40px;font-size:19px}@keyframes pulse{50%{opacity:.5}}.card{border:1px solid var(--hairline-soft);border-radius:var(--r-card);background:var(--canvas);flex:1;min-width:0;margin:10px 0;padding:15px 17px;transition:transform .15s,border-color .15s}.node.locked .card{background:var(--surface-soft);color:var(--stone)}.node.locked .card h3,.node.locked .card p{color:var(--stone)}.node.open .card,.node.quiz .card{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.node.open .card,.node.quiz .card{border-color:color-mix(in srgb, var(--primary) 40%, var(--hairline-soft))}}.node.boss .card{background:var(--ink-deep);color:#fff;border-radius:var(--r-xxxl);border:0}.node.boss .card p,.node.boss .card-foot{color:#ffffffb8}a.card:hover{border-color:var(--ink-deep);transform:translateY(-1px)}.card-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.badge-pill{font-family:var(--sans);border:1px solid var(--hairline);border-radius:var(--r-full);color:var(--steel);background:var(--canvas);white-space:nowrap;padding:4px 10px;font-size:11px;font-weight:700}.badge-pill.boss{background:var(--ink-deep);color:#fff;border:0}.badge-pill.gold{background:var(--warning);color:var(--ink-deep);border:0}.card h3{font-family:var(--display);letter-spacing:-.01em;color:var(--ink-deep);margin:0 0 3px;font-size:17px;font-weight:500;line-height:1.3}.card p{color:var(--steel);margin:0;font-size:13px;line-height:1.5}.card-foot{color:var(--steel);align-items:center;gap:10px;margin-top:10px;font-size:11.5px;font-weight:600;display:flex}.card-foot .xp{color:var(--primary-deep)}.card-foot .lock{color:var(--stone)}.stars{color:#d9a400;letter-spacing:1px}.btn{border-radius:var(--r-full);color:var(--ink-deep);letter-spacing:-.14px;background:0 0;border:2px solid #0a13171f;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:700;transition:border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--ink-deep)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{border-color:var(--primary)}.btn-primary:active{background:var(--primary-deep)}.btn-gold{background:var(--ink-button);border-color:var(--ink-button);color:#fff}.btn-gold:active{background:var(--charcoal)}.btn-tool{background:var(--tool);border-color:var(--tool);color:#fff}.btn-tool:active{background:var(--tool-2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-block{width:100%}.doc-title{font-family:var(--display);letter-spacing:-.02em;color:var(--ink-deep);margin:6px 0 20px;font-size:27px;font-weight:500;line-height:1.2}.prose{color:var(--ink);font-size:16px}.prose h2{font-family:var(--display);color:var(--ink-deep);letter-spacing:-.01em;margin:4px 0 14px;font-size:24px;font-weight:500}.prose h3{color:var(--ink-deep);margin:22px 0 8px;font-size:18px;font-weight:700}.prose h4{color:var(--charcoal);margin:18px 0 6px;font-size:15px;font-weight:700}.prose p{margin:0 0 14px}.prose ul,.prose ol{margin:0 0 14px;padding-left:20px}.prose li{margin-bottom:6px}.prose li::marker{color:var(--steel)}.prose strong{color:var(--ink-deep);font-weight:700}.prose a{color:var(--primary-deep);border-bottom:1px solid #0143b559;font-weight:700}.prose hr{background:var(--hairline-soft);border:0;height:1px;margin:26px 0}.prose code{font-family:var(--mono);background:var(--surface-soft);border-radius:var(--r-sm);color:var(--charcoal);padding:1px 5px;font-size:.85em}.prose pre{background:var(--surface-soft);border:1px solid var(--hairline-soft);border-radius:var(--r-lg);margin:16px 0;padding:14px 16px;font-size:13px;overflow-x:auto}.prose pre code{color:var(--charcoal);background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--hairline);background:var(--surface-soft);border-radius:0 var(--r-lg) var(--r-lg) 0;margin:16px 0;padding:12px 16px}.prose blockquote p:last-child{margin-bottom:0}.table-wrap{border-radius:var(--r-lg);border:1px solid var(--hairline-soft);margin:16px 0;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:13.5px}.prose th{text-align:left;background:var(--surface-soft);border-bottom:1px solid var(--hairline-soft);color:var(--ink);white-space:nowrap;padding:9px 12px;font-size:12px;font-weight:700}.prose td{border-bottom:1px solid var(--hairline-soft);color:var(--charcoal);vertical-align:top;padding:9px 12px}.prose tr:last-child td{border-bottom:0}.section-card{border:1px solid var(--hairline-soft);border-radius:var(--r-xxl);background:var(--canvas);margin-bottom:16px;padding:24px 24px 12px}.quiz-q{font-family:var(--display);letter-spacing:-.01em;color:var(--ink-deep);margin:8px 0 20px;font-size:20px;font-weight:500;line-height:1.35}.choice{text-align:left;border-radius:var(--r-xl);background:var(--canvas);width:100%;color:var(--ink);border:1px solid #0a13171f;margin-bottom:10px;padding:14px 16px;font-size:15px;line-height:1.5;transition:border-color .12s,background .12s;display:block}.choice:hover:not(:disabled){border-color:var(--primary)}.choice.sel{border:2px solid var(--primary-deep);background:var(--primary-soft)}.choice.correct{border:2px solid var(--success);background:var(--success-soft)}.choice.wrong{border:2px solid var(--critical);background:var(--critical-soft)}.choice:disabled{cursor:default}.explain{border-left:3px solid var(--primary);background:var(--primary-soft);border-radius:0 var(--r-lg) var(--r-lg) 0;color:var(--ink);margin:4px 0 18px;padding:12px 15px;font-size:14px;line-height:1.6}.explain .real{color:var(--primary-deep);font-weight:700}.qdots{gap:6px;margin-bottom:18px;display:flex}.qdots i{border-radius:var(--r-full);background:var(--hairline-soft);flex:1;height:4px}.qdots i.on{background:var(--primary)}.qdots i.ok{background:var(--success)}.qdots i.no{background:var(--critical)}.note-panel{border:1px solid var(--hairline-soft);border-radius:var(--r-xl);background:var(--canvas);margin:16px 0;overflow:hidden}.note-head{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.note-head b{font-family:var(--display);color:var(--ink-deep);font-size:15px;font-weight:700}.note-body{padding:0 16px 16px}textarea.note{resize:vertical;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);width:100%;min-height:120px;color:var(--ink);font-family:var(--sans);padding:12px 14px;font-size:14.5px;line-height:1.7}textarea.note:focus{border:2px solid var(--primary);outline:none}.note-status{color:var(--steel);font-size:11.5px;font-weight:600}.note-status.saved{color:var(--success)}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;display:grid}.badge-cell{text-align:center;border:1px solid var(--hairline-soft);border-radius:var(--r-xl);background:var(--canvas);padding:14px 8px}.badge-cell.locked{filter:grayscale();background:var(--surface-soft);opacity:.7}.badge-cell .ico{font-size:30px}.badge-cell .nm{color:var(--charcoal);margin-top:6px;font-size:11.5px;line-height:1.3}.stat-row{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.stat{border:1px solid var(--hairline-soft);border-radius:var(--r-xl);background:var(--canvas);text-align:center;padding:14px}.stat b{font-family:var(--display);color:var(--primary-deep);font-size:24px;font-weight:500;display:block}.stat span{color:var(--steel);font-size:11px}.toast{z-index:60;background:var(--ink-deep);color:#fff;border-radius:var(--r-full);padding:10px 20px;font-weight:700;animation:.35s cubic-bezier(.22,1,.36,1) rise;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #14161a4d}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}.overlay{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#0a131773;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.overlay-inner{background:var(--canvas);border-radius:var(--r-xxxl);max-width:380px;color:var(--ink);padding:40px 32px}.overlay .rank{font-family:var(--display);color:var(--primary-deep);margin:12px 0;font-size:34px;font-weight:500;animation:.5s rise}.muted{color:var(--steel)}.center{text-align:center}.stack>*+*{margin-top:14px}.page-head{margin:8px 0 18px}.page-head h1{font-family:var(--display);letter-spacing:-.02em;color:var(--ink-deep);margin:0 0 4px;font-size:26px;font-weight:500}.page-head p{color:var(--steel);margin:0;font-size:14px}.back-link{color:var(--steel);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:600;display:inline-flex}.tool-head{margin:14px 0 18px}.tool-head h1{font-family:var(--display);letter-spacing:-.02em;color:var(--ink-deep);margin:0 0 4px;font-size:24px;font-weight:500}.tool-head p{color:var(--steel);margin:0;font-size:14px;line-height:1.6}.exclude-banner{border:1px solid var(--critical-strong);background:var(--critical-soft);border-radius:var(--r-xl);color:var(--ink);z-index:20;margin:4px 0 16px;padding:14px 16px;font-size:14px;line-height:1.6;position:sticky;top:8px;box-shadow:0 1px 4px #14161a4d}.exclude-banner b{color:var(--critical-strong)}.derived-card{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.derived-card>div{border-radius:var(--r-xl);background:var(--tool-soft);border:1px solid #d8d0f0;flex:1;min-width:140px;padding:12px 14px}.derived-card span{color:var(--steel);margin-bottom:3px;font-size:11.5px;display:block}.derived-card b{font-family:var(--display);color:var(--tool-2);font-size:20px;font-weight:500}.phase{border:1px solid var(--hairline-soft);border-radius:var(--r-xl);background:var(--canvas);margin-bottom:10px;overflow:hidden}.phase.hf{border-color:var(--critical)}.phase-head{width:100%;color:var(--ink-deep);text-align:left;font-size:14.5px;font-weight:700;font-family:var(--sans);background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;display:flex}.phase.hf .phase-head{color:var(--critical-strong)}.phase-body{padding:4px 15px 12px}.ck-item{border-top:1px solid var(--hairline-soft);gap:11px;padding:10px 0;display:flex}.ck-item:first-child{border-top:0}.ck-toggle{background:0 0;border:0;flex:none;margin-top:1px;padding:0}.ck-box{border:1.5px solid var(--hairline);border-radius:var(--r-md,6px);min-width:22px;height:22px;color:var(--steel);white-space:nowrap;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.ck-box.ok{border-color:var(--success);background:var(--success-soft);color:var(--success)}.ck-box.na{border-color:var(--hairline);color:var(--stone)}.ck-box.hard{border-color:var(--critical);background:var(--critical-soft);color:var(--critical)}.ck-main{flex:1;min-width:0}.ck-text{color:var(--ink);font-size:14.5px;line-height:1.5}.ck-item.checked .ck-text{color:var(--steel)}.ck-item.flagged .ck-text{color:var(--critical)}.ck-why{color:var(--tool);background:0 0;border:0;margin-left:6px;font-size:12px;font-weight:600}.ck-whybox{color:var(--charcoal);background:var(--surface-soft);border-radius:var(--r-lg);margin:7px 0 2px;padding:8px 11px;font-size:13px;line-height:1.55}.ck-learn{color:var(--primary-deep);margin-left:8px;font-size:12px;font-weight:600}.ck-input{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);width:100%;color:var(--ink);font-family:var(--sans);margin-top:8px;padding:9px 11px;font-size:14px}.ck-input:focus{border:2px solid var(--tool);outline:none}@media print{.tabbar,.no-print,.hud{display:none!important}body{color:#000;background:#fff}.shell{max-width:none;padding:0}.phase,.section-card,.derived-card>div{break-inside:avoid;background:#fff;border-color:#bbb}.phase-body{display:block!important}.ck-box{color:#000;border-color:#333}.exclude-banner{color:#000;box-shadow:none;background:#fff;border:2px solid #000;position:static}.tool-head h1{font-size:20px}}