/* ====== BASE: reset, root değişkenler, body, scrollbar ====== */
html{overflow-y:scroll;-webkit-overflow-scrolling:touch;height:auto;position:static}
:root{--bg-color:#05050a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#9333ea;--accent-2:#c084fc;--accent-rgb:147,51,234;--line-color:rgba(255,255,255,.08);--box-bg:rgba(255,255,255,.03);--box-hover-bg:rgba(147,51,234,.06);--menu-bg:rgba(13,13,21,.98);--modal-container-bg:#0d0d15;--font-main:'Sora',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--text-color-override:#f8fafc;--panel-radius:24px}
body.light-mode{--bg-color:#f4f6fb;--text-primary:#0f172a;--text-secondary:#64748b;--line-color:rgba(0,0,0,.08);--box-bg:rgba(0,0,0,.02);--box-hover-bg:rgba(147,51,234,.05);--menu-bg:rgba(255,255,255,.98);--modal-container-bg:#fff;--text-color-override:#0f172a}
*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-main);letter-spacing:-0.01em;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
input,textarea,select,[contenteditable]{-webkit-user-select:text;user-select:text}
*{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.6) transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.5);border-radius:8px}
button,input,textarea,select{-webkit-appearance:none;appearance:none;font:inherit;color:inherit;background:transparent;border-radius:0;outline:none}
body{background-color:var(--bg-color);color:var(--text-color-override);min-height:100vh;padding:24px 24px;position:relative;overflow-x:hidden;overflow-y:scroll;transition:background-color .4s,color .4s;background-image:radial-gradient(circle at 20% 10%,rgba(var(--accent-rgb),.06),transparent 50%),radial-gradient(circle at 80% 90%,rgba(var(--accent-rgb),.05),transparent 50%);-webkit-touch-callout:none}
input,textarea,select,.form-input,.form-textarea,.chat-input{font-size:16px !important}
#constellation-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none}
#confetti-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:99998;display:none}
@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}