*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--accent: #7c9cff;--bg: #14161c;--line: #2c3140}html,body,#root{height:100%}body{margin:0;color:#e6e8ee;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background-color:var(--bg);background-image:radial-gradient(900px 520px at 50% -8%,#1d2233,#14161c00 70%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app{min-height:100%;padding:28px 20px 56px}@media(max-width:480px){.app{padding:16px 12px 36px}}button{transition:filter .15s ease,transform .06s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled){filter:brightness(1.13)}button:active:not(:disabled){transform:translateY(1px)}a{color:var(--accent);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}:focus:not(:focus-visible){outline:none}.card{box-shadow:0 10px 30px #00000047}.banner{box-shadow:0 6px 20px #00000038}@keyframes tile-pop{0%{transform:scale(.55);opacity:0}60%{transform:scale(1.07)}to{transform:scale(1);opacity:1}}.tile{animation:tile-pop .26s cubic-bezier(.2,.8,.3,1.2) both}.key{transition:background .22s ease,color .22s ease,border-color .15s ease,filter .15s ease,transform .06s ease}.slot{transition:border-color .15s ease,box-shadow .2s ease,background .15s ease}.slot:hover{border-color:#45506a;background:#1d212b}@keyframes slot-pulse{0%,to{box-shadow:0 0 0 3px #7c9cff1f}50%{box-shadow:0 0 0 4px #7c9cff42}}.slot-active{animation:slot-pulse 1.8s ease-in-out infinite}.pip{transition:background .25s ease,opacity .25s ease}.chip{transition:transform .12s ease,border-color .15s ease}.chip:hover{transform:translateY(-1px)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in-up .22s ease both}::selection{background:#7c9cff47}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2c3140;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#3a4256}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}