:root,:root[data-theme=light]{--app-bg: #FAFAF7;--app-bg-elevated: #FFFFFF;--app-text: #1A1B2E;--app-text-secondary: #6B7280;--app-accent: #FF6B35;--app-accent-secondary: #F7931A;--app-accent-muted: rgba(255, 107, 53, .12);--app-border: rgba(0, 0, 0, .06);--app-surface: rgba(0, 0, 0, .03);--app-gradient: linear-gradient(135deg, #FF6B35, #F7931A);--app-shadow: 0 2px 12px rgba(26, 27, 46, .06);--app-shadow-lg: 0 8px 32px rgba(26, 27, 46, .08);--app-error: #d32f2f;--app-error-bg: rgba(211, 47, 47, .1);--app-loader-track: #e8e8e4}:root[data-theme=dark]{--app-bg: #0F1019;--app-bg-elevated: #1A1B2E;--app-text: #F0F0F5;--app-text-secondary: #8B8FA3;--app-accent: #FF6B35;--app-accent-secondary: #F7931A;--app-accent-muted: rgba(255, 107, 53, .15);--app-border: rgba(255, 255, 255, .08);--app-surface: rgba(255, 255, 255, .04);--app-gradient: linear-gradient(135deg, #FF6B35, #F7931A);--app-shadow: 0 2px 12px rgba(0, 0, 0, .2);--app-shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--app-error: #ff5252;--app-error-bg: rgba(255, 82, 82, .15);--app-loader-track: #252636}:root,:root[data-theme=light],:root[data-theme=dark]{--tg-theme-bg-color: var(--app-bg);--tg-theme-text-color: var(--app-text);--tg-theme-hint-color: var(--app-text-secondary);--tg-theme-link-color: var(--app-accent);--tg-theme-button-color: var(--app-accent);--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: var(--app-bg-elevated)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100vh}.app-layout{min-height:100vh;display:flex;flex-direction:column;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));background:var(--app-bg);position:relative;overflow-x:hidden}.app-layout--no-nav{padding-bottom:0}.app-layout__content{flex:1;min-height:0;position:relative;z-index:1}.app-layout:before{content:"";position:fixed;top:-20%;right:-20%;width:50vw;height:50vw;border-radius:50%;background:radial-gradient(circle,rgba(255,107,53,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.app-layout:after{content:"";position:fixed;bottom:10%;left:-15%;width:40vw;height:40vw;border-radius:50%;background:radial-gradient(circle,rgba(247,147,26,.05) 0%,transparent 70%);pointer-events:none;z-index:0}:root[data-theme=dark] .app-layout:before{background:radial-gradient(circle,rgba(255,107,53,.04) 0%,transparent 70%)}:root[data-theme=dark] .app-layout:after{background:radial-gradient(circle,rgba(247,147,26,.03) 0%,transparent 70%)}body.tg-fullscreen:before{content:"";position:fixed;top:0;left:0;right:0;height:max(env(safe-area-inset-top,0px),var(--tg-header-offset, 0px));background:#fafaf799;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);z-index:10001;pointer-events:none}:root[data-theme=dark] body.tg-fullscreen:before{background:#0f101999}.tg-fullscreen .app-layout{padding-top:max(env(safe-area-inset-top,0px),var(--tg-header-offset, 0px))}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--app-bg);color:var(--app-text);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}html.scroll-locked,html.scroll-locked body{overflow:hidden!important;touch-action:none}::selection{background:var(--app-accent);color:#fff}:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}::-webkit-scrollbar{width:0;height:0}@media(min-width:768px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--app-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--app-text-secondary)}}button{font-family:inherit}a{color:var(--app-accent);text-decoration:none}input,select,textarea{font-family:inherit;font-size:inherit}.heading-font{font-family:Outfit,Plus Jakarta Sans,sans-serif}.gradient-text{background:var(--app-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:var(--app-gradient)}.card-surface{background:var(--app-bg-elevated);border-radius:16px;box-shadow:var(--app-shadow);border:1px solid var(--app-border)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #ff6b354d}50%{box-shadow:0 0 20px #ff6b3580}}@keyframes pulse-subtle{0%,to{opacity:.6}50%{opacity:1}}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%,10px)}8%{opacity:1;transform:translate(-50%)}82%{opacity:1}to{opacity:0}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(20px) rotate(180deg);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--app-bg-elevated);border-top:1px solid var(--app-border);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav__container{display:flex;align-items:center;justify-content:space-around;gap:4px;padding:6px 8px}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 16px;min-width:56px;flex:1;color:var(--app-text-secondary);text-decoration:none;font-size:10px;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;border-radius:16px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bottom-nav__item:before{content:"";position:absolute;inset:0;background:var(--app-accent-muted);opacity:0;transition:opacity .2s ease;border-radius:16px}.bottom-nav__item:hover:before{opacity:.5}.bottom-nav__item--active{color:var(--app-accent);font-weight:600}.bottom-nav__item--active:before{opacity:1}.bottom-nav__item--active:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--app-accent)}.bottom-nav__item:active{transform:scale(.92)}.bottom-nav__icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:inherit;transition:color .2s ease;position:relative;z-index:1}.bottom-nav__label{white-space:nowrap;position:relative;z-index:1;transition:color .2s ease}.bottom-nav--telegram .bottom-nav__label,[data-telegram=true] .bottom-nav__label{display:none}.bottom-nav--telegram .bottom-nav__item,[data-telegram=true] .bottom-nav__item{gap:0;padding:10px;min-width:48px}.bottom-nav--telegram .bottom-nav__icon,[data-telegram=true] .bottom-nav__icon{width:26px;height:26px}@media(min-width:768px){.bottom-nav{display:none}}.loader{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px}.loader__spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--app-surface);border-top-color:#ff6b35;animation:spin .8s linear infinite;filter:drop-shadow(0 0 4px rgba(255,107,53,.3))}.toast{position:fixed;bottom:calc(88px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:10000;padding:12px 24px;border-radius:16px;background:var(--app-gradient);color:#fff;font-size:14px;font-weight:600;white-space:nowrap;animation:toast-fade 2.8s ease-in-out forwards;pointer-events:none;box-shadow:0 4px 16px #ff6b3540}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats-bar__item{border-radius:16px;padding:10px 6px;text-align:center}.stats-bar__item--streak{background:#80808014}.stats-bar__item--streak-active{background:#ff6b3514}.stats-bar__streak-icon{font-size:1.1rem;line-height:1}.stats-bar__value{font-size:1.35rem;font-weight:700;font-family:Outfit,Plus Jakarta Sans,sans-serif}.stats-bar__value--streak{color:#ff6b35}.stats-bar__label{font-size:11px;margin-top:2px;font-weight:500;color:var(--app-text-secondary)}.daily-goal{display:flex;flex-direction:column;align-items:center;gap:6px;animation:scaleIn .4s ease-out}.daily-goal__ring{position:relative;display:flex;align-items:center;justify-content:center}.daily-goal__progress{transition:stroke-dashoffset .6s ease-out}.daily-goal__count{position:absolute;display:flex;align-items:baseline;gap:1px}.daily-goal__current{font-size:1.25rem;font-weight:700;color:var(--app-text);font-family:Outfit,Plus Jakarta Sans,sans-serif}.daily-goal__separator{font-size:.85rem;color:var(--app-text-secondary)}.daily-goal__target{font-size:.85rem;font-weight:600;color:var(--app-text-secondary)}.daily-goal__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-secondary)}.daily-goal--done .daily-goal__label{color:#22c55e}.progress-overview{padding:16px;border-radius:16px;background:var(--app-bg-elevated);border:1px solid var(--app-border);box-shadow:var(--app-shadow)}.progress-overview__title{font-size:14px;font-weight:600;color:var(--app-text);margin-bottom:12px}.progress-overview__bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--app-surface);gap:1px}.progress-overview__segment{min-width:4px;transition:width .5s ease-out}.progress-overview__segment:first-child{border-radius:5px 0 0 5px}.progress-overview__segment:last-child{border-radius:0 5px 5px 0}.progress-overview__legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.progress-overview__legend-item{display:flex;align-items:center;gap:4px;font-size:12px}.progress-overview__legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.progress-overview__legend-label{color:var(--app-text-secondary)}.progress-overview__legend-count{color:var(--app-text);font-weight:600}.streak-calendar{padding:16px;border-radius:16px;background:var(--app-bg-elevated);border:1px solid var(--app-border);box-shadow:var(--app-shadow)}.streak-calendar__title{font-size:14px;font-weight:600;color:var(--app-text);margin-bottom:12px}.streak-calendar__svg{width:100%;display:block}.set-card{width:100%;border-radius:16px;padding:16px;text-align:left;display:flex;align-items:center;gap:12px;background:var(--app-bg-elevated);border:1px solid var(--app-border);box-shadow:var(--app-shadow);cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease}.set-card:active{transform:scale(.98)}@media(min-width:768px){.set-card:hover{transform:translateY(-3px);box-shadow:var(--app-shadow-lg)}}.set-card__level{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.set-card__content{flex:1;min-width:0}.set-card__name{font-weight:600;color:var(--app-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-card__meta{font-size:12px;margin-top:2px;color:var(--app-text-secondary)}.set-card__studying{margin-left:8px;font-weight:600;color:var(--app-accent)}.set-card__progress{margin-top:6px}.set-card__progress-track{width:100%;height:4px;border-radius:2px;background:var(--app-border);overflow:hidden}.set-card__progress-fill{height:100%;border-radius:2px;background:var(--app-gradient);transition:width .4s ease-out}.set-card__chevron{flex-shrink:0;color:var(--app-text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;animation:fadeIn .4s ease-out}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin-bottom:16px;background:var(--app-accent-muted)}.empty-state__emoji{font-size:2rem}.empty-state__title{font-size:18px;font-weight:600;color:var(--app-text);font-family:Outfit,Plus Jakarta Sans,sans-serif;margin:0 0 6px}.empty-state__description{font-size:14px;color:var(--app-text-secondary);max-width:260px;line-height:1.4;margin:0}.dashboard{display:flex;flex-direction:column;gap:20px;padding:16px;animation:fadeInUp .4s ease-out}.dashboard__title{font-size:1.5rem;font-weight:700;color:var(--app-text);font-family:Outfit,Plus Jakarta Sans,sans-serif}.dashboard__cta{width:100%;padding:16px;border-radius:16px;font-weight:700;font-size:18px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;transition:transform .2s ease}.dashboard__cta:active{transform:scale(.97)}.dashboard__cta--primary{background:var(--app-gradient);color:#fff;box-shadow:0 4px 20px #ff6b354d}.dashboard__cta--secondary{background:transparent;color:var(--app-accent);border:2px solid var(--app-accent)}.dashboard__section{display:flex;flex-direction:column;gap:10px}.dashboard__section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--app-text-secondary);font-family:Outfit,Plus Jakarta Sans,sans-serif}.dashboard__analytics-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--app-border);background:var(--app-bg-elevated);color:var(--app-text-secondary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s}.dashboard__analytics-btn:active{background:var(--app-surface)}@media(min-width:768px){.dashboard{max-width:680px;margin:0 auto;padding:24px 32px}}