@font-face{font-family:blackout-midnight;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/blackout-midnight@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/blackout-midnight@latest/latin-400-normal.woff) format("woff")}@font-face{font-family:baloo-2;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/baloo-2@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/baloo-2@latest/latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #ff9988;--color-success: #4ade80;--color-success-hover: #22c55e;--color-error: #ef4444;--color-border: #666;--color-border-hover: #888;--color-bg: #2a2a2a;--color-bg-hover: #333;--color-popover-bg: #1a1a1a;--color-info-bg: #2a2a2a;--color-canvas-border: #444;--color-text: rgba(255, 255, 255, .87);--color-bg-main: #242424;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 8px;font-family:baloo-2,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;padding:2rem;background-color:#314}#app{max-width:800px;margin:0 auto}h1,h2{font-family:blackout-midnight,system-ui}form{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-bg);border-radius:var(--radius-lg);background:var(--color-bg)}label{display:flex;align-items:center;gap:var(--space-sm);font-weight:500}button[type=submit]{align-self:flex-start;padding:var(--space-sm) var(--space-lg);background:var(--color-success);color:#000;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500}button[type=submit]:hover{background:var(--color-success-hover)}code{background:var(--color-bg);color:#f0f0f0;padding:.2rem .4rem;border-radius:var(--radius-sm);font-family:monospace;font-size:.9em}.github-link{position:fixed;top:1rem;right:1rem;z-index:1000;opacity:.8;transition:all .3s ease;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);transform:scale(1)}.github-link:hover{opacity:1;transform:scale(1.1);filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(120%) contrast(110%)}.github-icon{width:32px;height:32px}@media(prefers-color-scheme:light){:root{--color-text: #213547;--color-bg-main: #ffffff;--color-bg: #f0f0f0;--color-bg-hover: #e8e8e8;--color-border: #ccc;--color-border-hover: #999;--color-primary: #ff9988;--color-popover-bg: #f9f9f9;--color-info-bg: #f0f0f0;--color-canvas-border: #ccc}.color-popover{box-shadow:0 4px 20px #00000026}code{background:#e8e8e8;color:#333}}