:root{--bg: #F5F5F3;--text: #000000;--gray: #404040;--shadow: #D9D9D7;--highlight: #FFFFFF;--surface: #F5F5F3;--surface-raised: #F5F5F3;--shadow-outer-dark: #e0e0de;--shadow-outer-light: #ffffff;--shadow-inner-dark: #e0e0de;--shadow-inner-light: #ffffff;--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .4);--grid-dot: #D9D9D7;--scrollbar: #D9D9D7;--phone-border: #FFFFFF;--phone-shadow-dark: #e0e0de;--phone-shadow-light: #ffffff}.dark{--bg: #0f0f0f;--text: #f5f5f5;--gray: #a1a1aa;--shadow: #27272a;--highlight: #18181b;--surface: #18181b;--surface-raised: #1f1f23;--shadow-outer-dark: #0a0a0a;--shadow-outer-light: #25252a;--shadow-inner-dark: #0a0a0a;--shadow-inner-light: #25252a;--glass-bg: rgba(24, 24, 27, .75);--glass-border: rgba(63, 63, 70, .5);--grid-dot: #27272a;--scrollbar: #3f3f46;--phone-border: #27272a;--phone-shadow-dark: #0a0a0a;--phone-shadow-light: #25252a}html,body{background:var(--bg);color:var(--text);transition:background-color .25s ease,color .25s ease}.neu-convex,.neu-concave,.neu-button,.phone-frame,.glass-card{transition:background-color .25s ease,box-shadow .25s ease,border-color .25s ease}.neu-convex{background:var(--surface);box-shadow:10px 10px 20px var(--shadow-outer-dark),-10px -10px 20px var(--shadow-outer-light)}.neu-concave{background:var(--surface);box-shadow:inset 6px 6px 12px var(--shadow-inner-dark),inset -6px -6px 12px var(--shadow-inner-light)}.neu-button{background:var(--surface);box-shadow:4px 4px 8px var(--shadow-outer-dark),-4px -4px 8px var(--shadow-outer-light);transition:all .2s ease-in-out}.neu-button:hover{box-shadow:6px 6px 12px var(--shadow-outer-dark),-6px -6px 12px var(--shadow-outer-light)}.neu-button:active{box-shadow:inset 2px 2px 5px var(--shadow-outer-dark),inset -2px -2px 5px var(--shadow-outer-light)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:10px}html{scroll-behavior:smooth}section{position:relative;background:var(--bg)}.bg-grid{background-image:radial-gradient(var(--grid-dot) .5px,transparent .5px);background-size:32px 32px;opacity:.22}.phone-frame{position:relative;width:100%;max-width:290px;aspect-ratio:9/19.5;background:#000;border-radius:48px;border:10px solid var(--phone-border);box-shadow:30px 30px 60px var(--phone-shadow-dark),-15px -15px 40px var(--phone-shadow-light);overflow:hidden;display:flex;flex-direction:column}.phone-screen{position:relative;flex:1;overflow:hidden;border-radius:38px}.phone-island{position:absolute;top:14px;left:50%;transform:translate(-50%);width:85px;height:26px;background:#000;border-radius:20px;z-index:20}h1,h2{letter-spacing:-.04em}.dark .modal-surface{background:#18181b;border-color:#3f3f4699}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-infinite-scroll{animation:infinite-scroll 40s linear infinite}.theme-hover:hover{background:var(--surface-raised)}