:root{--t-bg: #0a0b12;--t-panel: #0e1018;--t-fg: #c7c9d6;--t-dim: #626678;--t-accent: #9b8cf0;--t-cyan: #6db9cc;--t-green: #82ab63;--t-line: #1c1e2b;--bg: #ffffff;--surface: #faf5ff;--ink: #1a1a2e;--muted: #4a5568;--line: #ece5f6;--accent: #7c3aed;--accent-soft: #7c3aed;--sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Menlo", monospace;--maxw: 52rem}@media(prefers-color-scheme:dark){:root{--bg: #14121c;--surface: #1c1930;--ink: #ece5f6;--muted: #a99ec2;--line: #2b2540;--accent: #a78bfa;--accent-soft: #a78bfa}}:root[data-theme=dark]{--bg: #14121c;--surface: #1c1930;--ink: #ece5f6;--muted: #a99ec2;--line: #2b2540;--accent: #a78bfa;--accent-soft: #a78bfa}:root[data-theme=light]{--bg: #ffffff;--surface: #faf5ff;--ink: #1a1a2e;--muted: #4a5568;--line: #ece5f6;--accent: #7c3aed;--accent-soft: #7c3aed}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;transition:background .3s ease,color .3s ease}.switch{position:sticky;top:0;z-index:20;display:flex;gap:.4rem;align-items:center;padding:.8rem clamp(1rem,4vw,2rem);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.switch__home{font-family:var(--mono);font-size:.82rem;color:var(--muted);text-decoration:none;margin-right:auto}.switch__home:hover{color:var(--accent)}.switch__btn{font-family:var(--mono);font-size:.82rem;letter-spacing:.02em;padding:.45rem .85rem;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;text-decoration:none;transition:all .18s ease}.switch__btn:hover{color:var(--ink);border-color:var(--accent)}.switch__btn[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--accent)}.switch__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.masthead{display:flex;align-items:center;gap:1rem;max-width:var(--maxw);width:100%;margin:0 auto;padding:clamp(1.4rem,4vw,2.2rem) clamp(1.1rem,4vw,1.6rem) 1rem}.masthead__logo{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;width:56px;height:42px;gap:2px;flex:none}.masthead__logo span{background:var(--accent);border-radius:2px}.masthead__logo span:nth-child(1),.masthead__logo span:nth-child(4),.masthead__logo span:nth-child(9),.masthead__logo span:nth-child(12){background:transparent}.masthead__logo span:nth-child(6),.masthead__logo span:nth-child(7){background:var(--bg)}.masthead__title{font-family:var(--mono);font-weight:700;margin:0;font-size:1.05rem}.masthead__sub{font-family:var(--mono);margin:0;font-size:.82rem;color:var(--muted)}.chapters{display:flex;gap:.15rem;max-width:var(--maxw);width:100%;margin:0 auto;padding:.4rem clamp(1.1rem,4vw,1.6rem);overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:thin}.chapters::-webkit-scrollbar{height:0}.chip{font-family:var(--mono);font-size:.85rem;white-space:nowrap;padding:.3rem .6rem;border:none;background:none;color:var(--muted);cursor:pointer;border-radius:6px;transition:all .15s ease}.chip:hover{color:var(--ink)}.chip[aria-current=true]{color:var(--ink);background:color-mix(in srgb,var(--accent) 22%,transparent)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chapters__arrows{margin-left:auto;color:var(--t-dim);font-family:var(--mono);font-size:.8rem;align-self:center;padding-left:.5rem;flex:none}.screen{flex:1;max-width:var(--maxw);width:100%;margin:0 auto;padding:1.6rem clamp(1.1rem,4vw,1.6rem) 2rem;display:flex;flex-direction:column;gap:1.15rem;font-family:var(--mono);font-size:.98rem;line-height:1.75}.ln{margin:0;white-space:pre-wrap;word-break:break-word}.ln--p{color:var(--ink)}.ln--speaker{display:flex;flex-direction:column;gap:.15rem}.ln--speaker .who{color:var(--t-cyan);font-weight:700}.ln--speaker .who:before{content:"● ";color:var(--t-green)}.ln--speaker .said{color:var(--ink)}.hr{border:none;border-top:1px solid var(--line);margin:.4rem 0}.caret{display:inline-block;width:.55rem;height:1.05em;vertical-align:text-bottom;background:var(--accent);animation:blink 1.05s steps(1) infinite}@keyframes blink{50%{opacity:0}}.kv{display:flex;gap:.6rem;align-items:baseline}.kv__k{color:var(--t-dim);min-width:8.5rem}.kv__k:after{content:" ....";color:var(--line)}.kv__v{color:var(--t-green)}.kv__v .u{color:var(--accent-soft)}.proj .kv__k{color:var(--t-cyan);min-width:8.5rem}.proj .kv__k:after{content:""}.proj .kv__v{color:var(--muted)}.choice{display:flex;flex-direction:column;gap:.25rem}.choice__q{color:var(--ink);margin:0 0 .2rem}.opt{display:flex;gap:.5rem;align-items:baseline;padding:.1rem .3rem;border-radius:5px;color:var(--muted);cursor:pointer;background:none;border:none;font:inherit;text-align:left;width:100%}.opt .arrow{color:transparent}.opt[data-active=true]{color:var(--ink)}.opt[data-active=true] .arrow{color:var(--accent)}.opt[data-active=true] .lbl{color:var(--accent-soft)}.opt .num{color:var(--t-dim)}.choice__hint{color:var(--t-dim);font-size:.82rem;margin:.15rem 0 0}.links{display:flex;flex-direction:column;gap:.3rem}.links a{color:var(--t-cyan);text-decoration:none;border-bottom:1px dotted var(--t-dim)}.links a:hover{color:var(--accent);border-color:var(--accent)}.imglink{background:none;border:none;font:inherit;color:var(--t-green);cursor:pointer;padding:0}.imglink u{color:var(--t-cyan)}.cmd{max-width:var(--maxw);width:100%;margin:0 auto;display:flex;gap:.5rem;align-items:center;padding:.7rem clamp(1.1rem,4vw,1.6rem);border-top:1px solid var(--line);font-family:var(--mono)}.cmd__prompt{color:var(--accent)}.cmd__input{flex:1;background:none;border:none;color:var(--ink);font:inherit;outline:none}.cmd__input::placeholder{color:var(--t-dim)}.statusbar{max-width:var(--maxw);width:100%;margin:0 auto;display:flex;justify-content:space-between;padding:.3rem clamp(1.1rem,4vw,1.6rem) 1rem;font-family:var(--mono);font-size:.78rem;color:var(--t-dim)}.contact-outro{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 clamp(1.1rem,4vw,1.6rem) 2.5rem}:root[data-view=terminal] .contact-outro{--bg: var(--t-bg);--surface: var(--t-panel);--line: var(--t-line);--ink: var(--t-fg);--muted: var(--t-dim);--accent: var(--t-accent);--accent-soft: var(--t-accent)}:root[data-view=terminal] body{background:var(--t-bg);color:var(--t-fg)}:root[data-view=terminal] .ln--p,:root[data-view=terminal] .ln--speaker .said,:root[data-view=terminal] .choice__q{color:var(--t-fg)}:root[data-view=terminal] .masthead__logo span{background:var(--t-accent)}:root[data-view=terminal] .masthead__logo span:nth-child(6),:root[data-view=terminal] .masthead__logo span:nth-child(7){background:var(--t-bg)}:root[data-view=terminal] .switch,:root[data-view=terminal] .chapters,:root[data-view=terminal] .cmd{border-color:var(--t-line)}:root[data-view=terminal] .switch{background:color-mix(in srgb,var(--t-bg) 82%,transparent)}:root[data-view=terminal] .switch__home{color:var(--t-dim)}:root[data-view=terminal] .switch__home:hover{color:var(--t-accent)}:root[data-view=terminal] .switch__btn{color:var(--t-dim);border-color:var(--t-line)}:root[data-view=terminal] .switch__btn[aria-pressed=true]{color:var(--t-bg);background:var(--t-accent);border-color:var(--t-accent)}:root[data-view=terminal] .chip[aria-current=true]{background:color-mix(in srgb,var(--t-accent) 26%,transparent);color:#fff}:root[data-view=terminal] .hr,:root[data-view=terminal] .kv__k:after{border-color:var(--t-line)}:root[data-view=terminal] .kv__k:after{content:" ....";color:var(--t-line)}:root[data-view=terminal] .caret{background:var(--t-accent)}:root[data-view=terminal] .opt[data-active=true] .arrow,:root[data-view=terminal] .cmd__prompt{color:var(--t-accent)}:root[data-view=terminal] .opt[data-active=true] .lbl{color:var(--t-accent)}:root[data-view=terminal] .cmd__input{color:var(--t-fg)}:root[data-view=article] .cmd,:root[data-view=article] .statusbar,:root[data-view=article] .chapters__arrows{display:none}:root[data-view=article] .screen{font-family:var(--sans);font-size:1.05rem}:root[data-view=article] .caret{display:none}:root[data-view=article] .choice__hint{display:none}.ch-head{display:none}:root[data-view=article] .ch-head{display:block;font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-soft);margin:1.4rem 0 .2rem}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#030407b8;backdrop-filter:blur(3px)}.modal[hidden]{display:none}.modal__win{width:min(680px,100%);background:#161a22;border:1px solid #2a2f3b;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px #0009}.modal__bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:#1d222c;border-bottom:1px solid #2a2f3b;font-family:var(--mono)}.dot{width:.72rem;height:.72rem;border-radius:50%}.dot.r{background:#ff5f57}.dot.y{background:#febc2e}.dot.g{background:#28c840}.modal__title{margin-left:.6rem;color:#8b93a3;font-size:.85rem}.modal__body{padding:1rem;background:#fff}.modal__body svg{display:block;width:100%;height:auto;border-radius:4px}.modal__body figcaption{font-family:var(--mono);font-size:.8rem;color:#555;margin:.6rem .2rem 0}@media(prefers-reduced-motion:reduce){*{transition:none!important}.caret{animation:none}}