:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg0: #04131a;--bg1: #07232a;--bg2: #0b2f2b;--panel: rgba(8, 20, 28, .72);--panelSolid: #0b1820;--text: #e8f3f6;--muted: rgba(232, 243, 246, .78);--border: rgba(232, 243, 246, .14);--shadow: 0 14px 40px rgba(0, 0, 0, .48);--textShadow: 0 1px 2px rgba(0, 0, 0, .75);--accent: #3ad6cf;--accentWarm: #f2c36a;--dangerBg: rgba(120, 22, 34, .55);--dangerBorder: rgba(255, 140, 140, .24);--warnBg: rgba(96, 64, 14, .55);--warnBorder: rgba(255, 208, 112, .22);--infoBg: rgba(12, 66, 90, .55);--infoBorder: rgba(120, 215, 255, .22);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:#77efe8}*{box-sizing:border-box}body{margin:0;display:block;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(900px 520px at 18% 8%,rgba(58,214,207,.14),transparent 60%),radial-gradient(780px 520px at 86% 14%,rgba(242,195,106,.1),transparent 62%),radial-gradient(1000px 680px at 50% 92%,rgba(11,47,43,.55),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1) 55%,var(--bg2))}#root{width:100%;min-height:100vh}h1{font-size:clamp(1.25rem,2vw + .8rem,1.75rem);line-height:1.15;margin:0 0 8px;letter-spacing:-.02em}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:10px;border:1px solid var(--border);padding:.45em .9em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:var(--text);cursor:pointer;transition:border-color .18s,transform .08s,background .18s;box-shadow:0 1px #ffffff0a inset}button:hover{border-color:#3ad6cf8c;background:linear-gradient(180deg,#3ad6cf1a,#ffffff05)}button:active{transform:translateY(1px)}button:focus,button:focus-visible{outline:3px solid rgba(58,214,207,.38);outline-offset:2px}input,select,textarea{font:inherit;color:var(--text);background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:.48em .7em;box-shadow:0 1px #ffffff08 inset}input:focus,select:focus,textarea:focus{outline:3px solid rgba(58,214,207,.38);outline-offset:2px}.appShell{text-shadow:var(--textShadow)}.appShell input,.appShell select,.appShell textarea,.appShell button{text-shadow:none}