:root{--bg: oklch(.95 .005 20);--panel: oklch(.98 .003 20);--surface: #FFFFFF;--ink: #14130F;--muted: #6B6657;--line: rgba(20, 19, 15, .12);--accent: #6E1524;--tinto: #4A121A;--ok: #2F9E44;--accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);--accent-line: color-mix(in srgb, var(--accent) 38%, var(--line));--accent-text: var(--accent);--ink-btn-bg: #14130F;--ink-btn-fg: #FFFFFF;--dot: rgba(20, 19, 15, .045);--dot-strong: rgba(20, 19, 15, .1);--scrollbar: rgba(20, 19, 15, .18);--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-card: 12px;--radius-panel: 14px;--radius-btn: 12px;--radius-input: 11px;--radius-pill: 999px;--shadow-panel: 0 40px 80px -50px rgba(20, 19, 15, .55);--shadow-row: 0 18px 40px -28px rgba(20, 19, 15, .55);--shadow-cta: 0 16px 34px -16px var(--accent);--transition: .2s ease}:root[data-accent=blue]{--accent: #244D73}:root[data-accent=green]{--accent: #275A44}:root[data-accent=magenta]{--accent: #512457}:root[data-theme=dark]{--bg: #0B0B0D;--panel: #141417;--surface: #1C1C20;--ink: #F2F2F3;--muted: #9A9AA1;--line: rgba(255, 255, 255, .1);--accent-text: color-mix(in srgb, var(--accent) 55%, var(--ink));--ink-btn-bg: #F2F2F3;--ink-btn-fg: #0B0B0D;--dot: rgba(255, 255, 255, .045);--dot-strong: rgba(255, 255, 255, .09);--scrollbar: rgba(255, 255, 255, .18);--shadow-panel: 0 40px 80px -50px rgba(0, 0, 0, .9);--shadow-row: 0 16px 36px -26px rgba(0, 0, 0, .85)}*{box-sizing:border-box}*,*:before,*:after{margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .35s ease,color .35s ease}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:6px}:focus:not(:focus-visible){outline:none}.mono-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:var(--radius-btn);font-family:var(--font-body);font-size:.95rem;font-weight:600;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition),color var(--transition);white-space:nowrap}.btn--accent{background:var(--accent);color:#fff;box-shadow:var(--shadow-cta)}.btn--accent:hover{transform:translateY(-1px)}.btn--ink{background:var(--ink-btn-bg);color:var(--ink-btn-fg)}.btn--ink:hover{transform:translateY(-1px)}.btn--outline{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--ink) 4%,var(--surface)));border:1.5px solid color-mix(in srgb,var(--ink) 14%,var(--line));color:var(--ink);box-shadow:0 1px color-mix(in srgb,#fff 60%,transparent) inset,0 6px 16px -10px #14130f73}.btn--outline:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 1px color-mix(in srgb,#fff 60%,transparent) inset,0 10px 22px -12px #14130f8c}.pill{display:inline-flex;align-items:center;padding:.28rem .7rem;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:11px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));color:var(--muted)}.live-dot{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok)}.live-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ok);animation:dgPulse 1.8s ease-out infinite}@keyframes dgPulse{0%{transform:scale(1);opacity:.7}to{transform:scale(2.4);opacity:0}}@keyframes dgReveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes dgPanelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--radius-pill)}