:root{
  --bg:#050706;--panel:#0c1113;--panel2:#11191c;--text:#f8faf7;--muted:#8d9996;
  --lime:#c9ff00;--lime2:#8fd600;--line:#1e2a2e;--blue:#2678ff;--danger:#ff5b5b;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}body{min-height:100dvh}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,480px);min-height:100dvh;margin:auto;background:radial-gradient(circle at 90% 0,#142216 0,transparent 34%),var(--bg);position:relative;overflow:hidden}.screen{display:none;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 18px calc(92px + env(safe-area-inset-bottom))}.screen.active{display:block}.screen:not(.with-nav){padding-bottom:calc(22px + env(safe-area-inset-bottom))}.hidden{display:none!important}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:900;color:var(--lime);text-transform:uppercase}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.page-head h1{margin:.2rem 0 0;font-size:31px;line-height:1.05}.round-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#0b1113;color:white;font-size:21px}.primary-btn,.secondary-btn,.danger-btn{border-radius:16px;padding:15px 18px;font-weight:900;border:0}.primary-btn{background:linear-gradient(180deg,#d7ff15,#b6f000);color:#071000}.secondary-btn{background:#10181b;color:white;border:1px solid #273439}.danger-btn{background:#231013;color:#ffb5b5;border:1px solid #4b2026}.primary-btn.big{width:100%;font-size:16px}.secondary-btn.compact{padding:13px 16px}.kicker{font-size:11px;letter-spacing:.16em;color:var(--lime);font-weight:900}.brand-mini{display:flex;align-items:center;gap:10px;position:absolute;top:calc(18px + env(safe-area-inset-top));left:22px}.brand-mini img{width:34px;height:34px;border-radius:10px}.brand-mini span{font-weight:900;letter-spacing:.04em}.brand-mini b{color:var(--lime)}
/* welcome */
.welcome-screen{display:none!important;text-align:center;place-content:center;position:relative;padding:70px 28px 30px}.welcome-screen.active{display:grid!important}.welcome-glow{position:absolute;inset:10% -20% auto;height:420px;background:radial-gradient(circle,#98ff0038 0,transparent 63%);filter:blur(20px);pointer-events:none}.welcome-avatar-wrap{position:relative;z-index:1;margin:50px auto 20px}.welcome-avatar{width:190px;height:190px;border-radius:50%;border:2px solid #b8ff00;background:#0a0f10;box-shadow:0 0 50px #aaff0020;overflow:hidden;display:grid;place-items:center}.welcome-avatar img{width:100%;height:100%;object-fit:cover;display:none}.trainer-avatar{width:100%;height:100%;display:grid;place-items:center}.welcome-screen h1{font-size:42px;margin:8px 0}.welcome-copy{color:#c4ceca;line-height:1.5;font-size:17px}.welcome-summary{margin:18px 0 20px;text-align:left;background:#0c1214;border:1px solid var(--line);border-radius:20px;padding:16px}.welcome-summary span{display:block;color:var(--lime);font-size:10px;letter-spacing:.14em}.welcome-summary strong{display:block;margin-top:6px}.welcome-summary small{display:block;color:var(--muted);margin-top:4px}
/* home */
.home-head{margin-bottom:18px}.home-user{display:flex;align-items:center;gap:12px}.avatar-btn,.profile-avatar{border:2px solid #b9ff00;background:#111;border-radius:50%;padding:0;overflow:hidden;display:grid;place-items:center;position:relative}.avatar-btn{width:54px;height:54px}.avatar-btn img,.profile-avatar img{width:100%;height:100%;object-fit:cover;display:none}.home-user h1{font-size:29px}.recommended-card{height:430px;border-radius:28px;border:1px solid #1f2b2f;overflow:hidden;background:linear-gradient(145deg,#0c1315,#080a09);position:relative}.recommended-art{position:absolute;inset:0;display:grid;place-items:center;padding:20px 10px 135px}.recommended-art svg{width:92%;height:100%}.recommended-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#070a08 78%,#070a08 100%)}.recommended-copy{position:absolute;left:20px;right:20px;bottom:18px}.recommended-copy h2{font-size:30px;margin:6px 0}.recommended-copy p{color:#b4bfbb;margin:0 0 12px;line-height:1.4}.meta-row{display:flex;gap:8px;margin-bottom:14px}.meta-row span{font-size:11px;background:#ffffff0c;border:1px solid #ffffff13;border-radius:999px;padding:7px 10px}.dual-actions{display:grid;grid-template-columns:1fr auto;gap:9px}.quick-title{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 10px}.quick-title h3{margin:0}.quick-title button{background:none;border:0;color:var(--lime);font-size:12px}.quick-sessions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-session{min-height:135px;text-align:left;border-radius:18px;border:1px solid var(--line);background:#0d1315;color:white;padding:12px;position:relative;overflow:hidden}.quick-session .mini-trainer{position:absolute;width:86px;height:112px;right:-4px;bottom:-3px;opacity:.95}.quick-session span{display:block;color:var(--lime);font-size:10px}.quick-session strong{display:block;font-size:15px;max-width:88px;margin-top:6px}.home-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.tool-card{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:#0b1113;color:white;border-radius:17px;padding:13px}.tool-card>b{width:35px;height:35px;border-radius:50%;background:#152106;color:var(--lime);display:grid;place-items:center;font-size:20px}.tool-card span{min-width:0}.tool-card strong{display:block}.tool-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.summary-grid article{background:#0d1315;border:1px solid var(--line);border-radius:18px;padding:14px}.summary-grid span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.summary-grid strong{display:block;margin-top:6px;font-size:15px}.summary-grid small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
/* nav */
.bottom-nav{position:fixed;z-index:40;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:calc(72px + env(safe-area-inset-bottom));padding:8px 7px env(safe-area-inset-bottom);background:#070b0cF2;border-top:1px solid #1d292c;display:grid;grid-template-columns:repeat(5,1fr);backdrop-filter:blur(16px)}.bottom-nav button{background:none;border:0;color:#778481;display:grid;place-content:center;gap:4px;font-size:10px}.bottom-nav b{font-size:22px;font-weight:400}.bottom-nav button.active{color:var(--lime)}
/* sessions */
.duration-strip{display:flex;align-items:center;justify-content:space-between;background:#0d1315;border:1px solid var(--line);border-radius:18px;padding:10px 12px;margin-bottom:12px}.segmented{display:flex;background:#080c0d;border-radius:12px;padding:3px;border:1px solid #1c272a}.segmented button{border:0;background:transparent;color:#98a5a2;border-radius:9px;padding:8px 12px}.segmented button.active{background:var(--lime);color:#071000;font-weight:900}.segmented.wide{width:100%}.segmented.wide button{flex:1}.session-list{display:grid;gap:10px}.session-card{border:1px solid var(--line);border-radius:20px;background:#0c1214;overflow:hidden}.session-head{width:100%;border:0;background:none;color:white;display:grid;grid-template-columns:86px 1fr 22px;align-items:center;gap:11px;text-align:left;padding:10px}.session-head .session-visual{height:82px;border-radius:14px;background:linear-gradient(145deg,#0b1814,#121719);display:grid;place-items:center;overflow:hidden}.session-head .session-visual svg{height:100%;width:100%}.session-head strong{display:block;font-size:16px}.session-head small{display:block;color:#91a09d;font-size:11px;margin-top:5px}.session-head i{font-size:22px;color:#71807c;transition:.2s}.session-card.open .session-head i{transform:rotate(90deg);color:var(--lime)}.session-detail{display:none;border-top:1px solid #1c2729;padding:14px}.session-card.open .session-detail{display:block}.session-detail>p{color:#aab6b2;font-size:13px;line-height:1.45;margin-top:0}.exercise-rows{display:grid;gap:7px}.exercise-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;background:#091011;border:1px solid #172225;border-radius:12px;padding:9px}.exercise-row>b{width:27px;height:27px;border-radius:50%;background:#182400;color:var(--lime);display:grid;place-items:center}.exercise-row strong{display:block;font-size:13px}.exercise-row small{display:block;color:#80908c;font-size:10px;margin-top:2px}.exercise-row time{color:#b9c4c0;font-size:10px}.session-start{width:100%;margin-top:12px}
/* breath */
.breath-setup{text-align:center}.breath-preview{height:330px;display:grid;place-items:center}.breath-track{width:94px;height:280px;border-radius:999px;border:1px solid #9aff0060;background:linear-gradient(180deg,#8fff0010,#0b160b);position:relative;box-shadow:inset 0 0 40px #73ff0014}.breath-ball{position:absolute;width:72px;height:72px;border-radius:50%;left:10px;bottom:10px;background:radial-gradient(circle at 38% 32%,#efffc2,#bdff18 26%,#66d600 70%,#163900);box-shadow:0 0 36px #9eff00,0 0 80px #7cff0040;animation:breatheMove 10s ease-in-out infinite}.breath-halo{position:absolute;inset:28% -80%;background:radial-gradient(circle,#9cff0030,transparent 65%);filter:blur(12px)}@keyframes breatheMove{0%,100%{transform:translateY(0)}50%{transform:translateY(-188px)}}.breath-setup h2{font-size:29px;margin:0}.breath-setup p{color:var(--muted);line-height:1.5}.breath-live{position:fixed;z-index:55;inset:0;background:radial-gradient(circle at 50% 50%,#153113,#020403 60%);display:grid;place-items:center}.breath-stage{display:grid;place-items:center;gap:7px}.breath-track.live{height:380px;width:120px}.breath-track.live .breath-ball{width:92px;height:92px;left:13px}.breath-stage strong{font-size:35px}.breath-stage span{color:var(--lime);font-size:18px}.breath-stage small{font-size:15px;color:#9ca9a5}
/* profile */
.profile-avatar{width:64px;height:64px}.profile-avatar i{position:absolute;right:0;bottom:0;width:22px;height:22px;border-radius:50%;background:var(--lime);color:#071000;font-style:normal;display:grid;place-items:center}.profile-form{display:grid;gap:12px}.form-card{background:#0d1315;border:1px solid var(--line);border-radius:20px;padding:15px}.form-card h3{margin:0 0 11px}.form-card label{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #172225;color:#d8dfdc}.form-card label:first-of-type{border-top:0}.form-card label>span:last-child{color:#a7b2ae}.form-card input[type=number]{width:78px;background:#080c0d;color:white;border:1px solid #223034;border-radius:10px;padding:8px;text-align:right}.toggle-row b,.toggle-row small{display:block}.toggle-row small{color:#7f8d89;font-size:10px;margin-top:3px}.toggle-row input{accent-color:#baff00}
/* history */
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.stats-row article{background:#0d1315;border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center}.stats-row strong{display:block;font-size:23px;color:var(--lime)}.stats-row span{font-size:9px;color:#86938f}.chart-card{background:#0d1315;border:1px solid var(--line);border-radius:20px;padding:15px}.chart-title{display:flex;justify-content:space-between}.chart-title small{color:var(--muted)}.activity-chart{height:140px;display:flex;gap:7px;align-items:flex-end;padding-top:15px}.activity-chart>div{flex:1;min-height:4px;background:linear-gradient(#d8ff16,#75a900);border-radius:7px 7px 2px 2px;position:relative}.activity-chart span{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:9px;color:#87938f}.history-list{display:grid;gap:8px}.history-item{display:flex;justify-content:space-between;align-items:center;background:#0d1315;border:1px solid var(--line);border-radius:14px;padding:12px}.history-item strong{display:block}.history-item small{display:block;color:#82908c;font-size:10px;margin-top:3px}.history-item b{color:var(--lime);font-size:11px}
/* workout */
.workout-screen{background:#000;padding:0!important}.workout-stage{position:relative;width:100%;height:100dvh;background:radial-gradient(circle at 50% 45%,#142817,#020302 58%);overflow:hidden}.workout-trainer{position:absolute;inset:70px 5px 105px;display:grid;place-items:center}.workout-trainer svg{width:100%;height:100%;max-width:440px;max-height:720px}.workout-top-label{position:absolute;top:calc(22px + env(safe-area-inset-top));left:20px;right:75px;text-shadow:0 2px 8px #000}.workout-top-label small{display:block;color:var(--lime);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.workout-top-label strong{display:block;font-size:23px;margin-top:3px}.workout-top-label span{display:block;color:#a5b0ac;font-size:10px;margin-top:3px}.timer-overlay{position:absolute;left:14px;bottom:calc(24px + env(safe-area-inset-bottom));background:#071000e8;border:1px solid #243328;border-radius:22px;padding:12px 18px;box-shadow:0 8px 30px #0008}.timer-overlay strong{display:block;color:var(--lime);font-size:42px;line-height:1}.timer-overlay span{font-size:9px;letter-spacing:.2em;color:#d3dbd7}.floating-pause{position:absolute;right:18px;bottom:calc(24px + env(safe-area-inset-bottom));width:66px;height:66px;border-radius:50%;border:2px solid #324245;background:#0c1113;color:white;font-size:27px}.countdown{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#0006;backdrop-filter:blur(2px);z-index:5}.countdown small{letter-spacing:.2em}.countdown strong{font-size:160px;line-height:.9;color:var(--lime);text-shadow:0 0 40px #94ff0060}.countdown b{font-size:36px;color:white}.countdown.start b{color:var(--lime)}
/* rest pause finish */
.rest-screen,.pause-screen,.finish-screen{background:radial-gradient(circle at 50% 35%,#152714,#030504 62%);display:none!important;place-content:center;text-align:center}.rest-screen.active,.pause-screen.active,.finish-screen.active{display:grid!important}.rest-center{width:min(100%,420px);margin:auto}.rest-ring{width:190px;height:190px;margin:16px auto;border-radius:50%;border:14px solid #263229;box-shadow:inset 0 0 0 6px #0b100c;display:grid;place-items:center;position:relative}.rest-ring:after{content:'';position:absolute;inset:-14px;border-radius:50%;border-top:14px solid var(--lime);border-right:14px solid var(--lime);transform:rotate(25deg)}.rest-ring strong{font-size:44px}.next-card{background:#0d1315;border:1px solid #263428;border-radius:20px;padding:14px;margin:18px 0}.next-card span{color:var(--lime);font-size:10px;letter-spacing:.14em}.next-card strong{display:block;font-size:21px;margin-top:6px}.next-card small{display:block;color:#94a19d;margin-top:6px}.next-card>div{height:120px;margin-top:5px}.next-card svg{height:100%;width:100%}.rest-count{font-size:80px;color:var(--lime);font-weight:900}.rest-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pause-card{width:min(100%,390px);background:#0c1214;border:1px solid var(--line);border-radius:25px;padding:22px}.pause-trainer{height:240px}.pause-trainer svg{width:100%;height:100%}.pause-card>strong{display:block;color:var(--lime);font-size:36px;margin:8px 0 18px}.pause-card button{width:100%;margin-top:9px}.finish-mark{width:86px;height:86px;margin:auto;border-radius:50%;background:var(--lime);color:#061000;display:grid;place-items:center;font-size:42px;font-weight:900}.finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.finish-grid article{background:#0d1315;border:1px solid var(--line);border-radius:16px;padding:13px}.finish-grid strong{display:block;color:var(--lime);font-size:20px}.finish-grid span{font-size:9px;color:#8d9995}.finish-bars{height:130px;display:flex;align-items:flex-end;gap:5px}.finish-bars div{flex:1;background:linear-gradient(#d7ff18,#6c9500);border-radius:5px 5px 0 0}
/* dialogs */
dialog{width:min(92vw,400px);background:#0c1214;color:white;border:1px solid #2b383c;border-radius:22px;padding:20px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-close{float:right;width:35px;height:35px;border-radius:50%;border:0;background:#1a2427;color:white}.alert{background:#261416;border-radius:13px;padding:11px;color:#ffd0d0!important}.music-links{display:grid;gap:8px;margin:15px 0}.music-links a{padding:13px;border-radius:13px;background:#111b1d;color:white;text-decoration:none;border:1px solid #273438}
@media(max-height:760px){.recommended-card{height:370px}.recommended-art{padding-bottom:125px}.welcome-avatar{width:150px;height:150px}.workout-trainer{inset:62px 0 90px}.timer-overlay strong{font-size:36px}}
#homeAvatarFallback,#profileAvatarFallback{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}
#homeAvatarFallback svg,#profileAvatarFallback svg{width:115%;height:115%;transform:translateY(5%)}