:root{--hf-paper: #0B0D14;--hf-paper-2: #121416;--hf-surface: rgba(255,255,255,.025);--hf-surface-2: rgba(255,255,255,.045);--hf-surface-3: rgba(255,255,255,.075);--hf-glass: rgba(18, 20, 22, .55);--hf-glass-2: rgba(30, 32, 34, .72);--hf-rule: rgba(255,255,255,.06);--hf-rule-2: rgba(255,255,255,.1);--hf-rule-3: rgba(255,255,255,.16);--hf-ink: rgba(255,255,255,.98);--hf-ink-2: rgba(255,255,255,.68);--hf-ink-3: rgba(255,255,255,.44);--hf-ink-4: rgba(255,255,255,.24);--hf-accent: #0055FE;--hf-accent-2: #3B7BFF;--hf-accent-ink: #FFFFFF;--hf-accent-glow: rgba(0, 85, 254, .45);--hf-accent-wash: rgba(0, 85, 254, .14);--hf-accent-line: rgba(0, 85, 254, .38);--hf-cyan: #4CD6FF;--hf-cyan-wash: rgba(76, 214, 255, .14);--hf-cyan-line: rgba(76, 214, 255, .32);--hf-sage: #5CE4A8;--hf-amber: #FFB84D;--hf-rose: #FF6B8A;--hf-sky: #4CD6FF;--hf-lilac: #B794F6;--hf-iris: #6E86FF;--hf-coral: #FF9A76;--hf-font-display: "Space Grotesk", system-ui, sans-serif;--hf-font-ui: "Inter", system-ui, sans-serif;--hf-font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace}[data-theme=light]{--hf-paper: #F5F5F2;--hf-paper-2: #ECECE7;--hf-surface: rgba(0,0,0,.02);--hf-surface-2: rgba(0,0,0,.04);--hf-surface-3: rgba(0,0,0,.07);--hf-glass: rgba(255, 255, 255, .65);--hf-glass-2: rgba(255, 255, 255, .82);--hf-rule: rgba(0,0,0,.07);--hf-rule-2: rgba(0,0,0,.12);--hf-rule-3: rgba(0,0,0,.18);--hf-ink: rgba(10,10,15,.96);--hf-ink-2: rgba(10,10,15,.64);--hf-ink-3: rgba(10,10,15,.42);--hf-ink-4: rgba(10,10,15,.22);--hf-accent-wash: rgba(88, 200, 60, .12);--hf-accent-line: rgba(88, 200, 60, .32)}.hf-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;background:#06070b}.hf-atmosphere:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 70% 10%,rgba(0,85,254,.55),transparent 60%),radial-gradient(ellipse 60% 50% at 95% 40%,rgba(76,214,255,.22),transparent 55%),radial-gradient(ellipse 70% 60% at 15% 90%,rgba(0,45,180,.4),transparent 60%),linear-gradient(180deg,#06070b,#0a0e1c,#06070b)}.hf-atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black,transparent 80%);opacity:.5}[data-theme=light] .hf-atmosphere{background:#f5f7fb}[data-theme=light] .hf-atmosphere:before{background:radial-gradient(ellipse 80% 60% at 70% 10%,rgba(0,85,254,.18),transparent 60%),radial-gradient(ellipse 60% 50% at 15% 90%,rgba(76,214,255,.14),transparent 60%)}[data-theme=light] .hf-atmosphere:after{opacity:.3}.hf-glass{background:var(--hf-glass);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid var(--hf-rule);box-shadow:inset 0 1px #ffffff0d,0 24px 60px -20px #0009}[data-theme=light] .hf-glass{box-shadow:inset 0 1px #fffc,0 24px 60px -24px #0000001f}.hf-scroll::-webkit-scrollbar{width:8px;height:8px}.hf-scroll::-webkit-scrollbar-thumb{background:var(--hf-rule-3);border-radius:999px}@keyframes hf-pulse{0%,to{box-shadow:0 0 0 0 var(--hf-accent-glow)}50%{box-shadow:0 0 0 6px transparent}}.hf-pulse-dot{animation:hf-pulse 1.8s ease-in-out infinite}@keyframes hf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes hf-spin{to{transform:rotate(360deg)}}input::placeholder{color:var(--hf-ink-4)}body{margin:0;background:var(--hf-paper);color:var(--hf-ink);font-family:var(--hf-font-ui);font-weight:300;letter-spacing:-.005em}*{box-sizing:border-box}html,body,#root{height:100%}.hf-screen-bar{display:inline-flex;padding:4px;gap:2px;border-radius:10px;background:var(--hf-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--hf-rule-2)}.hf-screen-chip{padding:5px 10px;font-size:11.5px;border-radius:6px;color:var(--hf-ink-2);background:transparent;border:none;cursor:pointer;font-family:var(--hf-font-ui);font-weight:400}.hf-screen-chip.active{background:var(--hf-surface-3);color:var(--hf-ink)}.hf-tweaks{position:fixed;bottom:20px;right:20px;z-index:100;padding:12px 14px;border-radius:12px;min-width:240px;background:var(--hf-glass-2);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--hf-rule-2);box-shadow:0 24px 60px -20px #000000b3;font-family:var(--hf-font-ui)}
