:root{
--bg:#1A1A1A;--card:#232323;--card2:#2A2A2A;--line:#343434;--accent:#2BAD72;--accent2:#228E5D;
--glow:rgba(43,173,114,.18);--glow2:rgba(34,142,93,.08);--text:#E6E6E6;--muted:#8E8E8E;--head:rgba(26,26,26,.82);
color-scheme:dark;box-sizing:border-box;
padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:light){
:root:not([data-theme="dark"]){
--bg:#F1F4F2;--card:#FFFFFF;--card2:#F5F8F6;--line:#D9DFDB;--accent:#1B7A4F;--accent2:#1F8456;
--glow:rgba(43,173,114,.18);--glow2:rgba(34,142,93,.07);--text:#1B1F1D;--muted:#5F6662;--head:rgba(241,244,242,.86);color-scheme:light;
}
}
:root[data-theme="dark"]{
--bg:#1A1A1A;--card:#232323;--card2:#2A2A2A;--line:#343434;--accent:#2BAD72;--accent2:#228E5D;
--glow:rgba(43,173,114,.18);--glow2:rgba(34,142,93,.08);--text:#E6E6E6;--muted:#8E8E8E;--head:rgba(26,26,26,.82);color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 68px);-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:15px/1.65 Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:40;background:var(--head);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 45% at 50% -5%,var(--glow),transparent 70%),radial-gradient(40% 35% at 100% 45%,var(--glow2),transparent 70%),radial-gradient(45% 35% at 0% 90%,var(--glow2),transparent 70%)}
.ti{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hs{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.hs::-webkit-scrollbar{display:none}
.hs>.card{flex:0 0 min(82%,300px);scroll-snap-align:start}