@import"https://fonts.googleapis.com/css2?family=Michroma&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--wodoji-cyan: #2DD7FF;--wodoji-sky: #2E9DFF;--wodoji-blue: #0A46DC;--wodoji-ink: #061131;--wodoji-gradient: linear-gradient(135deg, #2DD7FF 0%, #2E9DFF 45%, #0A46DC 100%);--wodoji-gradient-soft: linear-gradient(135deg, #EAF8FF 0%, #E3EEFF 100%);--wodoji-gradient-radial: radial-gradient(ellipse at top left, #2DD7FF 0%, #0A46DC 70%);--n-0: #FFFFFF;--n-50: #F7F9FC;--n-100: #EEF2F8;--n-200: #E2E8F2;--n-300: #CBD4E2;--n-400: #95A2B8;--n-500: #67758F;--n-600: #48556D;--n-700: #2F3A50;--n-800: #1B2437;--n-900: #0E1625;--n-950: #070C18;--bg: var(--n-0);--bg-muted: var(--n-50);--bg-raised: var(--n-0);--bg-sunken: var(--n-100);--bg-inverse: var(--n-950);--fg: var(--n-900);--fg-muted: var(--n-600);--fg-subtle: var(--n-500);--fg-disabled: var(--n-400);--fg-on-brand: #FFFFFF;--fg-on-inverse: var(--n-50);--border: var(--n-200);--border-strong: var(--n-300);--border-focus: var(--wodoji-sky);--accent: var(--wodoji-blue);--accent-hover: #0A3BBE;--accent-active: #082FA0;--accent-soft: #E8F0FF;--accent-fg: #FFFFFF;--success: #16A34A;--success-soft: #E6F6EC;--warning: #D97706;--warning-soft: #FEF1DC;--danger: #DC2626;--danger-soft: #FDE7E7;--info: var(--wodoji-sky);--info-soft: #E3F2FF;--font-display: "Michroma", "Eurostile", "Microgramma", "Bank Gothic", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-caption: 12px;--fs-small: 14px;--fs-body: 16px;--fs-lead: 18px;--fs-h6: 18px;--fs-h5: 22px;--fs-h4: 26px;--fs-h3: 32px;--fs-h2: 40px;--fs-h1: 54px;--fs-display: 68px;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.65;--ls-tight: -.02em;--ls-snug: -.01em;--ls-normal: 0em;--ls-wide: .04em;--ls-caps: .08em;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--s-0: 0;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--s-24: 96px;--s-32: 128px;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 28px;--r-full: 999px;--shadow-xs: 0 1px 2px rgba(6, 17, 49, .04);--shadow-sm: 0 1px 2px rgba(6, 17, 49, .05), 0 1px 3px rgba(6, 17, 49, .06);--shadow-md: 0 4px 6px -2px rgba(6, 17, 49, .05), 0 10px 15px -3px rgba(6, 17, 49, .08);--shadow-lg: 0 10px 15px -3px rgba(6, 17, 49, .08), 0 20px 40px -10px rgba(6, 17, 49, .12);--shadow-xl: 0 25px 50px -12px rgba(6, 17, 49, .25);--shadow-glow: 0 0 0 1px rgba(46, 157, 255, .2), 0 10px 40px -10px rgba(46, 157, 255, .35);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s}:root[data-theme=dark],.wodoji-dark{--bg: #070C18;--bg-muted: #0C1324;--bg-raised: #111B30;--bg-sunken: #040812;--bg-inverse: var(--n-0);--fg: #EAF0FA;--fg-muted: #9AA8C2;--fg-subtle: #6E7D97;--fg-disabled: #4B586F;--fg-on-brand: #FFFFFF;--fg-on-inverse: var(--n-900);--border: #1D2842;--border-strong: #2A3755;--border-focus: var(--wodoji-cyan);--accent: var(--wodoji-cyan);--accent-hover: #63E1FF;--accent-active: #0BBDE8;--accent-soft: rgba(45, 215, 255, .12);--accent-fg: #041028;--success-soft: rgba(22, 163, 74, .15);--warning-soft: rgba(217, 119, 6, .18);--danger-soft: rgba(220, 38, 38, .18);--info-soft: rgba(46, 157, 255, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -2px rgba(0, 0, 0, .4), 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 20px 40px -10px rgba(0, 0, 0, .6);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-glow: 0 0 0 1px rgba(45, 215, 255, .25), 0 10px 40px -10px rgba(45, 215, 255, .45);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .05)}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--fg);font-weight:400;letter-spacing:.02em;line-height:1.15;margin:0;text-transform:uppercase;text-wrap:balance}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}h5{font-size:var(--fs-h5)}h6{font-size:var(--fs-h6)}p{margin:0;color:var(--fg);line-height:var(--lh-normal);text-wrap:pretty}.lead{font-size:var(--fs-lead);color:var(--fg-muted);line-height:var(--lh-relaxed)}.small{font-size:var(--fs-small)}.caption{font-size:var(--fs-caption);color:var(--fg-muted);letter-spacing:var(--ls-wide)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--fg-muted);font-weight:var(--fw-medium)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}code{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-xs);padding:1px 6px}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent-hover)}hr{border:0;border-top:1px solid var(--border);margin:var(--s-6) 0}::selection{background:var(--accent);color:var(--accent-fg)}.text-gradient{background:var(--wodoji-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{overflow-x:hidden}.btn-primary,.btn-secondary,.btn-accent,.btn-ghost-light{font-family:var(--font-body);font-weight:500;font-size:14px;padding:12px 20px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .12s var(--ease-out);line-height:1;white-space:nowrap}.btn-primary{background:var(--wodoji-blue);color:#fff;border-color:#2dd7ff33}.btn-primary:hover{background:#0a3bbe}.btn-accent{background:var(--wodoji-cyan);color:#041028;font-weight:600}.btn-accent:hover{background:#63e1ff;transform:translateY(-1px)}.btn-accent:active{transform:translateY(0) scale(.99)}.btn-accent.btn-glow{box-shadow:0 0 0 1px #2dd7ff40,0 10px 32px -8px #2dd7ff80}.btn-ghost-light{background:transparent;color:var(--fg);border:1px solid var(--border-strong)}.btn-ghost-light:hover{background:#ffffff0a;border-color:var(--wodoji-cyan);color:var(--fg)}@keyframes wodoji-blink{0%,49%{opacity:1}50%,to{opacity:0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--wodoji-sky)}button:focus-visible,a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--r-md)}#root{animation:wodoji-fade .4s var(--ease-out)}@keyframes wodoji-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}