@import"https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&family=Inter:wght@400;500;600;700;800&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,600&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--color-paper: #ffffff;--color-paper-deep: #f5f3ef;--color-paper-bright: #ffffff;--color-ink: #14120f;--color-ink-soft: #38342e;--color-ink-muted: #6e6a60;--color-rule: #e4dfd3;--color-ruby: #ff2833;--color-ruby-bright: #ff4654;--color-ruby-deep: #c81f28;--color-ruby-wash: #ffebed;--color-gold: #9e7a1f;--color-cyan: #0f6b78;--color-void: #0c0d12;--color-char: #161720;--color-panel: #1f2030;--color-panel-2: #2a2c3d;--color-cream: #f5efe4;--color-cream-dim: #d5cfbf;--color-red-hot: #ff2833;--color-cyan-hot: #00f0ff;--color-destructive: #a02525;--color-background: var(--color-paper);--color-foreground: var(--color-ink);--color-muted: var(--color-paper-deep);--color-muted-foreground: var(--color-ink-muted);--color-border: var(--color-rule);--color-primary: var(--color-ruby);--color-primary-foreground: var(--color-paper-bright);--color-accent: var(--color-gold);--color-card: var(--color-paper-bright);--color-ring: var(--color-ruby);--radius: 0;--bl-aurora-red: rgba(188, 44, 56, .42);--bl-aurora-magenta: rgba(214, 52, 132, .27);--bl-aurora-blue: rgba(79, 124, 255, .09);--bl-aurora-base: #080b15;--bl-bg: radial-gradient(90% 90% at 82% -5%, #fdf8f0, #ece1ce 72%);--bl-bg-solid: #f0e7d8;--bl-ink: #2d3230;--bl-ink-soft: rgba(45, 50, 48, .68);--bl-ink-faint: rgba(45, 50, 48, .45);--bl-card: #fffdf8;--bl-card-2: #f4ecdd;--bl-border: rgba(72, 82, 83, .18);--bl-border-2: rgba(72, 82, 83, .34);--bl-dot: rgba(72, 82, 83, .26);--bl-pill: rgba(255, 255, 255, .55);--bl-nav: rgba(251, 246, 238, .82);--bl-band: #f6efe2;--bl-shadow: 0 22px 48px rgba(40, 30, 16, .13)}[data-theme=dark]{color-scheme:dark;--color-paper: #0c0d12;--color-paper-deep: #161720;--color-paper-bright: #1f2030;--color-ink: #f5efe4;--color-ink-soft: #d6d0c2;--color-ink-muted: #9c968a;--color-rule: #2a2c3d;--color-ruby-wash: rgba(255, 40, 51, .16);--bl-bg: radial-gradient(72% 88% at 86% -8%, var(--bl-aurora-red), transparent 56%), radial-gradient(66% 80% at -6% 106%, var(--bl-aurora-magenta), transparent 54%), radial-gradient(circle at 50% -12%, var(--bl-aurora-blue), transparent 44%), var(--bl-aurora-base);--bl-bg-solid: #080b15;--bl-ink: #ffffff;--bl-ink-soft: rgba(230, 234, 245, .66);--bl-ink-faint: rgba(230, 234, 245, .42);--bl-card: rgba(255, 255, 255, .05);--bl-card-2: rgba(255, 255, 255, .035);--bl-border: rgba(255, 255, 255, .12);--bl-border-2: rgba(255, 255, 255, .24);--bl-dot: rgba(255, 255, 255, .16);--bl-pill: rgba(255, 255, 255, .05);--bl-nav: rgba(8, 11, 21, .72);--bl-band: rgba(255, 255, 255, .025);--bl-shadow: 0 30px 64px rgba(0, 0, 0, .55)}:root{--p1: #00ddff;--p2: #ffee00;--p3: #ff00aa;--p4: #aa00ff;--p5: #00ffaa;--p-soft: rgba(0, 221, 255, .22);--sya-bg-base: #0c1224;--sya-bg-top: #1a2244;--sya-ink: #ffffff;--sya-ink-2: rgba(255, 255, 255, .78);--sya-muted: rgba(255, 255, 255, .5);--sya-dim: rgba(255, 255, 255, .28);--sya-rule: rgba(255, 255, 255, .08);--sya-rule-strong: rgba(255, 255, 255, .18);--tile-fill: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .018) 100%);--tile-border: rgba(255, 255, 255, .14);--tile-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 0 0 1px rgba(255, 255, 255, .03), 0 1px 2px rgba(0, 0, 0, .3), 0 30px 60px -22px rgba(0, 0, 0, .55);--bg-glow-1: rgba(0, 221, 255, .16);--bg-glow-2: rgba(170, 0, 255, .12);--bg-glow-3: rgba(0, 255, 170, .1);--bg-glow-4: rgba(255, 0, 170, .08)}.palette-studio{--p1: #7da3ff;--p2: #a9c4ff;--p3: #6ee7d0;--p4: #c4a8ff;--p5: #ffd6a8;--p-soft: rgba(125, 163, 255, .14);--sya-bg-base: #0e1424;--sya-bg-top: #1c2548;--bg-glow-1: rgba(125, 163, 255, .3);--bg-glow-2: rgba(110, 231, 208, .16);--bg-glow-3: rgba(196, 168, 255, .16);--bg-glow-4: rgba(255, 214, 168, .1)}.palette-warm{--p1: #fdb87c;--p2: #ffd29a;--p3: #f5a98b;--p4: #e892a8;--p5: #ffd6a8;--p-soft: rgba(253, 184, 124, .14);--sya-bg-base: #1a1014;--sya-bg-top: #2e1a22;--bg-glow-1: rgba(253, 184, 124, .32);--bg-glow-2: rgba(245, 169, 139, .22);--bg-glow-3: rgba(232, 146, 168, .2);--bg-glow-4: rgba(255, 196, 212, .1)}:root{--font-display: "Archivo", "Archivo Black", "Helvetica Neue", sans-serif;--font-body: "Inter", "Manrope", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--font-fraunces: "Fraunces", Georgia, serif;--font-grotesk: "Space Grotesk", "Inter", sans-serif;--text-display-hero: clamp(44px, 6.2vw, 70px);--text-display-2: clamp(30px, 4.2vw, 38px);--text-lede: 16.5px;--text-body: 1.03rem;--text-meta: .72rem;--text-heading-family: var(--font-fraunces);--text-body-family: var(--font-body);--text-meta-family: var(--font-mono)}:root{--radius-btn: 11px;--radius-input: 10px;--radius-card: 16px;--radius-widget: 18px;--radius-pill: 999px;--shadow-card: 0 22px 48px rgba(40, 30, 16, .13);--shadow-card-dark: 0 30px 64px rgba(0, 0, 0, .55);--shadow-cta-ruby: 0 6px 22px rgba(255, 40, 51, .3), inset 0 1px 0 rgba(255, 255, 255, .22);--shadow-cta-ruby-hover: 0 10px 32px rgba(255, 40, 51, .45), inset 0 1px 0 rgba(255, 255, 255, .25);--shadow-tile-hover: 0 14px 36px rgba(20, 18, 15, .1);--shadow-holo: 0 6px 22px rgba(120, 90, 240, .4), inset 0 1px 0 rgba(255, 255, 255, .3);--grad-ruby-cta: linear-gradient(135deg, var(--color-ruby-bright, #ff4654), var(--color-ruby, #ff2833));--grad-holo: linear-gradient(100deg, #2dd4ff, #4f7cff, #a855f7, #ec4899, #2dd4ff);--grad-aurora-cta: linear-gradient(95deg, var(--p1, #00ddff), var(--p4, #aa00ff), var(--p3, #ff00aa));--ease-lift: cubic-bezier(.2, .65, .25, 1);--dur-fast: .15s;--dur-hover: .18s;--dur-tile: .22s;--dur-reveal: .72s;--dot-pitch: 26px;--dot-pitch-sya: 28px}.bl-button{-webkit-tap-highlight-color:transparent}.bl-button--ruby:hover:not(:disabled){box-shadow:var( --shadow-cta-ruby-hover, 0 10px 32px rgba(255, 40, 51, .45), inset 0 1px 0 rgba(255, 255, 255, .25) );transform:translateY(-1px)}.bl-button--ghost:hover:not(:disabled){border-color:#fff6;color:#fff;transform:translateY(-1px)}.bl-button:active:not(:disabled){transform:translateY(0)}.bl-button:focus-visible,.bl-chip:focus-visible{outline:2px solid var(--color-cyan-hot, #00f0ff);outline-offset:2px}.bl-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.bl-chip{-webkit-tap-highlight-color:transparent}.bl-chip:hover:not(:disabled){border-color:#fff6}.bl-chip:disabled{opacity:1}@keyframes bl-star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bl-star--spin{transform-origin:50% 50%;animation:bl-star-spin 9s linear infinite}@media (prefers-reduced-motion: reduce){.bl-star--spin{animation:none}.bl-button,.bl-chip{transition:none}.bl-button--ruby:hover:not(:disabled),.bl-button--ghost:hover:not(:disabled){transform:none}}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#080b15}#root{height:100%}a{color:#ff2833;text-decoration:none}a:hover{color:#ff4654}.dfscroll::-webkit-scrollbar{width:8px}.dfscroll::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:8px}.dfscroll::-webkit-scrollbar-track{background:transparent}@keyframes dfPulse{0%{opacity:.45}50%{opacity:1}to{opacity:.45}}.df-pulse{animation:dfPulse 1.6s infinite}.df-variant:hover{border-color:#fff6!important;transform:translateY(-1px)}.df-machine-row:hover{background:#ffffff0f!important}.df-zone-row:hover{background:#ffffff0d}.df-zone-row__del:hover{color:#ff2833!important}.df-bom-row:hover{background:#ffffff0d}.df-heat:hover{border-color:#00f0ff99!important}.df-ghost-pill:hover{border-color:#fff6!important}.df-focus-btn:hover{border-color:#00f0ff80!important;color:#00f0ff!important}.df-skip:hover{border-color:#fff!important}.df-dim-input::-webkit-outer-spin-button,.df-dim-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.df-dim-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.df-dim-input:focus{border-color:#00f0ff8c}.df-inline-input:hover{background:#ffffff0d!important;border-color:#ffffff24!important}.df-inline-input:focus{background:#ffffff0f!important;border-color:#00f0ff8c!important}@keyframes dfStepIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.df-step-in{animation:dfStepIn .28s cubic-bezier(.2,.65,.25,1)}@keyframes dfShake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(5px)}80%{transform:translate(-2px)}}.df-shake{animation:dfShake .42s cubic-bezier(.36,.07,.19,.97)}.df-demo-card:hover{transform:translateY(-2px);border-color:#fff6!important}.df-quick-tool:hover{border-color:#00f0ff80!important;background:#00f0ff12!important}@keyframes dfBloom{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.18);opacity:1}}.df-welcome-bloom{animation:dfBloom 9s ease-in-out infinite;will-change:transform,opacity}.df-welcome-bloom--ruby{animation-duration:12s;animation-delay:-4s}@keyframes dfWelcomeRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.df-welcome-rise{animation:dfWelcomeRise .52s cubic-bezier(.2,.65,.25,1) both}.df-welcome-rise--2{animation-delay:.1s}.df-welcome-rise--3{animation-delay:.22s}.df-welcome-rise--4{animation-delay:.34s}@keyframes dfDoorPop{0%,6%{opacity:0;transform:scale(.55)}14%{opacity:1;transform:scale(1.06)}20%,86%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.df-door-pop{transform-box:fill-box;transform-origin:center;animation:dfDoorPop 7s cubic-bezier(.34,1.56,.64,1) infinite both}.df-door-pop--2{animation-delay:.2s}.df-door-pop--3{animation-delay:.4s}.df-door-pop--4{animation-delay:.6s}@keyframes dfDoorDraw{0%,22%{stroke-dashoffset:100;opacity:0}30%{opacity:1}66%,88%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.df-door-draw{stroke-dasharray:100;stroke-dashoffset:100;animation:dfDoorDraw 7s ease-in-out infinite both}.df-door-sketch .df-door-pop,.df-door-sketch .df-door-draw{animation-duration:5.6s}@keyframes dfClampClose{0%,10%{transform:rotate(-52deg)}38%,82%{transform:rotate(0)}to{transform:rotate(-52deg)}}@keyframes dfClampLatch{0%,40%{opacity:0;transform:translateY(-3px)}50%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-3px)}}.df-clamp-arm{transform-box:view-box;transform-origin:22px 15px;animation:dfClampClose 5s cubic-bezier(.34,1.4,.64,1) infinite both}.df-clamp-latch{transform-box:view-box;transform-origin:42px 15px;animation:dfClampLatch 5s cubic-bezier(.34,1.56,.64,1) infinite both}@keyframes dfQuestHint{0%,to{box-shadow:0 0 #00f0ff00}50%{box-shadow:0 0 0 3px #00f0ff29,0 0 14px #00f0ff24}}.df-quest-hint{animation:dfQuestHint 2.6s ease-in-out infinite;border-radius:12px}@keyframes dfQuestTick{0%{transform:scale(.4);opacity:.2}60%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}.df-quest-tick{animation:dfQuestTick .34s cubic-bezier(.34,1.56,.64,1) 1}@media (prefers-reduced-motion: reduce){.df-pulse{animation:none}.df-variant:hover{transform:none}.df-step-in,.df-shake{animation:none}.df-demo-card:hover{transform:none}.df-quest-hint{animation:none;box-shadow:0 0 0 2px #00f0ff38}.df-quest-tick,.df-welcome-bloom{animation:none}.df-welcome-rise,.df-door-pop{animation:none;opacity:1;transform:none}.df-door-draw{animation:none;stroke-dashoffset:0;opacity:1}.df-clamp-arm,.df-clamp-latch{animation:none;opacity:1;transform:none}}