.tui-root{--tui-bg:#0c0c0e;--tui-bg-2:#131316;--tui-bg-3:#1a1a1c;--tui-divider:#2c2c2e;--tui-primary:#0fb4e5;--tui-text:#e5e5e5;--tui-text-dim:#8e8e93;--tui-text-mute:#636366;--tui-board-light:#d1e9e9;--tui-board-dark:#6b939f;background:var(--tui-bg);min-height:100vh;color:var(--tui-text);-webkit-font-smoothing:antialiased;background-image:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 3px),radial-gradient(900px 480px at 50% -10%,#0fb4e51a,#0000 70%);font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace}.tui-root *,.tui-root :before,.tui-root :after{box-sizing:border-box}.tui-wrap{max-width:880px;margin:0 auto;padding:28px 20px 80px}.tui-nav{letter-spacing:.06em;justify-content:space-between;align-items:center;margin-bottom:56px;font-size:12px;display:flex}.tui-brand{color:var(--tui-primary);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.tui-brand svg{vertical-align:middle;display:inline-block}.tui-brand-dim{color:var(--tui-text-mute);margin-left:4px;font-weight:400}.tui-nav-link{color:var(--tui-text-dim);text-decoration:none}.tui-nav-link:hover{color:var(--tui-primary)}.tui-stage{text-align:center;flex-direction:column;align-items:center;gap:28px;display:flex}.tui-hero-logo{flex-direction:column;align-items:center;gap:18px;margin-bottom:4px;display:flex}.tui-hero-mark{filter:drop-shadow(0 0 14px #0fb4e573);image-rendering:pixelated}.tui-hero-wordmark{image-rendering:pixelated;filter:drop-shadow(0 0 10px #0fb4e559);max-width:90%;height:auto}@media (max-width:640px){.tui-hero-wordmark{width:240px}}.tui-tagline{color:var(--tui-text);max-width:36ch;margin:0;font-size:18px;line-height:1.45}.tui-tagline-dim{color:var(--tui-text-dim);font-size:14px}.tui-accent{color:var(--tui-primary)}.tui-copy{width:100%;max-width:560px}.tui-copy-tabs{justify-content:center;gap:4px;margin-bottom:8px;display:flex}.tui-copy-tab{color:var(--tui-text-mute);border:1px solid var(--tui-divider);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-bottom:none;padding:6px 12px;font-size:11px;transition:color .12s,border-color .12s,background .12s}.tui-copy-tab:hover{color:var(--tui-text-dim)}.tui-copy-tab.is-active{color:var(--tui-primary);border-color:var(--tui-primary);background:#0fb4e50f}.tui-copy-box{border:1px solid var(--tui-divider);width:100%;color:var(--tui-text);font:inherit;text-align:left;cursor:pointer;background:#050507;align-items:center;gap:12px;padding:14px 16px;font-size:14px;transition:border-color .14s,box-shadow .14s;display:flex}.tui-copy-box:hover,.tui-copy-box:focus-visible{border-color:var(--tui-primary);outline:none;box-shadow:0 0 0 1px #0fb4e559}.tui-copy-prompt{color:var(--tui-primary);font-weight:700}.tui-copy-cmd{color:var(--tui-text);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tui-copy-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--tui-text-mute);border:1px solid var(--tui-divider);flex:none;padding:4px 8px;font-size:11px;transition:color .12s,border-color .12s,background .12s}.tui-copy-box:hover .tui-copy-pill{color:var(--tui-primary);border-color:var(--tui-primary)}.tui-copy-pill.is-copied{color:#050507;background:var(--tui-primary);border-color:var(--tui-primary)}.tui-copy-pill.is-failed{color:#050507;background:#ff8a65;border-color:#ff8a65}.tui-secondary{letter-spacing:.04em;color:var(--tui-text-mute);font-size:12px;text-decoration:none}.tui-secondary:hover{color:var(--tui-primary)}.tui-shortcuts{text-align:left;gap:6px;width:100%;max-width:560px;display:grid}.tui-shortcut{border:1px solid var(--tui-divider);background:#050507;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:36px;padding:8px 10px;display:grid;box-shadow:inset 0 0 0 1px #0fb4e514}.tui-shortcut code{color:var(--tui-text);font:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tui-shortcut span:last-child{color:var(--tui-text-mute);letter-spacing:.04em;text-transform:uppercase;font-size:11px}@media (max-width:520px){.tui-shortcut{grid-template-columns:1fr;gap:4px}}.tui-screen{white-space:normal;width:100%;max-width:420px;color:var(--tui-text);border:1px solid var(--tui-divider);background:#050507;margin:4px 0 0;padding:14px;font-size:12px;line-height:1.2;overflow-x:auto;box-shadow:inset 0 0 0 1px #0fb4e51f,0 12px 36px #0000008c}.tui-screen .px-pri{color:var(--tui-primary)}.tui-screen .px-mute{color:var(--tui-text-mute)}.tui-screen .px-board-l{color:var(--tui-board-light)}.tui-screen .px-board-d{color:var(--tui-board-dark)}.tui-screen-title,.tui-screen-status{letter-spacing:.04em;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.tui-screen-title{color:var(--tui-primary);margin-bottom:10px}.tui-screen-status{margin-top:10px}.tui-board-preview{aspect-ratio:1;width:100%;image-rendering:pixelated;border:1px solid #0fb4e573;grid-template-columns:repeat(8,minmax(0,1fr));display:grid;box-shadow:0 0 0 1px #0fb4e51f}.tui-square{justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.tui-square:before{content:"";opacity:.45;background-image:linear-gradient(90deg,currentColor 1px,#0000 1px),linear-gradient(0deg,currentColor 1px,#0000 1px);background-size:10px 10px;position:absolute;inset:0}.tui-square.is-light{color:var(--tui-board-light);background:var(--tui-board-light)}.tui-square.is-dark{color:var(--tui-board-dark);background:var(--tui-board-dark)}.tui-piece-sprite{z-index:1;white-space:pre;letter-spacing:0;text-align:left;text-shadow:none;font-size:8px;line-height:.82;display:block;position:relative}.tui-piece-sprite.is-white{color:#fff}.tui-piece-sprite.is-black{color:#050507}@media (max-width:420px){.tui-screen{max-width:340px;padding:10px}.tui-piece-sprite{font-size:7px}.tui-screen-title,.tui-screen-status{font-size:10px}}.tui-socials{justify-content:center;gap:18px;margin:24px 0 0;padding:0;list-style:none;display:flex}.tui-socials a{color:var(--tui-text-dim);border:1px solid var(--tui-divider);background:var(--tui-bg-2);padding:8px;transition:color .12s,border-color .12s,transform .12s;display:inline-flex}.tui-socials a:hover{color:var(--tui-primary);border-color:var(--tui-primary);transform:translateY(-1px)}.tui-mini-footer{color:var(--tui-text-mute);align-items:center;gap:10px;margin-top:16px;font-size:12px;display:flex}.tui-mini-footer a{color:var(--tui-text-dim);text-decoration:none}.tui-mini-footer a:hover{color:var(--tui-primary)}