:root,html[data-theme],html[data-theme].dark{--dp-bg-0:#0c0b09;--dp-bg-1:#131210;--dp-bg-2:#181614;--dp-bg-3:#1f1c18;--dp-ink-0:#f3efe5;--dp-ink-1:#e0dccf;--dp-ink-2:#a39c8b;--dp-ink-3:#6a6457;--dp-accent:#22c55e;--dp-accent-bright:#34d775;--dp-accent-soft:#22c55e1a;--dp-accent-line:#22c55e33;--dp-border-subtle:#f3efe514;--dp-border-muted:#f3efe524;--dp-radius:14px;--dp-radius-sm:8px;--bg-0:var(--dp-bg-0);--bg-1:var(--dp-bg-1);--bg-2:var(--dp-bg-2);--bg-3:var(--dp-bg-3);--ink-0:var(--dp-ink-0);--ink-1:var(--dp-ink-1);--ink-2:var(--dp-ink-2);--ink-3:var(--dp-ink-3);--accent:var(--dp-accent);--accent-bright:var(--dp-accent-bright);--accent-soft:var(--dp-accent-soft);--accent-line:var(--dp-accent-line);--border-subtle:var(--dp-border-subtle);--border-muted:var(--dp-border-muted)}.t-h1{font-family:var(--font-dp-sans),"Inter Tight",sans-serif;letter-spacing:-.04em;font-size:clamp(48px,7vw,96px);font-weight:600;line-height:.96}.t-h2{font-family:var(--font-dp-sans),"Inter Tight",sans-serif;letter-spacing:-.035em;font-size:clamp(32px,4vw,52px);font-weight:600;line-height:1}.t-h3{font-family:var(--font-dp-sans),"Inter Tight",sans-serif;letter-spacing:-.025em;font-size:clamp(22px,2.8vw,34px);font-weight:500}.t-body{font-family:var(--font-dp-sans),"Inter Tight",sans-serif;color:var(--ink-1);font-size:16px;line-height:1.55}.t-mono{font-family:var(--font-dp-mono),"JetBrains Mono",monospace;letter-spacing:.04em;font-size:12px}.dp-wrap{max-width:1280px;margin:0 auto;padding:0 40px}@media (max-width:768px){.dp-wrap{padding:0 20px}}.cornermark{position:relative}.cornermark .cm-tl,.cornermark .cm-tr,.cornermark .cm-bl,.cornermark .cm-br{border-color:var(--accent);opacity:.5;border-style:solid;width:10px;height:10px;position:absolute}.cornermark .cm-tl{border-width:1px 0 0 1px;top:-1px;left:-1px}.cornermark .cm-tr{border-width:1px 1px 0 0;top:-1px;right:-1px}.cornermark .cm-bl{border-width:0 0 1px 1px;bottom:-1px;left:-1px}.cornermark .cm-br{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.dp-btn{font-family:var(--font-dp-sans),"Inter Tight",sans-serif;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s,background .15s;display:inline-flex}.dp-btn-primary{background:var(--accent);color:#0c0b09;border:none}.dp-btn-primary:hover{background:var(--accent-bright)}.dp-btn-ghost{color:var(--ink-0);border:1px solid var(--border-muted);background:0 0}.dp-btn-ghost:hover{border-color:var(--accent-line);color:var(--accent-bright)}.dp-eyebrow{font-family:var(--font-dp-mono),monospace;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:11px;display:inline-flex}@keyframes floatDust{0%{opacity:0;transform:translateY(0)}20%{opacity:.4}80%{opacity:.4}to{opacity:0;transform:translateY(-30px)}}@keyframes dpFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dp-animate{opacity:0}.dp-animate.is-visible{animation:.5s cubic-bezier(.22,1,.36,1) forwards dpFadeUp}@media (prefers-reduced-motion:reduce){.dp-animate{opacity:1!important;animation:none!important}}.mod-wrap{max-width:1100px;margin:0 auto;padding:0 32px}@media (max-width:768px){.mod-wrap{padding:0 20px}}.mod-icon{background:var(--accent-soft);border:1px solid var(--accent-line);width:44px;height:44px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.mod-eyebrow{font-family:var(--font-dp-mono),monospace;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:inline-flex}.mod-eyebrow .mod-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #22c55e80}.mod-eyebrow .mod-dash{background:var(--accent-line);width:20px;height:1px}.mod-status{border:1px solid var(--border-subtle);font-family:var(--font-dp-mono),monospace;color:var(--ink-2);background:#f3efe50a;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11.5px;display:inline-flex}.mod-status .mod-status-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.mod-section-meta{align-items:center;gap:14px;margin-bottom:22px;display:flex}.mod-section-meta .mod-section-num{font-family:var(--font-dp-mono),monospace;color:var(--ink-3);letter-spacing:.12em;font-size:11.5px}.mod-section-meta .mod-section-line{background:var(--border-subtle);flex:1;height:1px}.mod-section-meta .mod-section-label{font-family:var(--font-dp-mono),monospace;color:var(--ink-2);letter-spacing:.16em;text-transform:uppercase;font-size:11.5px}.mod-card{background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:14px}.mod-terminal{font-family:var(--font-dp-mono),monospace;border:1px solid var(--border-subtle);color:#e7e3da;white-space:pre;background:#06070a;border-radius:14px;padding:22px 26px;font-size:13px;line-height:1.85;overflow-x:auto}.mod-terminal .tk{color:#c084fc}.mod-terminal .ts{color:#86efac}.mod-terminal .tv{color:#e7e3da}.mod-terminal .tc{color:#4b5563}.mod-terminal .tf{color:#60a5fa}.mod-ev{border-top:1px solid var(--border-subtle);font-family:var(--font-dp-mono),monospace;color:var(--ink-1);grid-template-columns:90px 1fr 110px 60px 80px;align-items:center;gap:12px;padding:11px 16px;font-size:11.5px;display:grid}.mod-ev:first-child{border-top:none}.mod-ev .mod-ev-id,.mod-ev .mod-ev-time{color:var(--ink-3)}.mod-ev .mod-stat-allowed{color:var(--accent)}.mod-ev .mod-stat-warning{color:#f59e0b}.mod-ev .mod-stat-blocked{color:#ef4444}.mod-tradeoff{background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:14px;padding:24px}.mod-tradeoff .mod-tradeoff-tag{font-family:var(--font-dp-mono),monospace;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:11px}.mod-tradeoff.is-chose .mod-tradeoff-tag{color:var(--accent)}.mod-tradeoff.is-skipped .mod-tradeoff-tag{color:var(--ink-3)}.mod-tradeoff .mod-tradeoff-title{color:var(--ink-0);margin-bottom:6px;font-size:15px;font-weight:500}.mod-tradeoff .mod-tradeoff-body{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.6}.mod-foot{border-top:1px solid var(--border-subtle);font-family:var(--font-dp-mono),monospace;color:var(--ink-3);letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:60px;padding:60px 0 40px;font-size:11.5px;display:flex}.mod-foot a{text-decoration:none}.mod-foot a.is-next{color:var(--accent)}.mod-foot a.is-back{color:var(--ink-3)}.mod-foot a.is-back:hover{color:var(--ink-1)}
