:root{--ios-bg: #f2f2f7;--ios-tab-bg: rgba(255, 255, 255, .8);--ios-blur: saturate(180%) blur(20px);--ios-shadow: 0 4px 12px rgba(0, 0, 0, .05);--ios-transition: cubic-bezier(.16, 1, .3, 1)}.dark{--ios-bg: #000000;--ios-tab-bg: rgba(20, 20, 20, .8)}.glass{background:var(--ios-tab-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-20%);opacity:0}}@keyframes slide-in-left{0%{transform:translate(-30%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}main{position:relative;width:100%;height:100%}.dark main{background-color:#000}.ios-header-title{letter-spacing:-.02em}.animate-slide-in-right{animation:slide-in-right .5s var(--ios-transition) forwards}.animate-slide-out-left{animation:slide-out-left .5s var(--ios-transition) forwards}.animate-slide-in-left{animation:slide-in-left .5s var(--ios-transition) forwards}.animate-slide-out-right{animation:slide-out-right .5s var(--ios-transition) forwards}@keyframes ios-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.active-tab-pop{animation:ios-pop .3s var(--ios-transition)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.tab-glow{box-shadow:0 0 15px var(--primary);opacity:.1}.ios-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:44px}.ios-header-title{position:absolute;left:50%;transform:translate(-50%);font-weight:600;font-size:17px}.ios-card-shadow{box-shadow:0 8px 16px -4px #0000001a,0 4px 8px -4px #0000000f}.prime-gradient{background:linear-gradient(135deg,#6d28d9,#f59e0b)}.prime-text-gradient{background:linear-gradient(135deg,#6d28d9,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.prime-glow-ring{position:relative;z-index:1}.prime-glow-ring:after{content:"";position:absolute;inset:-3px;padding:3px;background:linear-gradient(45deg,#6d28d9,#f59e0b,#6d28d9);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border-radius:inherit;animation:prime-glow-spin 3s linear infinite;pointer-events:none;z-index:-1}@keyframes prime-glow-spin{0%{background-position:0% 50%;opacity:.8}50%{background-position:100% 50%;opacity:1}to{background-position:0% 50%;opacity:.8}}.prime-badge-p{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6d28d9,#f59e0b);color:#fff;font-size:8px;font-weight:900;width:14px;height:14px;border-radius:4px;box-shadow:0 0 10px #6d28d966;text-transform:uppercase}.prime-badge-text{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6d28d9,#f59e0b);color:#fff;font-size:9px;font-weight:900;padding:2px 6px;border-radius:6px;box-shadow:0 0 12px #6d28d980;text-transform:uppercase;letter-spacing:.5px}@keyframes note-fire-burn{0%{box-shadow:0 0 10px #fceabb,0 0 20px #f8b500,0 0 30px #f83600;transform:scale(1)}50%{box-shadow:0 0 15px #fceabb,0 0 25px #f8b500,0 0 40px #f83600;transform:scale(1.02)}to{box-shadow:0 0 10px #fceabb,0 0 20px #f8b500,0 0 30px #f83600;transform:scale(1)}}.effect-fire{animation:note-fire-burn 1.5s infinite alternate;border:2px solid #f8b500!important}@keyframes note-lightning-flash{0%{box-shadow:0 0 5px #fff,0 0 10px #4facfe;border-color:#4facfe}5%{box-shadow:0 0 20px #fff,0 0 30px #00f2fe;border-color:#fff}10%{box-shadow:0 0 5px #fff,0 0 10px #4facfe;border-color:#4facfe}15%{box-shadow:0 0 20px #fff,0 0 30px #00f2fe;border-color:#fff}20%{box-shadow:0 0 5px #fff,0 0 10px #4facfe;border-color:#4facfe}to{box-shadow:0 0 5px #fff,0 0 10px #4facfe;border-color:#4facfe}}.effect-lightning{animation:note-lightning-flash 3s infinite;border:2px solid #00f2fe!important}@keyframes note-neon-glow{0%{box-shadow:0 0 5px #ff00de,0 0 10px #ff00de,0 0 20px #ff00de;border-color:#ff00de}50%{box-shadow:0 0 10px #ff00de,0 0 20px #ff00de,0 0 30px #ff00de;border-color:#ff00de}to{box-shadow:0 0 5px #ff00de,0 0 10px #ff00de,0 0 20px #ff00de;border-color:#ff00de}}.effect-neon{animation:note-neon-glow 2s infinite alternate;border:2px solid #ff00de!important;background:#000!important}.effect-neon p{color:#ff00de!important;text-shadow:0 0 5px #ff00de;font-weight:900!important}@keyframes note-pulse-beat{0%{transform:scale(1);box-shadow:0 0 #ffffffb3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}.effect-pulse{animation:note-pulse-beat 2s infinite}@keyframes note-sparkle-shine{0%{filter:brightness(100%);border-color:gold}50%{filter:brightness(150%);border-color:#fff;box-shadow:0 0 15px gold}to{filter:brightness(100%);border-color:gold}}.effect-sparkle{animation:note-sparkle-shine 2s infinite;border:2px solid gold!important}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce-subtle{animation:bounce-subtle 3s ease-in-out infinite}@keyframes pop-in-bottom{0%{transform:translateY(10px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.animate-pop-in-bottom{animation:pop-in-bottom .3s cubic-bezier(.16,1,.3,1) forwards}.active-frame-gold{border:4px solid gold!important;box-shadow:0 0 15px gold}.active-frame-diamond{border:4px solid #b9f2ff!important;box-shadow:0 0 15px #b9f2ff}.active-frame-ruby{border:4px solid #e0115f!important;box-shadow:0 0 15px #e0115f}.active-frame-emerald{border:4px solid #50c878!important;box-shadow:0 0 15px #50c878}.active-frame-cosmic{border:4px solid transparent!important;background:linear-gradient(#313338,#313338) padding-box,linear-gradient(45deg,#5865f2,#eb459e) border-box!important;box-shadow:0 0 15px #5865f280}.active-frame-nitro{border:4px solid transparent!important;background:linear-gradient(#313338,#313338) padding-box,linear-gradient(45deg,#ff73fa,#2190ff) border-box!important;box-shadow:0 0 15px #ff73fa80}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .3s ease-out forwards}@keyframes spin-slow{to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-marquee{display:inline-block;animation:marquee 10s linear infinite}@media(min-width:768px){main{padding-top:0!important}main>div{max-width:100%}.desktop-sidebar{border-right:1px solid rgba(255,255,255,.1);border-left:none}}@media(min-width:1280px){main{max-width:none}}@media(prefers-reduced-motion:reduce){.animate-slide-in-right,.animate-slide-in-left,.animate-slide-up,.animate-fade-in,.animate-spin-slow,.animate-marquee,.animate-bounce-subtle,.animate-pop-in-bottom,.active-tab-pop{animation:none!important}}