@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root,html[data-theme="dark"]{--bg:#0B0E12;--bg2:#10141A;--sf:#151B23;--sf2:#1C242E;--sf3:#232D39;--ln:#273241;--ln2:#364455;--tx:#E9EEF3;--tx2:#A6B2C0;--tx3:#7C8A9B;--ac:#3BE37A;--ac2:rgba(59,227,122,.14);--acInk:#06120A;--am:#F2B13C;--am2:rgba(242,177,60,.15);--rd:#FF6262;--rd2:rgba(255,98,98,.15);--info:#7FB4FF;--grid:rgba(255,255,255,.035);--frame-w:100%;--frame-bd:0;--frame-pad:0;--shadow:0 12px 40px rgba(0,0,0,.45)}
html[data-theme="light"]{--bg:#F3F5F7;--bg2:#EBEEF2;--sf:#FFFFFF;--sf2:#F5F7F9;--sf3:#EAEEF2;--ln:#D8DEE5;--ln2:#C3CCD6;--tx:#0F151B;--tx2:#4A5767;--tx3:#75818F;--ac:#0F9A4A;--ac2:rgba(15,154,74,.12);--acInk:#FFFFFF;--am:#9D5F00;--am2:rgba(157,95,0,.12);--rd:#C9302A;--rd2:rgba(201,48,42,.12);--info:#2A6FD6;--grid:rgba(0,0,0,.045);--shadow:0 12px 40px rgba(20,30,40,.12)}
html[data-frame="mobile"]{--frame-w:390px;--frame-bd:1px solid var(--ln2);--frame-pad:24px}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--tx);font-family:'IBM Plex Sans',system-ui,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:var(--ac);text-decoration:none}a:hover{color:var(--tx)}
button,input,select{font:inherit;color:inherit}
input[type=range]{accent-color:var(--ac)}
::selection{background:var(--ac2)}
@keyframes rw-flow{to{stroke-dashoffset:-28}}
@keyframes rw-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rw-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes rw-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes rw-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}}