:root{--bg-color:#0b0b0e;--accent-color:#a78bfa;--accent-secondary:#818cf8;--text-primary:#fffffff2;--text-secondary:#ffffff80;--glass-bg:#ffffff05;--glass-border:#ffffff0d;--glass-highlight:#ffffff1a;--radius-2xl:1.5rem}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}*{box-sizing:border-box}#root{width:100vw;min-height:100vh;position:relative;overflow:hidden}@keyframes subtleShake{0%{transform:scale(1)translate(0)rotate(0)}20%{transform:scale(1)translate(-2px)rotate(-1deg)}40%{transform:scale(1.02)translate(2px)rotate(1deg)}60%{transform:scale(1)translate(-2px)rotate(-1deg)}80%{transform:scale(.98)translate(2px)rotate(1deg)}to{transform:scale(.95)translateY(-20px)rotate(0)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);box-shadow:0 10px 40px #0003, inset 0 1px 0 var(--glass-highlight)}.rounded-2xl{border-radius:var(--radius-2xl)}.flex-center{justify-content:center;align-items:center;display:flex}.absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-gradient{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.app-container{flex-direction:column;width:100%;height:100vh;display:flex;position:relative}.view-container{flex:1;width:100%;height:100%;position:relative;overflow-y:auto}