@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #0e1116;--bg-card: rgba(34, 41, 50, .55);--bg-card-solid: #1a2029;--bg-elev: rgba(44, 53, 64, .55);--chalk: #f4ede0;--chalk-dim: #c8bfae;--accent: #9142bf;--accent-2: #2d84e3;--rust: var(--accent);--rust-bright: var(--accent-2);--ochre: var(--accent-2);--moss: #6b8e4e;--rope: #3b9fd8;--crimson: #a83232;--border: rgba(244, 237, 224, .1);--border-strong: rgba(244, 237, 224, .18);--glass-blur: 20px;--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--glow-rust: 0 0 28px rgba(45, 132, 227, .35);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .35);--spring: cubic-bezier(.34, 1.56, .64, 1);--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", system-ui, sans-serif;--font-display: "Bebas Neue", sans-serif}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border)!important;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.glass-sm{border-radius:var(--radius-md)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--chalk);font-family:var(--font-ui);font-size:14px;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background-image:radial-gradient(ellipse at top left,rgba(138,109,69,.12) 0%,transparent 55%),radial-gradient(ellipse at bottom right,rgba(74,54,36,.14) 0%,transparent 55%),radial-gradient(ellipse at top right,rgba(90,75,156,.08) 0%,transparent 50%);background-attachment:fixed}.hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}@media(max-width:768px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0))}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,.display{font-family:var(--font-ui);letter-spacing:-.01em;font-weight:600}.serif{font-family:var(--font-ui)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;background:var(--bg-elev);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--chalk);padding:12px 16px;width:100%;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--rust-bright);box-shadow:0 0 0 3px #2d84e326,var(--glow-rust)}.btn{background:linear-gradient(135deg,var(--rust),var(--rust-bright));color:var(--chalk);padding:12px 22px;font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;border:none;border-radius:40px;box-shadow:0 4px 18px #9142bf59;transition:transform .2s var(--spring),box-shadow .2s,filter .2s}.btn:hover{filter:brightness(1.08);box-shadow:0 6px 24px #2d84e373}.btn:active{transform:scale(.97);box-shadow:0 2px 10px #9142bf4d}.btn:disabled{filter:none;box-shadow:none}.btn-ghost{background:#f4ede00a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:40px;color:var(--chalk-dim);transition:transform .2s var(--spring),color .2s,border-color .2s}.btn-ghost:hover{color:var(--chalk);border-color:var(--border-strong)}.btn-ghost:active{transform:scale(.97)}.btn-danger{background:transparent;border:1px solid var(--crimson);border-radius:40px;color:var(--crimson);transition:all .2s var(--spring)}.btn-danger:hover{background:var(--crimson);color:var(--chalk)}.btn-danger:active{transform:scale(.97)}.scrollbar::-webkit-scrollbar{width:8px;height:8px}.scrollbar::-webkit-scrollbar-track{background:var(--bg)}.scrollbar::-webkit-scrollbar-thumb{background:var(--border)}.scrollbar::-webkit-scrollbar-thumb:hover{background:var(--rust)}.hero,.auth-card,.card-pad{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-soft)}.stat-tile{border-radius:var(--radius-md)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s var(--spring),box-shadow .2s}.grade-tile{border-radius:var(--radius-sm)!important;transition:transform .18s var(--spring),box-shadow .2s,background .2s}.grade-tile:active{transform:scale(.96)}.top-nav-inner{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.stat-tile-value,.stat-tile-value-big{background:linear-gradient(135deg,var(--chalk) 0%,var(--ochre) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hide-scrollbar,.scrollbar{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeUp .4s ease-out both}@keyframes tab-slide-next{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes tab-slide-prev{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.tab-slide-next{animation:tab-slide-next .26s cubic-bezier(.22,.61,.36,1)}.tab-slide-prev{animation:tab-slide-prev .26s cubic-bezier(.22,.61,.36,1)}@media(prefers-reduced-motion:reduce){.tab-slide-next,.tab-slide-prev{animation:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes ai-glow{0%{filter:drop-shadow(-7px -5px 7px rgba(145,66,191,.25)) drop-shadow(0 0 4px rgba(96,165,235,.15))}18%{filter:drop-shadow(8px -6px 17px rgba(145,66,191,.72)) drop-shadow(0 0 13px rgba(96,165,235,.5))}34%{filter:drop-shadow(6px 7px 9px rgba(145,66,191,.35)) drop-shadow(0 0 7px rgba(96,165,235,.25))}52%{filter:drop-shadow(-6px 8px 19px rgba(145,66,191,.78)) drop-shadow(0 0 15px rgba(96,165,235,.55))}70%{filter:drop-shadow(-9px 1px 10px rgba(145,66,191,.4)) drop-shadow(0 0 8px rgba(96,165,235,.28))}86%{filter:drop-shadow(4px -7px 16px rgba(145,66,191,.68)) drop-shadow(0 0 13px rgba(96,165,235,.48))}to{filter:drop-shadow(-7px -5px 7px rgba(145,66,191,.25)) drop-shadow(0 0 4px rgba(96,165,235,.15))}}.ai-glow{animation:ai-glow 6.5s ease-in-out infinite;cursor:pointer;will-change:filter}.ai-glow:active{transform:scale(.995)}@media(prefers-reduced-motion:reduce){.ai-glow{animation:none}}@keyframes rand-win{0%{transform:scale(.3);opacity:0}55%{transform:scale(1.18);opacity:1}75%{transform:scale(.95)}to{transform:scale(1)}}@keyframes rand-dice{0%{transform:rotate(-18deg) scale(1)}50%{transform:rotate(18deg) scale(1.15)}to{transform:rotate(-18deg) scale(1)}}@keyframes phrase-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-3deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(2deg)}30%{transform:translate(-50%,-50%) scale(.95) rotate(-1deg)}45%{transform:translate(-50%,-50%) scale(1.02) rotate(0)}85%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.9) rotate(0)}}@keyframes phrase-bg-flash{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.phrase-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;display:flex;align-items:center;justify-content:center;animation:phrase-bg-flash 2s ease-out forwards;background:radial-gradient(ellipse at center,#9142bf2e,#1a161200 60%)}.phrase-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-ui);font-size:clamp(36px,9vw,96px);color:var(--chalk);text-align:center;letter-spacing:.02em;line-height:1;padding:0 20px;max-width:92vw;text-shadow:0 0 30px rgba(45,132,227,.6),0 4px 20px rgba(0,0,0,.8);animation:phrase-pop 2s cubic-bezier(.34,1.56,.64,1) forwards}.phrase-text.epic{color:var(--ochre);text-shadow:0 0 40px rgba(45,132,227,.9),0 0 80px rgba(45,132,227,.6),0 4px 20px rgba(0,0,0,.8)}.phrase-text.try{font-size:clamp(28px,6vw,64px);color:var(--chalk-dim);text-shadow:0 4px 20px rgba(0,0,0,.8)}@keyframes confetti-fall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}.confetti-piece{position:absolute;left:50%;top:50%;width:10px;height:14px;will-change:transform,opacity;animation:confetti-fall var(--dur) cubic-bezier(.15,.6,.4,1) forwards}@media(max-width:768px){body{font-size:13px}.grid-2{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.page-wrap{padding:16px 14px 155px!important}.top-nav-tabs{display:none!important}.top-nav-inner{padding:12px 16px!important;justify-content:center!important}.bottom-nav{display:flex!important}.hero{padding:18px 16px!important}.hero-title{font-size:32px!important}.hero-stats{grid-template-columns:1fr 1fr!important}.hero-top{flex-direction:column!important;gap:14px!important;align-items:flex-start!important}.hero-top-right{align-self:flex-end!important}.stat-tile{padding:12px!important}.stat-tile-value{font-size:30px!important}.stat-tile-value-big{font-size:34px!important}.card-pad{padding:16px!important}.card-header{padding:14px 16px!important}.row-pad{padding:12px 14px!important}.auth-card{padding:22px!important}.auth-title{font-size:24px!important}input,textarea{font-size:16px!important;padding:12px 14px!important}.btn{padding:14px 18px!important;font-size:13px!important}.btn-bottom-bar{padding:16px!important;font-size:14px!important}.grade-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))!important;gap:5px!important}.grade-tile{padding:12px 4px!important;font-size:14px!important;min-height:44px}.page-title{font-size:32px!important}.decor-bg{display:none!important}.scrollbox{max-height:none!important}.row-flex{flex-wrap:wrap!important}.row-grade-best{display:none!important}.pyramid{height:110px!important}}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex!important;flex:0 0 auto;background:#161c23b8!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid var(--border);border-radius:22px 22px 0 0;box-shadow:0 -6px 24px #0000004d;padding-bottom:env(safe-area-inset-bottom,0);z-index:10;min-height:58px;width:100%}}html.in-telegram body{padding-top:var(--tg-safe-top, 0px)}html.in-telegram .bottom-nav{padding-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-safe-bottom, 0px))}.bottom-nav-btn{flex:1;padding:12px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;letter-spacing:.1em;color:var(--chalk-dim);transition:color .15s}.bottom-nav-btn.active{color:var(--rust-bright)}.bottom-nav-btn svg{width:22px;height:22px}.glass,.hero,.auth-card,.card-pad{background:linear-gradient(160deg,#242b36a3,#1a1f2899)!important;-webkit-backdrop-filter:blur(3px) saturate(1.2)!important;backdrop-filter:blur(3px) saturate(1.2)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-soft),inset 0 1px #ffffff21,inset 0 0 0 1px #ffffff05!important}.stat-tile{background:linear-gradient(160deg,#2a323c99,#1e242d8f)!important;-webkit-backdrop-filter:blur(3px) saturate(1.2)!important;backdrop-filter:blur(3px) saturate(1.2)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 1px #ffffff1a!important}body{background-image:radial-gradient(circle at 15% 8%,rgba(138,109,69,.2) 0%,transparent 42%),radial-gradient(circle at 88% 92%,rgba(74,54,36,.2) 0%,transparent 42%),radial-gradient(circle at 82% 12%,rgba(90,75,156,.12) 0%,transparent 38%),radial-gradient(circle at 8% 88%,rgba(111,88,56,.14) 0%,transparent 42%);background-attachment:fixed}button{border-radius:var(--radius-sm);transition:transform .15s var(--spring),filter .15s}button:active{transform:scale(.96)}body{background:#14110d url(/wallpaper.svg) center center / cover no-repeat fixed}body:before{opacity:.12!important}.tab-row-wrap{position:relative}.tab-row-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:44px;pointer-events:none;opacity:0;transition:opacity .2s;background:linear-gradient(90deg,transparent,rgba(20,17,13,.85))}.tab-row-wrap.has-more:after{opacity:1}html.no-blur .glass,html.no-blur .hero,html.no-blur .auth-card,html.no-blur .card-pad,html.no-blur .stat-tile,html.no-blur .top-nav-inner,html.no-blur .bottom-nav,html.no-blur input,html.no-blur textarea,html.no-blur select,html.no-blur .btn-ghost{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.no-blur .glass,html.no-blur .hero,html.no-blur .auth-card,html.no-blur .card-pad{background:#1a2028f0!important}html.no-blur .stat-tile{background:#242c36f0!important}html.no-blur .bottom-nav{background:#161c23f7!important}html.no-blur body:before{display:none}html.swiping .glass,html.swiping .hero,html.swiping .card-pad,html.swiping .stat-tile{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.swiping .glass,html.swiping .hero,html.swiping .card-pad{background:#1a2028f0!important}html.swiping .stat-tile{background:#242c36f0!important}.swipe-move{will-change:transform}
