:root{color-scheme:dark;--bg:#080808;--panel:#141414;--panel2:#202020;--line:#303030;--ink:#f5f5f5;--muted:#aaa;--lime:#00ed78;--accent:#00ed78;--cyan:#bdbdbd;--warm:#efba86;scrollbar-color:#444 #080808}
body{background:#080808;color:#f5f5f5;font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;line-height:1.75;letter-spacing:-.015em;word-break:keep-all;overflow-wrap:break-word}
button,input,select,textarea{font-family:inherit;letter-spacing:-.01em}h1,h2,h3{letter-spacing:-.025em;line-height:1.35;font-weight:700}h1{line-height:1.22}p,li{line-height:1.85}.article{max-width:760px}.article p,.article li{color:#d3d3d3;font-size:17px;line-height:1.95}.article h2{border:0;padding-top:32px;margin-top:32px}.eyebrow{letter-spacing:.12em;color:var(--accent)}
::selection{background:var(--accent);color:#000}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
header,#sidebar{background:#0b0b0bf5;border:0}.top-brand{letter-spacing:-.045em;white-space:nowrap}.top-brand .field-label{font-size:16px;letter-spacing:.1em;font-weight:500;margin-left:6px}.brand-mark{color:var(--accent)}nav a{color:#aaa}nav a span{color:#ccc}nav a.active,nav a:hover{background:#202020}nav a.active span{color:var(--accent)}
.studio-home header{background:linear-gradient(#000b,transparent)}.hero-landscape{filter:brightness(.48) saturate(.25)}.hero-shade{background:linear-gradient(180deg,#0002,transparent 30%,#080808 100%)}.studio-hero h1{letter-spacing:-.025em}.studio-hero h1 span,.studio-manifesto em,.studio-finale em{color:var(--accent)}.hero-bottom p,.hero-topline,.plate-credit{color:#eee}
.studio-manifesto,.studio-disciplines,.studio-library,.studio-finale,.studio-home .page-footer{background:#080808;color:#f5f5f5}.studio-feature{background:#141414;color:#f5f5f5}.studio-manifesto .eyebrow,.studio-library .eyebrow,.feature-copy .eyebrow{color:var(--accent)}.feature-copy h2{color:#f5f5f5}.feature-copy .line-link,.model-names a:hover,.discipline:hover h3{color:var(--accent)}.discipline,.model-names a,.studio-feature,.line-link,.page-footer{border:0}.studio-manifesto p,.studio-library p{color:#bbb}
.card,.beginner-entry,.callout,.callout.cyan,.callout.warn{background:#161616;border:0;border-radius:12px;box-shadow:none}.card{padding:28px}.card:hover{background:#1e1e1e;transform:translateY(-2px)}.card p,.meta,.intro>p{color:#aaa}.cards{gap:22px}.section-head{margin-top:48px}.row-course{border:0;padding:24px 20px;margin-bottom:8px;border-radius:10px;background:#111}.row-course:hover{background:#1b1b1b}.callout h3,.callout.cyan h3{color:var(--accent)}.callout.warn h3{color:#efba86}.tag,.tag.good{background:#252525;color:#ddd;border:0}.tag.warn{background:#28211b}.stats{border:0;background:none;gap:20px}.stat{background:#141414;border-radius:10px}.side-footer,.source-link,.reading-side,.sim-frame{border:0}.source-link{padding:13px 0}.filters button,.button.secondary{background:#222;color:#eee;border:0}.filters button.active,.button,.primary,.real-package a{background:var(--accent);color:#031108;border:0;font-weight:700}.button:hover,.primary:hover{background:#3bff9d}.button.secondary:hover,.filters button:hover{background:#303030}.button.secondary:hover{color:#fff}.reading-side .button{color:#031108}.text-button,.number,.model-symbol{color:var(--accent)}#search-form,input,select,textarea{background:#202020;border-color:#333;color:#eee}th{background:#202020}td{color:#ccc}td,th{border-color:#292929}.quiz button{background:#1c1c1c;border:0}.quiz button.correct{background:#123422}.quiz button.wrong{background:#3d2020}.page-footer{color:#999}#toast{background:var(--accent);color:#071108}
/* Workbench: separate areas through space and tonal surfaces, not outlines. */
.sim-header{border:0;background:#080808}.sim-header>a{font-size:23px;letter-spacing:-.04em}.sim-header h1{font-size:24px}.mode{color:var(--accent)}#missions{border:0;padding-bottom:24px;scrollbar-width:none}button{background:#252525;border-color:transparent;color:#eee}button:hover{background:#333}#missions button.active{background:#eee;color:#080808;border-color:transparent}.learning-modes{background:#101010;border:0;padding:24px}.learning-modes button.active{background:var(--accent);color:#031108}.learning-modes p{max-width:850px}#mastery{color:#aaa}.toolbar{background:#080808;padding-block:24px}.palette{background:#111;border:0;padding:22px 16px}.palette p{line-height:1.7}#palette button{background:#242424}#palette button:hover{background:#333}.coach{background:#111;border:0;padding:28px}.coach>p,.coach li,#real-comfy,dd,dt{color:#c5c5c5}.coach li.done,.coach li.current,#demo-caption,#hint-text{color:var(--accent)}#notice{background:#191919;color:#ccc;border:0}#notice.error{background:#3d2020;color:#ffd7d7}#viewport{background-color:#080808;background-image:radial-gradient(#292929 1px,transparent 1px);scrollbar-width:none}.node{background:#202020;border:0;box-shadow:0 10px 28px #0009}.node header{background:#303030;border:0}.node-fields label,.node-subtitle{color:#bcbcbc}.node-fields input,.node-fields select,.node-fields textarea{background:#141414;border-color:#444}.node.selected,.node.running{outline-color:var(--accent)}.port.chosen{background:#125332!important}.canvas-help,.connections,.results,#inspector,.data-inspection,footer,.disclaimer,.real-package{border:0}.results{gap:32px;padding:32px 24px}#inspector{padding-left:0}.data-inspection{background:#141414;border-radius:12px;padding:24px}#output,#data-canvas{border:0;border-radius:8px}#completion{background:#15241c;border:0;border-radius:10px}.real-package{background:#141414}.canvas-help,.small-note{color:#aaa}#viewport::-webkit-scrollbar,#missions::-webkit-scrollbar{display:none}
.picker{width:min(620px,calc(100vw - 32px));max-height:80vh;background:#181818;color:#eee;border:0;border-radius:18px;padding:24px;box-shadow:0 30px 100px #000b}.picker::backdrop{background:#000b;backdrop-filter:blur(5px)}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.picker h2{margin:0}.picker p{font-size:14px;color:#aaa;margin:10px 0 18px}.picker input{width:100%;padding:14px 16px;border:0;border-radius:8px;background:#292929;font-size:17px}.picker-results{display:grid;gap:6px;max-height:42vh;overflow:auto;margin-top:16px}.picker-results button{text-align:left;padding:14px;background:#222;display:grid;gap:3px}.picker-results button[aria-selected=true]{background:#00ed78;color:#051109}.picker-results small{font-size:12px;opacity:.75}.picker-results code{font-size:12px;overflow-wrap:anywhere}.search-launch{width:100%;margin-bottom:16px;text-align:left}.handbook-link{display:inline-block;margin:12px 0;color:var(--accent)}.handbook{max-width:1050px;margin:0 auto;padding:64px 28px}.handbook h1{font-size:clamp(32px,5vw,60px);max-width:760px;margin:28px 0}.handbook section{margin:60px 0}.handbook .lead{color:#aaa;max-width:650px}.handbook article{background:#151515;border-radius:14px;padding:28px;margin:18px 0}.handbook code{color:var(--accent);font-size:.9em}.handbook .node-dictionary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.handbook .node-dictionary article{margin:0}.handbook small{color:#aaa}.handbook img{width:100%;max-width:850px;border-radius:12px}.handbook li{margin:12px 0}.handbook details{background:#202020;padding:16px;border-radius:8px}
@media(max-width:760px){.top-brand .field-label{font-size:12px}.card{padding:23px}.article p,.article li{font-size:16px;line-height:1.9}.handbook{padding:32px 20px}.handbook .node-dictionary{grid-template-columns:1fr}.sim-header h1{font-size:21px}.coach{padding:22px}.learning-modes{padding:20px}.search-launch{width:auto;margin:0 0 10px}.handbook h1{line-height:1.3}}
@media print{body,.handbook article{background:white;color:black}.article p,.article li{color:black}}