:root{--bg:#050507;--surface:#ffffff0a;--surface2:#ffffff0f;--border:#ffffff1a;--text:#ffffffeb;--muted:#ffffff94;--accent:#22d3ee}*{box-sizing:border-box}html,body{width:100%;max-width:100%;height:100%;overflow-x:hidden}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100svh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}img,video,canvas,svg{max-width:100%}a{color:inherit;text-decoration:none}body:before{content:"";pointer-events:none;background:radial-gradient(900px 600px at 20% 10%,color-mix(in oklab,var(--accent)28%,transparent),transparent 65%),radial-gradient(700px 500px at 80% 80%,#ffffff1f,transparent 70%);opacity:calc(.05 + (var(--glow,.8)*.95));filter:blur(calc(6px + (1 - var(--glow,.8))*14px));transition:opacity .12s linear,filter .12s linear;position:fixed;inset:-20%}.appWrap{place-items:start center;width:100%;min-height:100svh;display:grid}.appColumn{width:min(760px,100%);min-width:0;max-width:760px;padding:18px 16px 40px}.surface{background:var(--surface);border:1px solid var(--border);border-radius:18px}.btn{border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;border-radius:999px;padding:10px 12px;font-size:12px;font-weight:900}.btnAccent{border-color:color-mix(in oklab,var(--accent)50%,transparent);background:color-mix(in oklab,var(--accent)18%,transparent)}:where(button,input[type=button],input[type=submit],input[type=reset],[role=button],.btn){will-change:transform;-webkit-tap-highlight-color:transparent;transition:transform .14s,box-shadow .18s,filter .18s,opacity .18s}@media (hover:hover){:where(button,input[type=button],input[type=submit],input[type=reset],[role=button],.btn):not(:disabled):hover{filter:brightness(1.03);transform:translateY(-1px)}}:where(button,input[type=button],input[type=submit],input[type=reset],[role=button],.btn):not(:disabled):active{transform:translateY(1px)scale(.985)}:where(button,input[type=button],input[type=submit],input[type=reset],[role=button],.btn):disabled{cursor:not-allowed}@media (max-width:760px){input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{touch-action:manipulation;font-size:16px!important}}@media (max-width:520px){.appColumn{padding-top:18px;padding-bottom:40px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}