.tut{--tut-bg:#0f0f0f;--tut-header:#0f0f0fdb;--tut-panel:#141416;--tut-panel-2:#1a1a1d;--tut-ink:#f4f5f6;--tut-body:#f4f5f6bd;--tut-muted:#f4f5f680;--tut-faint:#f4f5f652;--tut-line:#f4f5f61a;--tut-line-strong:#f4f5f638;--tut-accent:#d4af6a;--tut-accent-hover:#e3c27f;--tut-accent-soft:#d4af6a29;--tut-chip:#ffffff0d;--tut-dark:#1c1c20;--tut-code:#0b0b0c;font-family:var(--font-sans), system-ui, sans-serif;background:var(--tut-bg);color:var(--tut-ink);-webkit-font-smoothing:antialiased;min-height:100vh}.tut .tut-display{font-family:var(--font-display), "Inter", system-ui, sans-serif}.tut .tut-mono{font-family:var(--font-jetbrains-mono), ui-monospace, SFMono-Regular, monospace}.tut .tut-label{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.04em;color:#d4af6abf;font-size:11.5px}.tut .tut-label-muted{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.04em;color:var(--tut-muted);font-size:11.5px}.tut .tut-chip{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;background:var(--tut-chip);border:1px solid var(--tut-line);color:var(--tut-ink);white-space:nowrap;border-radius:5px;padding:1px 7px;font-size:.86em}.tut .tut-btn{background:var(--tut-accent);color:#0f0f0f;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:filter .15s;display:inline-flex}.tut .tut-btn:hover{filter:brightness(1.08)}.tut .tut-btn-ghost{color:var(--tut-body);border:1px solid var(--tut-line-strong);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.tut .tut-btn-ghost:hover{border-color:var(--tut-accent);color:var(--tut-accent)}.tut .tut-code{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;background:var(--tut-code);border:1px solid var(--tut-line);color:var(--tut-ink);white-space:pre;border-radius:10px;padding:14px 16px;font-size:13px;overflow-x:auto}.tut .tut-code .prompt{color:#d4af6ab3;-webkit-user-select:none;user-select:none}.tut .tut-article{color:var(--tut-body);font-size:17px;line-height:1.75}.tut .tut-article h2{font-family:var(--font-display), "Inter", system-ui, sans-serif;color:var(--tut-ink);letter-spacing:-.02em;margin:3.2rem 0 1.1rem;scroll-margin-top:5.5rem;font-size:30px;font-weight:500;line-height:1.15}.tut .tut-article h2:first-child{margin-top:0}.tut .tut-article h3{color:var(--tut-ink);margin:2rem 0 .6rem;font-size:18px;font-weight:600}.tut .tut-article p{margin:0 0 1.1rem}.tut .tut-article strong{color:var(--tut-ink);font-weight:600}.tut .tut-article ul{margin:0 0 1.2rem;padding-left:1.3rem;list-style:none}.tut .tut-article li{margin:.4rem 0;position:relative}.tut .tut-article li:before{content:"-";color:var(--tut-accent);position:absolute;left:-1.3rem}.tut .tut-article a{color:var(--tut-ink);text-underline-offset:4px;-webkit-text-decoration:underline #d4af6a66;text-decoration:underline #d4af6a66}.tut .tut-article a:hover{-webkit-text-decoration-color:var(--tut-accent);text-decoration-color:var(--tut-accent)}.tut .tut-article pre{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;background:var(--tut-code);border:1px solid var(--tut-line);white-space:pre-wrap;color:#f4f5f6d9;border-radius:10px;margin:0 0 1.4rem;padding:18px 20px;font-size:13px;line-height:1.65;overflow-x:auto}.tut .tut-prompt{background:var(--tut-code);border:1px solid var(--tut-line);border-left:2px solid var(--tut-accent);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;color:#f4f5f6e6;border-radius:10px;margin:.4rem 0 .9rem;padding:12px 16px;font-size:13.5px;line-height:1.6}.tut .tut-tile{background:var(--tut-dark);border:1px solid var(--tut-line);color:var(--tut-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tut .tut-nav-active{color:var(--tut-ink);box-shadow:inset 2px 0 0 var(--tut-accent);background:#ffffff0f;font-weight:500}.tut .tut-hatch{background-image:repeating-linear-gradient(135deg,#f4f5f61f 0 1px,#0000 1px 8px)}