/* LEZGCHAL v8: compact mobile dashboard and moving navigation marker. */
#content:focus,#content:focus-visible{outline:none!important;box-shadow:none!important}main{min-width:0}html{scroll-padding-top:90px}.shell{padding-bottom:120px}.home-account{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}.home-account h1{font-size:clamp(23px,6vw,32px);letter-spacing:-.7px;margin-top:5px}.home-account .eyebrow{font-size:9px;letter-spacing:1.4px}.account-chip{display:flex;align-items:center;gap:8px;max-width:42%;font-size:13px;font-weight:650}.account-chip span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip .avatar{width:40px;height:40px;min-width:40px}.mode-switch{padding:4px;border:1px solid var(--line);border-radius:19px}.mode-switch button{min-height:45px;font-size:13px;border-radius:15px}.mode-switch .icon{width:21px;height:21px}.metrics{gap:9px;align-items:stretch}.metrics .metric{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:112px;padding:15px 12px;border-radius:21px;background:var(--surface)}.metric-symbol{display:flex;color:var(--accent);margin-bottom:8px}.metric-symbol .icon{width:20px;height:20px}.metrics .metric strong{font-size:clamp(24px,6vw,32px);line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-1px}.metrics .metric small{display:block;line-height:1.3;margin-top:6px;font-size:10px}.metrics .metric small .icon{display:none}.metric .metric-info{position:absolute;right:6px;top:5px;margin:0;width:30px;height:30px;min-height:30px;border:0;padding:6px;background:transparent;opacity:.6}.metric-info .icon{width:15px;height:15px}.hero{border-radius:27px;box-shadow:0 14px 36px #0000000b}.hero h2{font-size:26px;line-height:1.14}.hero .mountain{opacity:.07}.tile{border-radius:22px;transition:transform .2s ease,box-shadow .2s ease}.tile:active{transform:scale(.97)}.catalog-count{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin:14px 0 18px}.catalog-count b{color:var(--text)}.list-row{gap:6px}.list-row>.row{min-width:0}.list-row .lez{overflow-wrap:anywhere}.audio-actions{flex-wrap:wrap}.list-row .icon-button{flex-shrink:0}.is-favorite{color:#b88110!important}.is-favorite .icon{fill:#f1bd4d;stroke:#a46c06}.star-pop{animation:star-pop .35s cubic-bezier(.2,.8,.3,1)}@keyframes star-pop{0%{transform:scale(.85)}55%{transform:scale(1.17)}100%{transform:scale(1)}}
#nav{--active-index:0;left:50%;right:auto;transform:translateX(-50%);bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:600px;border:1px solid var(--line);border-radius:25px;padding:8px 4px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(20px);box-shadow:0 10px 35px #0003;overflow:visible;isolation:isolate;justify-content:space-around}#nav a{z-index:2;position:relative;flex:1;max-width:20%;width:auto;min-height:53px;background:none!important;border-radius:18px;gap:7px;font-size:9px;transition:color .25s ease}#nav a .icon{transition:transform .4s cubic-bezier(.2,.85,.3,1.2);width:21px;height:21px}#nav a.active .icon{transform:translateY(-12px);color:var(--accent-text)}#nav a.active{color:var(--accent);font-weight:750}#nav-orb{position:absolute;z-index:1;pointer-events:none;top:-8px;left:calc(4px + (100% - 8px)/5 * var(--active-index) + (100% - 8px)/10 - 22px);width:44px;height:44px;border-radius:50%;background:var(--accent);box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 36%,transparent);border:4px solid var(--bg);transition:left .45s cubic-bezier(.25,.8,.2,1),background .3s}.screen-enter{animation:screen-in .28s ease-out}@keyframes screen-in{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}#content{animation:none}#content.screen-enter{animation:screen-in .28s ease-out}
.settings-tabs,.course-carousel{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin:20px -4px;padding:4px 4px 9px;scroll-snap-type:x proximity}.settings-tabs button,.course-carousel button{flex-shrink:0;min-height:43px;padding:10px 15px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--muted);white-space:nowrap;scroll-snap-align:start}.settings-tabs button.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.settings-card{border-radius:24px}.settings-card input[type=range]{padding:0;accent-color:var(--accent);height:36px}.settings-card output{float:right;font-variant-numeric:tabular-nums}.course-carousel .icon{width:17px;height:17px;display:inline-block;vertical-align:middle;margin-right:5px}.course-cover{position:relative;overflow:hidden;margin:16px 0 22px;padding-top:32px;scroll-margin-top:90px}.course-number{position:absolute;right:8px;top:0;font-size:86px;font-weight:850;line-height:1;color:var(--accent);opacity:.065;pointer-events:none}.course-cover h2{font-size:23px}.course-cover .bar{height:5px;margin-top:17px}.course-node{padding:14px 0}.course-node button{padding:10px;font-size:12px}.course-node small{font-size:11px}.intro-admin input{max-width:100%}.intro-admin video{width:100%;max-height:260px;border-radius:16px;margin-top:12px}.intro-admin video[hidden]{display:none}
.welcome-overlay{position:fixed;inset:0;z-index:1000;background:#0d2332;color:#fff;overflow:hidden;isolation:isolate;transition:opacity .3s ease,transform .35s ease}.welcome-overlay.leaving{opacity:0;transform:scale(1.025);pointer-events:none}.intro-landscape,.welcome-overlay>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.welcome-overlay:after{content:'';position:absolute;inset:0;background:linear-gradient(#071b2633,#071b2611 35%,#071b2699);z-index:1}.welcome-copy{position:absolute;top:18%;left:20px;right:20px;text-align:center;z-index:2;text-shadow:0 2px 24px #0005;animation:welcome-text .7s ease both}.welcome-copy span{font-size:clamp(20px,6vw,27px);font-weight:400}.welcome-copy h1{font-size:clamp(38px,10vw,60px);line-height:1.2;letter-spacing:-1.4px;margin:12px 0 18px;overflow-wrap:anywhere}.welcome-copy p{font-size:14px;opacity:.85}.intro-skip{position:absolute;z-index:3;bottom:calc(40px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;background:#ffffff1c;color:#fff;border:1px solid #ffffff55;border-radius:18px;padding:14px 25px;backdrop-filter:blur(12px)}.intro-sun{animation:sun-rise 3.5s ease-out both}.intro-eagle{transform-origin:300px 300px;animation:eagle-flight 4s ease-in-out both}.aurora .intro-landscape{filter:hue-rotate(45deg)}.aurora:before{content:'';position:absolute;inset:-30%;background:conic-gradient(from 70deg,transparent,#42dfa855,transparent,#ca94fa55,transparent);filter:blur(40px);z-index:1;animation:aurora 8s linear infinite}.registration-art{position:relative;height:150px;overflow:hidden;border-radius:24px;margin-bottom:24px}.registration-art svg{top:-170px;height:470px;width:100%}.registration-art .intro-eagle{animation:none}.registration-art .intro-sun{animation:none}@keyframes welcome-text{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes eagle-flight{from{transform:translate(-80px,30px) scale(.7)}to{transform:translate(120px,-50px) scale(.9)}}@keyframes sun-rise{from{transform:translateY(50px);opacity:.1}to{transform:none;opacity:1}}@keyframes aurora{to{transform:rotate(360deg)}}
html[data-wallpaper=sunrise] body{background-image:radial-gradient(ellipse at 100% 0,#e2aa4830,transparent 65%)}html[data-wallpaper=forest] body{background-image:linear-gradient(135deg,#2d735b18 25%,transparent 25%),linear-gradient(225deg,#2d735b15 25%,transparent 25%);background-size:80px 130px}html[data-wallpaper=sand] body{background-image:repeating-radial-gradient(ellipse at 0 100%,transparent 0 28px,#bb986714 30px 33px)}html[data-wallpaper=lavender] body{background-image:radial-gradient(at 0 0,#9d79cb30,transparent 60%)}html[data-wallpaper=ocean] body{background-image:radial-gradient(ellipse at 100% 60%,#148e9f25,transparent 65%)}html[data-wallpaper=mesh] body{background-image:radial-gradient(at 20% 20%,#8495d725,transparent 50%),radial-gradient(at 80% 60%,#dc998527,transparent 50%)}html[data-wallpaper=night] body{background-image:radial-gradient(#8ca3c040 1px,transparent 1.5px),radial-gradient(ellipse at 50% 0,#475eae20,transparent 70%);background-size:35px 35px,100% 100%}
@media(max-width:375px){.home-account{gap:7px}.home-account h1{font-size:23px}.account-chip{max-width:39%;gap:5px}.account-chip span{max-width:65px;font-size:11px}.account-chip .avatar{width:34px;height:34px;min-width:34px}.metrics .metric{padding:13px 9px;min-height:112px}.metrics .metric small{font-size:9px}.mode-switch button{font-size:12px}.list-row .audio-actions{max-width:42px}.course-node{gap:8px}.course-node .node-number{width:26px;height:26px;min-width:26px}.hero h2{font-size:24px}.hero-top{gap:10px}}