:root{--bg: #0b0d11;--bg2: #10131a;--sf: #151921;--sf2: #1c2030;--sf3: #242a3a;--bdr: #222840;--bdr2: #2e3652;--tx: #e6e9f0;--tx2: #929bb4;--tx3: #5e6784;--mint: #34d399;--mint-g: rgba(52, 211, 153, .1);--mint-b: rgba(52, 211, 153, .22);--sky: #38bdf8;--sky-g: rgba(56, 189, 248, .1);--sky-b: rgba(56, 189, 248, .22);--rose: #fb7185;--rose-g: rgba(251, 113, 133, .1);--rose-b: rgba(251, 113, 133, .22);--amber: #fbbf24;--amber-g: rgba(251, 191, 36, .1);--amber-b: rgba(251, 191, 36, .22);--violet: #a78bfa;--violet-g: rgba(167, 139, 250, .1);--violet-b: rgba(167, 139, 250, .22);--font-sans: "Instrument Sans", -apple-system, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--shadow-tab: 0 10px 40px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-sheet: 0 -12px 40px rgba(0, 0, 0, .4);--accent: var(--mint);--accent-g: var(--mint-g);--accent-b: var(--mint-b);--accent-rgb: 52, 211, 153}[data-theme=mint]{--accent: var(--mint);--accent-g: var(--mint-g);--accent-b: var(--mint-b);--accent-rgb: 52, 211, 153}[data-theme=sky]{--accent: var(--sky);--accent-g: var(--sky-g);--accent-b: var(--sky-b);--accent-rgb: 56, 189, 248}[data-theme=violet]{--accent: var(--violet);--accent-g: var(--violet-g);--accent-b: var(--violet-b);--accent-rgb: 167, 139, 250}[data-theme=amber]{--accent: var(--amber);--accent-g: var(--amber-g);--accent-b: var(--amber-b);--accent-rgb: 251, 191, 36}[data-theme=rose]{--accent: var(--rose);--accent-g: var(--rose-g);--accent-b: var(--rose-b);--accent-rgb: 251, 113, 133}:root{--mood: var(--mint);--mood-rgb: 52, 211, 153;--mood-g: rgba(52, 211, 153, .1);--mood-b: rgba(52, 211, 153, .22)}[data-mood=green]{--mood: #34d399;--mood-rgb: 52, 211, 153;--mood-g: rgba(52, 211, 153, .1);--mood-b: rgba(52, 211, 153, .22)}[data-mood=yellow]{--mood: #fbbf24;--mood-rgb: 251, 191, 36;--mood-g: rgba(251, 191, 36, .1);--mood-b: rgba(251, 191, 36, .22)}[data-mood=red]{--mood: #fb7185;--mood-rgb: 251, 113, 133;--mood-g: rgba(251, 113, 133, .1);--mood-b: rgba(251, 113, 133, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{background:var(--bg);-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--tx);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;overflow-x:hidden;width:100%;max-width:100vw}#root{overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:700}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.mono{font-family:var(--font-mono)}.tap{transition:transform .1s ease}.tap:active{transform:scale(.96)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes scanBeam{0%{top:14%}50%{top:68%}to{top:14%}}@keyframes spin{to{transform:rotate(360deg)}}