:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;--bg: #080c12;--surface: #111827;--surface-2: #0d1520;--surface-3: #0d1b2e;--border: #1f2d42;--border-2: #1c2d42;--border-3: #1a3a5c;--text-1: #e8edf5;--text-2: #7a8fa8;--text-3: #5d7a94;--text-4: #3d5268;--text-5: #2a3d55;--accent: #3b82f6;--accent-2: #6366f1;--accent-light:#60a5fa;--accent-glow: rgba(59, 130, 246, .12);--cyan: #22d3ee;--purple: #a78bfa;--success: #4ade80;--success-bg: #0a2018;--success-border: #16653a;--warning: #fbbf24;--warning-bg: #1a1500;--warning-border: #5a4200;--amber: #f59e0b;--amber-bg: #1a1000;--amber-border: #7c5a00;--blue: #60a5fa;--blue-bg: #0a1628;--blue-border: #1e3a6e;--pink: #f472b6;--pink-bg: #1a0a14;--pink-border: #7c1a50;--danger: #f87171;--danger-bg: #1a0a0a;--danger-border: #5a1a1a;--pro-bg: #1f1500;--pro-text: #fcd34d;--pro-border: #f59e0b;--pro-shine: rgba(255, 215, 100, .55);--shadow: rgba(0, 0, 0, .5);--star: #fbbf24}html[data-theme=light]{color-scheme:light;--bg: #f0f4f8;--surface: #ffffff;--surface-2: #f1f5f9;--surface-3: #e8f0fa;--border: #d1dce8;--border-2: #dde6f0;--border-3: #c5d5e8;--text-1: #1a2535;--text-2: #4a6280;--text-3: #5d7a94;--text-4: #7a96b0;--text-5: #9ab0c8;--accent: #2563eb;--accent-2: #4f46e5;--accent-light:#2563eb;--accent-glow: rgba(37, 99, 235, .12);--cyan: #0891b2;--purple: #6d28d9;--success: #16a34a;--success-bg: #f0fdf4;--success-border: #86efac;--warning: #d97706;--warning-bg: #fffbeb;--warning-border: #fcd34d;--amber: #d97706;--amber-bg: #fffbeb;--amber-border: #fcd34d;--blue: #2563eb;--blue-bg: #eff6ff;--blue-border: #93c5fd;--pink: #db2777;--pink-bg: #fdf2f8;--pink-border: #f9a8d4;--danger: #dc2626;--danger-bg: #fef2f2;--danger-border: #fca5a5;--pro-bg: #fffaeb;--pro-text: #92400e;--pro-border: #f59e0b;--pro-shine: rgba(217, 119, 6, .45);--shadow: rgba(0, 0, 0, .1);--star: #d97706}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text-1);min-height:100vh;min-height:100dvh;transition:background .25s,color .25s;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,a,[role=button]{touch-action:manipulation}.btn-primary{color:#fff!important}@media (max-width: 600px){body:not(.exercise-mode){padding-bottom:calc(60px + env(safe-area-inset-bottom))}}@media (max-width: 600px){body.page-topbar-mode .screen,body.page-topbar-mode .profile-screen,body.page-topbar-mode .plans-page{padding-top:48px}body.page-topbar-mode app-header,body.page-topbar-mode app-back-button{display:none}body.page-topbar-mode .library-screen{position:fixed;top:48px;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;padding:0;overflow:hidden}body.page-topbar-mode .lib-filter{flex-shrink:0;max-width:100%;margin:0;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--border)}body.page-topbar-mode .library-wrap{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;max-width:100%;padding:14px 14px 16px}body.page-topbar-mode .tools-screen{position:fixed;top:48px;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px 16px;justify-content:flex-start}body.page-topbar-mode .tools-wrap{max-width:100%}}@media (max-width: 600px){body.exercise-mode .screen{padding:48px 0 0;align-items:stretch;min-height:100dvh}body.exercise-mode .card{border-radius:0;border-left:none;border-right:none;border-bottom:none;box-shadow:none;max-width:100%;width:100%;flex:1;min-height:calc(100dvh - 48px)}body.exercise-mode .card>h1,body.exercise-mode .card>h2,body.exercise-mode .card .tut-title,body.exercise-mode .phase-body>h1,body.exercise-mode .phase-body>h2{display:none}body.exercise-mode .ex-title-row{display:none}}.icon-level-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.icon-level-chip{background:var(--surface-3);color:var(--accent-light);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:4px 10px;border-radius:99px;border:1px solid var(--border-3);white-space:nowrap}.card-guide{position:relative!important;padding-top:48px!important}.plan-badge.plan-pro,.tag.tag-pro,.tag-pro,.mode-pro-badge,.diff-pro-tag,.pro-badge-pill,.badge-pro,.pro-pill{position:relative;overflow:hidden;isolation:isolate;font-weight:700;letter-spacing:.4px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pro-border) 40%,transparent),0 0 12px color-mix(in srgb,var(--pro-border) 18%,transparent)}.plan-badge.plan-pro:after,.tag.tag-pro:after,.tag-pro:after,.mode-pro-badge:after,.diff-pro-tag:after,.pro-badge-pill:after,.badge-pro:after,.pro-pill:after{content:"";position:absolute;top:0;left:-75%;width:60%;height:100%;background:linear-gradient(115deg,transparent 0%,transparent 35%,var(--pro-shine) 50%,transparent 65%,transparent 100%);animation:pro-shine-sweep 3.2s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes pro-shine-sweep{0%{transform:translate(0)}55%{transform:translate(300%)}to{transform:translate(300%)}}@media (prefers-reduced-motion: reduce){.plan-badge.plan-pro:after,.tag.tag-pro:after,.tag-pro:after,.mode-pro-badge:after,.diff-pro-tag:after,.pro-badge-pill:after,.badge-pro:after,.pro-pill:after{animation:none;display:none}}body.chill-mode .v-good,body.chill-mode .v-mid,body.chill-mode .v-far{color:var(--text-2)!important;background:transparent!important;border-color:var(--border)!important}