:root{color-scheme:dark;--tl-bg-0: #0b0c0f;--tl-bg-1: #111318;--tl-bg-2: #191b21;--tl-bg-3: #22242c;--tl-line: rgb(242 240 233 / .09);--tl-line-bright: rgb(242 240 233 / .18);--tl-ink-1: #f2f0e9;--tl-ink-2: #a6a5a1;--tl-ink-3: #62636b;--tl-accent: #e8332e;--tl-accent-hot: #ff4a42;--tl-accent-deep: #b3201f;--tl-accent-ink: #ffe9e6;--tl-ao: #3d7eff;--tl-gold: #c9a24b;--tl-success: #3ecf6e;--tl-danger: #ff5a52;--tl-warn: #e0a63c;--tl-cyan: var(--tl-ao);--tl-cyan-dim: #274f9e;--tl-violet: var(--tl-accent);--tl-gradient: linear-gradient(100deg, var(--tl-accent) 0%, var(--tl-accent-deep) 100%);--tl-gradient-soft: linear-gradient(120deg, rgb(232 51 46 / .12), rgb(232 51 46 / .03));--tl-radius-s: 2px;--tl-radius-m: 4px;--tl-radius-l: 8px;--tl-cut: 12px;--tl-shadow-1: 0 2px 10px rgb(0 0 0 / .4);--tl-shadow-2: 0 12px 40px rgb(0 0 0 / .55);--tl-shadow-glow: 0 4px 24px rgb(232 51 46 / .35);--tl-shadow-glow-cyan: 0 4px 24px rgb(61 126 255 / .3);--tl-font-display: "M PLUS 1", "Zen Kaku Gothic New", "Inter", system-ui, sans-serif;--tl-font-jp: "Zen Kaku Gothic New", "M PLUS 1", sans-serif;--tl-font-ui: "Inter", "M PLUS 1", system-ui, -apple-system, sans-serif;--tl-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--tl-ease: cubic-bezier(.22, 1, .36, 1);--tl-ease-sharp: cubic-bezier(.9, 0, .1, 1);--tl-dur-1: .12s;--tl-dur-2: .22s;--tl-dur-3: .4s;--tl-halftone: radial-gradient(rgb(242 240 233 / .055) 1px, transparent 1.2px);--tl-halftone-red: radial-gradient(rgb(232 51 46 / .22) 1px, transparent 1.2px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--tl-bg-0);color:var(--tl-ink-1);font-family:var(--tl-font-ui);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--tl-font-display);font-weight:800;line-height:1.08;margin:0 0 .5em;letter-spacing:-.015em;text-wrap:balance}a{color:var(--tl-ink-1);text-decoration:none;transition:color var(--tl-dur-1) var(--tl-ease)}a:hover{color:var(--tl-accent-hot)}p a,li a{color:var(--tl-ao);border-bottom:1px solid transparent}p a:hover,li a:hover{color:var(--tl-accent-hot)}code,pre,.mono{font-family:var(--tl-font-mono);font-variant-numeric:tabular-nums}::selection{background:#e8332ed9;color:#fff}:focus-visible{outline:2px solid var(--tl-accent);outline-offset:2px}button{font:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tl-btn{--btn-bg: var(--tl-bg-2);--btn-ink: var(--tl-ink-1);position:relative;display:inline-flex;align-items:center;gap:10px;padding:11px 22px;border:1px solid var(--tl-line-bright);border-radius:var(--tl-radius-s);background:var(--btn-bg);color:var(--btn-ink);font-family:var(--tl-font-display);font-weight:700;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);transition:background var(--tl-dur-1) var(--tl-ease),color var(--tl-dur-1) var(--tl-ease),border-color var(--tl-dur-1) var(--tl-ease),transform var(--tl-dur-1) var(--tl-ease-sharp)}.tl-btn:hover{border-color:var(--tl-ink-1);color:var(--tl-ink-1);transform:translate(-1px,-1px)}.tl-btn:active{transform:translate(0)}.tl-btn--primary{--btn-bg: var(--tl-accent);--btn-ink: #fff;border-color:var(--tl-accent)}.tl-btn--primary:hover{--btn-bg: var(--tl-accent-hot);border-color:var(--tl-accent-hot);color:#fff;box-shadow:var(--tl-shadow-glow)}.tl-btn--ghost{background:transparent;border-color:transparent;color:var(--tl-ink-2)}.tl-btn--ghost:hover{color:var(--tl-ink-1);border-color:var(--tl-line-bright)}.tl-btn--danger{background:transparent;border-color:#ff5a5280;color:var(--tl-danger)}.tl-btn[disabled]{opacity:.45;pointer-events:none}.tl-card{background:var(--tl-bg-1);border:1px solid var(--tl-line);border-radius:var(--tl-radius-m);padding:20px;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--tl-cut)),calc(100% - var(--tl-cut)) 100%,0 100%)}.tl-input{width:100%;padding:11px 14px;border-radius:var(--tl-radius-s);border:1px solid var(--tl-line-bright);background:var(--tl-bg-0);color:var(--tl-ink-1);font:inherit;transition:border-color var(--tl-dur-1) var(--tl-ease)}input.tl-input,select.tl-input,.tl-control-row .tl-btn{height:44px;padding-top:0;padding-bottom:0}.tl-input:focus{outline:none;border-color:var(--tl-accent);box-shadow:0 0 0 3px #e8332e2e}.tl-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-family:var(--tl-font-mono);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--tl-line-bright);color:var(--tl-ink-2);border-radius:var(--tl-radius-s)}.tl-badge--pro{border-color:var(--tl-gold);color:var(--tl-gold)}.tl-badge--accent{border-color:var(--tl-accent);color:var(--tl-accent-hot);background:#e8332e14}.tl-badge--cyan{border-color:#3d7eff80;color:var(--tl-ao)}.tl-kicker{display:flex;align-items:center;gap:12px;font-family:var(--tl-font-mono);font-size:12px;letter-spacing:.22em;color:var(--tl-ink-2);text-transform:uppercase}.tl-kicker:before{content:"";width:26px;height:3px;background:var(--tl-accent)}.tl-kicker .jp{font-family:var(--tl-font-jp);color:var(--tl-accent-hot);letter-spacing:.3em}.tl-jp{writing-mode:vertical-rl;font-family:var(--tl-font-jp);font-size:11px;letter-spacing:.4em;color:var(--tl-ink-3);-webkit-user-select:none;user-select:none}.tl-empty{display:grid;place-items:center;gap:12px;padding:64px 24px;text-align:center;color:var(--tl-ink-2);border:1px dashed var(--tl-line-bright);border-radius:var(--tl-radius-m);background:var(--tl-halftone) 0 0 / 8px 8px,var(--tl-bg-1)}