:root{--yc-dur-1:.12s;--yc-dur-2:.2s;--yc-dur-3:.32s;--yc-ease-out:cubic-bezier(.2,.8,.2,1);--yc-ease-emph:cubic-bezier(.34,1.4,.64,1)}:root[data-perf-tier=lite]{--yc-dur-2:.14s;--yc-dur-3:.18s;--yc-ease-emph:var(--yc-ease-out)}:root[data-perf-tier=lite] body{background:radial-gradient(ellipse at top,#141c36,#06070a 65%)}:root[data-perf-tier=lite] *,:root[data-perf-tier=lite] *:before,:root[data-perf-tier=lite] *:after,:root[data-quality-degrade="2"] *,:root[data-quality-degrade="2"] *:before,:root[data-quality-degrade="2"] *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:root[data-perf-tier=lite] #root *,:root[data-perf-tier=lite] #root *:before,:root[data-perf-tier=lite] #root *:after,:root[data-quality-degrade="2"] #root *,:root[data-quality-degrade="2"] #root *:before,:root[data-quality-degrade="2"] #root *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:root[data-perf-tier=lite] *:where(:not(canvas):not(.animate-spin):not(.essential-animation):not([data-essential-motion])),:root[data-perf-tier=lite] *:where(:not(.animate-spin):not(.essential-animation):not([data-essential-motion])):before,:root[data-perf-tier=lite] *:where(:not(.animate-spin):not(.essential-animation):not([data-essential-motion])):after{animation-iteration-count:1!important}:root[data-perf-tier=lite] *:where(:not([data-essential-motion])){transition-duration:.14s!important}:root[data-perf-tier=lite] :is(.glass-panel,.glass-card,.teacher-topbar,.teacher-sidebar,.quality-notice,[class*=backdrop-blur]){background-color:#0a0c14f5!important}:root[data-perf-tier=lite] :is(.hero-card,.game-card,.daily-card){box-shadow:none!important}:root[data-perf-tier=lite] :is(.bottom-dock,.tab-bar) :is(button,a):before,:root[data-perf-tier=lite] :is(.bottom-dock,.tab-bar) :is(button,a):after{box-shadow:none!important;animation:none!important}.chat-message-row{content-visibility:auto;contain-intrinsic-size:auto 64px}:root[data-perf-tier=pro][data-motion=full] .yc-avatar-reveal{animation:shimmer .9s ease-out 1}:root[data-perf-tier=pro][data-motion=full] :is(.rz-quiz-option.correct,.option.correct,.yc-answer-correct){animation:yc-correct .2s ease-out 1}:root[data-perf-tier=pro][data-motion=full] :is(.rz-quiz-option.wrong,.option.wrong,.yc-answer-wrong){animation:yc-wrong .24s ease-out 1}@keyframes yc-correct{50%{transform:scale(1.03)}}@keyframes yc-wrong{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}:root[data-perf-tier=lite] .app-dialog{animation-duration:.16s}:root[data-perf-tier=lite] :is(.typing-dots,.typing-indicator) span{display:none}:root[data-perf-tier=lite] :is(.typing-dots,.typing-indicator):after{content:"typing…";font-size:12px;color:#cbd5e1}:root[data-perf-tier=pro][data-motion=full] button:active{scale:.97;transition:scale 80ms}:root[data-perf-tier=lite] button:active,:root[data-motion=reduced] button:active{opacity:.85}.tab-btn{position:relative;isolation:isolate}.yc-nav-pill{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:14px;background:#06b6d420;border:1px solid #22d3ee60;z-index:-1;pointer-events:none}:root[data-perf-tier=pro] *:where(:not(.animate-spin):not(.essential-animation):not([data-essential-motion])),:root[data-perf-tier=pro] *:where(:not(.animate-spin):not(.essential-animation):not([data-essential-motion])):before,:root[data-perf-tier=pro] *:where(:not(.animate-spin):not(.essential-animation):not([data-essential-motion])):after{animation-iteration-count:1!important}:root[data-perf-tier=pro] :is([class*=backdrop-blur],.app-dialog-backdrop){backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.quality-control{padding:12px;border:1px solid #334155;border-radius:16px;background:#0f172a;color:#f8fafc;font-size:12px;line-height:1.5}.quality-control strong{display:block;margin-bottom:8px}.quality-control p{margin:8px 0;color:#cbd5e1}.quality-control--compact{padding:6px}.quality-control--compact strong{margin-bottom:2px}.quality-segments{display:flex;gap:6px}.quality-segments button{flex:1;min-width:44px;min-height:44px;border-radius:10px;border:1px solid #475569;padding:8px;color:#f8fafc;background:#1e293b}.quality-segments button[aria-pressed=true]{background:#155e75;border-color:#67e8f9}.quality-control>button,.quality-notice>button{min-height:44px;text-decoration:underline;color:#a5f3fc}.quality-notice{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 76px);left:50%;margin-left:-180px;width:calc(100% - 24px);max-width:360px;z-index:100000;padding:16px;border:1px solid #22d3ee;border-radius:18px;background:#0f172a;color:#f8fafc;font-size:13px;line-height:1.5;box-shadow:0 8px 24px #0008}.quality-notice p{margin:8px 0 12px;color:#e2e8f0}.quality-debug{position:fixed;top:4px;left:4px;z-index:100001;pointer-events:none;background:#020617;color:#a5f3fc;padding:6px;font:11px monospace}@media(min-width:1024px){.quality-notice{left:auto;right:24px;bottom:24px;margin-left:0}}@media(hover:hover){:root[data-perf-tier=pro][data-motion=full] .quality-segments button:hover{transform:translateY(-1px)}}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:root[data-motion=reduced] :is(.animate-spin,.essential-animation,[data-essential-motion]){animation-duration:revert!important;animation-iteration-count:infinite!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:is(.animate-spin,.essential-animation,[data-essential-motion]){animation-duration:revert!important;animation-iteration-count:infinite!important}}@media(max-width:383px){.quality-notice{left:12px;margin-left:0}}@media(max-width:360px){.stats-container.stats-4-col{grid-template-columns:repeat(2,minmax(0,1fr))}}