:root{--bg: #f3f2ee;--bg-elevated: #fffefb;--ink: #1a1d1f;--ink-dim: #5c6467;--veil: #3f6d69;--veil-strong: #294e4a;--mask: #a8752a;--mask-bg: rgba(168, 117, 42, .12);--border: rgba(26, 29, 31, .14);--frost: rgba(255, 255, 255, .6);--shadow: 0 1px 2px rgba(26, 29, 31, .06), 0 8px 24px rgba(26, 29, 31, .06);--radius: 14px;--btn-bg: #2f5753;--btn-bg-hover: #3f6d69;--btn-text: #fbfbf9;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}:root[data-theme=dark]{--bg: #0f1317;--bg-elevated: #161c21;--ink: #e9ebea;--ink-dim: #9aa5a4;--veil: #82b2ac;--veil-strong: #bfe0dc;--mask: #e0a752;--mask-bg: rgba(224, 167, 82, .14);--border: rgba(255, 255, 255, .12);--frost: rgba(15, 19, 23, .62);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35);--btn-bg: #3f6d69;--btn-bg-hover: #4f8079;--btn-text: #f4fbf9}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1317;--bg-elevated: #161c21;--ink: #e9ebea;--ink-dim: #9aa5a4;--veil: #82b2ac;--veil-strong: #bfe0dc;--mask: #e0a752;--mask-bg: rgba(224, 167, 82, .14);--border: rgba(255, 255, 255, .12);--frost: rgba(15, 19, 23, .62);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35);--btn-bg: #3f6d69;--btn-bg-hover: #4f8079;--btn-text: #f4fbf9}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--veil-strong)}::selection{background:var(--mask-bg)}:focus-visible{outline:2px solid var(--veil);outline-offset:3px;border-radius:4px}#app{max-width:760px;margin:0 auto;padding:28px 20px 64px;display:flex;flex-direction:column;gap:8px}.topbar{display:flex;align-items:baseline;justify-content:space-between;padding:8px 2px 28px;gap:12px}.wordmark{font-family:var(--font-display);font-weight:650;font-size:1.5rem;letter-spacing:-.01em;display:flex;align-items:baseline;gap:12px}.eyebrow{font-family:var(--font-mono);font-weight:400;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.theme-toggle{font-family:var(--font-mono);font-size:.78rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--ink-dim);border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap}.theme-toggle:hover{color:var(--ink);border-color:var(--veil)}.intro h1{font-family:var(--font-display);font-weight:560;font-size:clamp(2rem,5vw,2.7rem);line-height:1.08;letter-spacing:-.015em;margin:0 0 14px}.intro .accent{font-style:italic;color:var(--veil-strong)}.intro .lede{color:var(--ink-dim);font-size:1.02rem;max-width:56ch;margin:0 0 8px}.intro .lede code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-elevated);border:1px solid var(--border);padding:.1em .4em;border-radius:5px}.stage{padding:26px 0;border-top:1px solid var(--border);animation:rise .48s cubic-bezier(.16,1,.3,1) both}.stage:first-of-type{border-top:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stage h2{font-family:var(--font-body);font-weight:600;font-size:.95rem;margin:0 0 14px;display:flex;align-items:baseline;gap:10px}.step-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--veil-strong);background:var(--mask-bg);padding:3px 8px;border-radius:5px}label{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin:22px 0 8px}label:first-child{margin-top:0}.hint{text-transform:none;letter-spacing:normal;color:var(--ink-dim);opacity:.75}textarea,input[type=text]{width:100%;font-family:var(--font-mono);font-size:.92rem;line-height:1.5;color:var(--ink);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}textarea{min-height:130px;resize:vertical}.note{font-size:.82rem;color:var(--ink-dim);margin:10px 2px 0;max-width:62ch}.note a{color:var(--veil-strong)}.panel{font-family:var(--font-mono);font-size:.9rem;line-height:1.65;white-space:pre-wrap;word-break:break-word;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);margin:0;min-height:1.65em}button{font-family:var(--font-body);font-weight:600;font-size:.92rem;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:999px;padding:11px 22px;cursor:pointer;margin-top:16px;transition:transform .12s ease,background .16s ease}button:hover:not(:disabled){background:var(--btn-bg-hover);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--veil-strong);border:1px solid var(--border);margin-right:10px}button.secondary:hover:not(:disabled){border-color:var(--veil);background:var(--mask-bg)}.status{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-dim);margin-top:10px;min-height:1.2em}.tok{display:inline-block;position:relative;color:var(--mask);font-weight:500;border-radius:4px;padding:0 2px;animation:unveil .62s cubic-bezier(.2,.8,.2,1) both}.tok:before{content:"";position:absolute;inset:-1px -3px;border-radius:5px;background:var(--frost);backdrop-filter:blur(6px);animation:lift .62s cubic-bezier(.2,.8,.2,1) both;pointer-events:none}@keyframes unveil{0%{opacity:0;filter:blur(4px)}60%{opacity:1}to{opacity:1;filter:blur(0)}}@keyframes lift{0%{opacity:1}70%{opacity:.9}to{opacity:0}}table.panel{border-collapse:collapse;width:100%;padding:0;overflow:hidden}table.panel th,table.panel td{text-align:left;padding:10px 16px;border-bottom:1px solid var(--border);font-size:.84rem}table.panel tr:last-child td{border-bottom:none}table.panel th{color:var(--ink-dim);font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}td.type-cell{color:var(--veil-strong);font-weight:500;white-space:nowrap}td.surrogate-cell{color:var(--mask)}td.original-cell{filter:blur(5px);transition:filter .2s ease;user-select:none}[data-revealed=true] td.original-cell{filter:none;user-select:text}.cursor{display:inline-block;width:.5em;height:1em;background:var(--veil);vertical-align:text-bottom;animation:blink 1s step-start infinite;margin-left:1px}@keyframes blink{50%{opacity:0}}footer{margin-top:32px;padding-top:22px;border-top:1px solid var(--border);color:var(--ink-dim);font-size:.82rem}footer a{color:inherit;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px}footer a:hover{color:var(--veil-strong)}@media(max-width:420px){#app{padding:20px 16px 48px}.wordmark{font-size:1.3rem}}