/* COXAS EM FOCO V3 — interface baseada na referência preto e rosa aprovada */
:root{--dark:#fcfaff;--pink:#ff2e83;--rose:#ffb4d2;--paper:#08090f;--white:#15151e;--grey:#9595a5;--soft:#22222d;--border:#2c2b37;--green:#34b785;--radius:17px;--shadow:none}
html{background:#07070d}body{background:radial-gradient(ellipse at 50% 28%,#541934 0,#120914 44%,#07070d 80%);color:#f6f5fa;min-height:100dvh}button,input,select{font-family:inherit}
.app-shell{width:100%;max-width:430px;display:block;min-height:100dvh;background:#090a11;box-shadow:0 0 0 1px #33313a,0 16px 100px #0009;margin:0 auto;position:relative;overflow:hidden}.sidebar{display:none!important}.main-container{width:100%;max-width:none;min-height:100dvh;margin:0;padding:0 17px}.topbar{height:64px;margin:0 0 8px;padding:0 0;border-bottom:0}.logo-mobile{display:inline-flex!important;font-size:18px;font-weight:900}.logo-mark{background:transparent!important;width:33px!important;height:40px!important;color:#ff418c!important;font-size:32px!important}.logo small{color:#ff7caa;font-size:9px!important}.top-greeting{display:none}.round-icon{border:0;background:#20202b;font-size:21px;width:38px;height:38px;color:#ff73a3}.content-footer{font-size:10px;text-align:center;padding:12px 0 95px!important;color:#676674}.view{padding:0}.mobile-nav{display:flex!important;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:66px;z-index:30;background:#0b0b12ef;border-top:1px solid #272732;backdrop-filter:blur(14px);padding:5px 5px calc(4px + env(safe-area-inset-bottom))}.mobile-tab{flex:1;background:transparent;border:0;color:#838090;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px}.mobile-tab span{font-size:23px}.mobile-tab small{font-size:10px}.mobile-tab.active{color:#ff3d8b}
.eyebrow{color:#ff6fa4!important;letter-spacing:1.7px;font-size:10px;font-weight:850}.premium-hero{position:relative;height:505px;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 78% 30%,#4a162f,#0a0910 77%);border:1px solid #251525;margin-top:2px}.premium-hero-image{position:absolute;right:-8%;top:0;width:76%;height:82%;object-fit:cover;object-position:center 35%;filter:contrast(1.09) saturate(1.06)}.premium-hero-scrim{position:absolute;inset:0;background:linear-gradient(0deg,#09090f 1%,#09090ffb 18%,#09090f70 53%,transparent 78%),linear-gradient(90deg,#09090fce 0%,transparent 72%)}.premium-hero-title{position:absolute;inset:auto 17px 19px;z-index:1}.premium-hero-title h1{font-size:48px;line-height:.96;letter-spacing:-2.6px;font-weight:900;margin:10px 0 12px;text-shadow:0 2px 20px #0009}.premium-hero-title h1 em,.premium-hero-title h1 em{font-style:normal;color:#ff428d}.premium-hero-title p{color:#d8cad4;font-size:13px;line-height:1.47;max-width:275px;margin-bottom:17px}.premium-hero-title .btn{height:52px;box-shadow:0 6px 23px #fa27785c}
.btn{border-radius:13px}.btn-primary{background:linear-gradient(105deg,#ff347e,#f63287);color:#fff}.btn-outline{color:#fff;background:#26222d;border-color:#423242}.btn-ghost{background:#29242d;color:#fff}.text-btn{color:#ff62a0}.card{background:#171820;color:#f7f5fa;border-color:#2b2c37;box-shadow:none}.welcome-line{display:flex;justify-content:space-between;align-items:center;margin:20px 1px 7px;gap:10px}.welcome-line span{color:#ff74a7;font-size:9px;letter-spacing:1.1px;font-weight:850}.welcome-line strong{font-size:12px;color:#c9bfc8}.stat-grid{gap:7px;margin-top:9px}.stat{background:#191922;border-color:#292933;border-radius:12px;padding:12px 9px}.stat-top{color:#92909f;font-size:9px}.stat strong{font-size:24px;color:#fff}.stat small{color:#ff83ad}.section-head{margin:26px 0 12px}.section-head h2{font-size:19px}.section-head p{font-size:12px;color:#93919d}.premium-today{width:100%;text-align:left;display:flex;gap:12px;align-items:center;border:1px solid #32303e;background:#17171f;border-radius:17px;padding:10px;color:#fff;overflow:hidden}.premium-today img{width:93px;height:107px;object-fit:cover;border-radius:11px;flex:none;object-position:center 44%}.premium-today span{display:grid;gap:7px;min-width:0;flex:1}.premium-today span small{font-size:10px;letter-spacing:1.1px;color:#ff6fa5;font-weight:850}.premium-today span strong{font-size:17px;line-height:1.17}.premium-today span em{font-style:normal;color:#aaa7b5;font-size:11px}.premium-today b{font-size:26px;color:#ff6b9e}.progress-track{background:#292733}.progress-fill{background:linear-gradient(90deg,#ff337f,#ff80af)}.progress-split{color:#a5a1ad}.progress-val{color:#ff4e91}.disclaimer{color:#98919b;font-size:10px;line-height:1.6;padding-bottom:10px}
.page-title{font-size:31px;color:#fff;margin-top:10px}.page-sub{color:#b2aeb7;font-size:12px}.phase-list{margin:18px 0 14px}.phase-chip{background:#20202b!important;border-color:#383743!important;color:#ccc9d1!important;padding:10px 12px!important}.phase-chip.active{background:#fa3984!important;color:white!important;border-color:#fa3984!important}.phase-highlights{display:none}.plan-grid{grid-template-columns:repeat(5,1fr);gap:7px}.day-card{min-height:77px;background:#191923;color:#f9f7fa;align-items:center;text-align:center;border:1px solid #2f2e3a;padding:5px 2px;border-radius:11px;gap:2px}.day-card .day-top{background:transparent!important;border-radius:7px;width:100%;height:40px;color:#fff;font-size:21px;margin:0;display:grid;place-items:center}.day-card .day-name{display:none}.day-card .day-duration{font-size:9px;color:#9d98a6;margin-top:1px}.day-card.today{border-color:#ff418c;background:#ff398a!important}.day-card.today .day-top,.day-card.today .day-duration{color:white}.day-card.done{border-color:#197453;background:#1b3c32}.day-card.done .day-top{color:#75d9ac}.day-card.recovery:not(.today){background:#231b2b}.plan-footer{background:#15161f}.plan-footer strong{color:white}
.measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.measurement-tile{padding:18px 11px;background:#191923;border-color:#32313a}.measurement-tile strong{font-size:20px}.chart-card{background:#181820;border-color:#30313e}.chart-box{background:#13151c}.chart-svg text{fill:#c3bfcc!important}.chart-tab.active{background:#fc3b85}.chart-tab{background:#242430;color:#d2cbd4}.history-row strong{color:#fff}
.profile-hero{background:#241421}.setting-card{background:#191923}.field input,.field select{color:#fff;background:#262631;border-color:#43424c}
.overlay{background:#040408db;padding:0;align-items:center;backdrop-filter:blur(7px)}.modal,.modal.wide{background:#101116;color:#fff;border:1px solid #36313d;width:100%;max-width:430px;height:100dvh;max-height:100dvh;border-radius:0;padding:19px 17px 0;box-shadow:none;overflow-y:auto}.modal p{color:#b5adbb}.modal-head{margin-bottom:13px}.modal h2{font-size:23px}.modal .eyebrow{color:#f9609b!important}.close{color:#fff;background:#272630}.lesson-heading{display:flex;flex-wrap:wrap;gap:7px;margin:5px 0 15px}.lesson-heading span{font-size:10px;padding:6px 9px;border:1px solid #3a2936;background:#241923;color:#f39abc;border-radius:20px}.detail-banner.premium-banner{height:225px;margin-bottom:15px;border-radius:16px;background:#130c1c}.premium-banner img{width:100%;height:100%;object-fit:contain;object-position:center;background:radial-gradient(circle at 50% 20%,#4a1d3e,#101016 75%)}.detail-banner-badge{background:#f8307c;bottom:11px;left:11px}.list-heading{font-size:16px;color:#fff}.list-heading small{display:block;color:#9693a2;font-size:11px;font-weight:450}.exercise-list{gap:8px}.exercise-card{background:#1b1b24;border:1px solid #2f2d38;padding:8px;gap:10px;border-radius:13px}.exercise-card .ex-image{width:74px;height:82px;background:#231b2a}.exercise-card .ex-image.photo img{object-fit:cover;border-radius:10px;width:100%;height:100%}.exercise-card h3{font-size:13px}.exercise-card p{font-size:11px;color:#aca5b3}.ex-expand{background:#2d2430;color:#fd7ba9}.video-toggle{font-size:10px;background:#342130;border:1px solid #563449;color:#ff98b9;border-radius:9px;padding:5px}.ex-tip{background:#25222b;color:#d5cfda}.video-inline-wrap{background:#181821;border:1px solid #372936;padding:12px;border-radius:12px}.illustrated-guide{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:start}.illustrated-guide img{width:110px;height:155px;object-fit:cover;border-radius:11px}.illustrated-guide strong{color:#ff8fb8}.illustrated-guide p{color:#d4cbd5!important;margin:7px 0;font-size:11px!important}.illustrated-guide b{color:#fff}.illustrated-guide small{font-size:10px;color:#aaa2ad}.modal-disclaimer{color:#8c8893;font-size:10px;padding-bottom:90px}.sticky-action{position:sticky;bottom:0;background:linear-gradient(0deg,#101116 75%,#10111600);padding:16px 0 21px;margin-top:8px;z-index:10}.checkbox-row{color:#d2cbd1}
.sess{background:linear-gradient(#0a0a10,#121016);color:white;z-index:80;padding:14px max(14px,calc((100vw - 400px)/2)) 32px;overflow-y:auto!important}.sess-header{font-size:10px;color:#ff98b6}.sess h1{font-size:25px;margin:4px auto 11px}.sess-fig{height:320px;max-height:38dvh;max-width:365px;border-radius:17px;background:radial-gradient(ellipse at 50% 45%,#4e1d39,#100f18 78%)}.session-photo{height:100%;width:100%;object-fit:contain;animation:photoBreath 3.5s ease-in-out infinite alternate}.rest-photo{height:100%;width:100%;object-fit:cover}.video-caption{color:#d6b2c1;font-size:10px;margin:5px auto 10px}.ring-wrap{height:148px;width:150px;margin:0 auto -5px}.ring-wrap svg{height:148px;width:150px;transform:rotate(-90deg) scale(.66)}.ring-number{font-size:43px}.ring-label{font-size:11px}.session-controls{margin:11px 0}.session-controls .btn{font-size:11px}.sess-desc{font-size:12px;color:#d9cbd6;line-height:1.5;max-width:360px;margin:0 auto}.session-adapt{background:#181920;border:1px solid #33303a}.session-bottom{font-size:10px;color:#96909d}.sess-progress{color:#fb87ab}.sess .eyebrow{color:#fb78a5!important}
@keyframes photoBreath{0%{transform:scale(1.0)}100%{transform:scale(1.035)}}
@media(min-width:600px){body{padding:22px 0}.app-shell{border:7px solid #18171e;border-radius:30px;min-height:calc(100dvh - 44px);overflow:visible}.main-container{min-height:calc(100dvh - 44px)}.mobile-nav{bottom:22px;border-radius:0 0 26px 26px}.overlay{align-items:center}.modal,.modal.wide{max-height:min(94dvh,880px);height:auto;min-height:480px;border-radius:23px;border:1px solid #3c3441}.sess{width:min(430px,100vw);left:50%;transform:translateX(-50%);box-shadow:0 0 0 100vmax #000b}}
@media(max-width:599px){body{padding:0}.modal,.modal.wide{max-width:100%}.main-container{padding:0 15px}.premium-hero{height:min(520px,72dvh)}.premium-hero-title h1{font-size:clamp(38px,10vw,52px)}.modal .sticky-action{padding-bottom:calc(15px + env(safe-area-inset-bottom))}.mobile-nav{height:calc(64px + env(safe-area-inset-bottom))}}

/* Overlay must appear above full-screen guided session for save/exit dialog. */
.overlay:not(.hidden){z-index:220!important}.sess{z-index:90!important}.page-title{color:#fff!important}.page-sub{color:#aaa6b5!important}
.premium-hero-image{object-position:center 0%!important}