@font-face{font-family:Satoshi;src:url('/assets/fonts/satoshi-400.woff2')}@font-face{font-family:Satoshi;src:url('/assets/fonts/satoshi-700.woff2');font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fafcff;color:#172238;font:15px Satoshi,sans-serif}button,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:38px 24px 24px;background:white;border-right:1px solid #e9eff7;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:32px;letter-spacing:-1.6px;margin-bottom:58px}.brand img{width:48px;height:48px;object-fit:contain}.workspace-label,.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:#8294ae}.workspace-label{margin:0 12px 19px}nav{display:grid;gap:7px}nav a{padding:14px 13px;border-radius:12px;color:#77859a;font-size:14px;display:flex;gap:12px;align-items:center}nav a>span{font-size:22px;line-height:1}nav a.active,nav a:hover{color:#0869f5;background:#eff6ff}.sidebar-bottom{margin-top:auto}.balance{border:1px solid #e5edf9;border-radius:16px;padding:17px;background:#fbfdff}.balance>span{font-size:9px;letter-spacing:.09em;color:#8193ae}.balance p{font-size:12px;color:#8492a6}.balance strong{font-size:26px;color:#203452;margin-right:5px}.balance-track{height:4px;background:#8ebdff;border-radius:5px;margin:15px 0}.balance a{font-size:12px;color:#0869f5;display:flex;justify-content:space-between}.profile{display:flex;align-items:center;gap:10px;margin-top:25px;font-size:13px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#edf3fb;color:#7f95b6}.profile small{display:block;font-size:10px;color:#9aa7bb;margin-top:3px}main{max-width:1550px;margin-left:248px;padding:0 5%}header{height:87px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#718199;border-bottom:1px solid #eaf0f7}.breadcrumb{color:#a4b0c0;margin-left:12px}.preview{border:1px solid #e0e9f6;padding:6px 10px;border-radius:20px;font-size:10px}.greeting{padding:42px 0 29px}.greeting .eyebrow{margin:0 0 12px;color:#6486b8}h1{font-size:clamp(30px,3vw,44px);line-height:1.13;letter-spacing:-1.7px;margin:0}h1 span{color:#0869f5}.greeting>p:last-child{color:#8795aa;margin:14px 0 0}.welcome{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:330px;border:1px solid #deebfc;border-radius:26px;background:radial-gradient(ellipse at 78% 50%,#daecff,transparent 62%),linear-gradient(110deg,#f7fbff,#edf6ff);overflow:hidden}.welcome-copy{padding:37px 38px;z-index:1}.welcome .eyebrow{color:#6088be}h2{font-size:27px;line-height:1.15;letter-spacing:-.9px;margin:13px 0}.welcome-copy>p:not(.eyebrow){color:#7d90ac;font-size:14px;line-height:1.7;margin:17px 0 22px}.primary{border:0;border-radius:12px;padding:14px 20px;background:#0869f5;color:white;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:30px}.primary:hover{background:#0058d8}.welcome-copy small{display:block;color:#8a9cb4;font-size:10px;margin-top:12px}.ora-scene{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.ora-scene>img{width:min(85%,290px);animation:float 7s ease-in-out infinite;z-index:1}.orbit{position:absolute;width:80%;height:40%;border:1px solid #c3deff;border-radius:50%;transform:rotate(-22deg)}.ora-caption{font-size:12px;color:#7f96b4;display:flex;align-items:center;gap:5px;margin-top:-5px;margin-bottom:23px;z-index:1}.ora-caption strong{color:#0869f5}.presence{width:5px;height:5px;border-radius:50%;background:#70aaff;margin-right:4px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:34px 0 19px;gap:20px}.section-heading h2{font-size:22px;margin:9px 0 0}.section-heading .eyebrow{margin:0}.section-heading>span{font-size:11px;color:#98a5b8}.training-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.training-card{text-align:left;background:#fff;border:1px solid #e3ebf6;border-radius:20px;padding:24px;transition:transform .2s,border-color .2s;position:relative;color:inherit}.training-card:hover{transform:translateY(-3px);border-color:#9cc6ff}.card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eff6ff;color:#287afa}.card-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.duration{position:absolute;top:34px;right:24px;font-size:10px;color:#8d9db4}.training-card h3{font-size:18px;letter-spacing:-.5px;margin:20px 0 10px}.training-card p{font-size:13px;color:#8797ad;line-height:1.65;margin:0 0 24px}.card-link{font-size:12px;color:#0869f5;display:flex;justify-content:space-between}.progress-section{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:30px;padding:35px 0;margin-top:18px}.progress-section h2{font-size:23px}.progress-section p:not(.eyebrow){font-size:12px;color:#8b9ab0;line-height:1.7}.progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.progress-stats>div{display:flex;flex-direction:column;gap:10px;padding-left:20px;border-left:1px solid #e0e9f6}.stat-icon{color:#79a6e9;font-size:23px}.progress-stats strong{font-size:22px;letter-spacing:-.6px}.progress-stats small{font-size:12px;font-weight:400}.progress-stats>div>span:last-child{font-size:10px;color:#97a4b8}footer{border-top:1px solid #e8eff8;padding:23px 0 30px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#9aaac0}footer img{width:13px;height:13px}dialog{border:1px solid #dce8f8;border-radius:24px;padding:30px;width:min(460px,92vw);color:#172238;box-shadow:0 25px 100px #17365b25}dialog::backdrop{background:#19335140;backdrop-filter:blur(5px)}.close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:28px;color:#7e8ca1}form{display:grid;gap:12px}label{font-size:13px;margin-top:8px}label span{color:#8d9bad}select,textarea{width:100%;padding:12px;border:1px solid #dce7f5;border-radius:10px;background:#fafcff;color:#344760}textarea{resize:vertical}form .primary{justify-content:space-between;margin-top:9px}.dialog-note{font-size:12px;line-height:1.6;color:#8493a9}a:focus-visible,button:focus-visible{outline:3px solid #9bc4ff;outline-offset:4px}@keyframes float{50%{transform:translateY(-9px)}}@media(min-width:1400px){main{padding-inline:6%}.welcome{min-height:370px}.ora-scene>img{width:310px}}
@media(max-width:1000px){.sidebar{width:205px;padding-inline:17px}main{margin-left:205px;padding-inline:4%}.section-heading>span{display:none}.welcome-copy{padding:28px}.progress-section{grid-template-columns:1fr}.training-card p br{display:none}}
@media(max-width:700px){.sidebar{position:static;width:auto;padding:14px 6%;border-right:0;border-bottom:1px solid #e7eff9;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.brand{margin:0;font-size:25px}.brand img{width:36px;height:36px}.workspace-label,.sidebar-bottom{display:none}nav{display:flex;gap:3px}nav a{font-size:0;padding:10px}nav a span{font-size:23px}main{margin:0;padding:0 6%}header{height:54px;font-size:11px}.breadcrumb{display:none}.greeting{padding:29px 0 24px}h1{font-size:34px;letter-spacing:-1.4px}.greeting>p:last-child{font-size:13px}.welcome{grid-template-columns:1fr;min-height:0}.welcome-copy{padding:26px 25px 12px}.welcome-copy h2 br{display:none}.welcome-copy>p:not(.eyebrow){margin:12px 0 18px}.ora-scene{grid-row:1;height:185px;margin-top:15px}.ora-scene>img{width:175px}.ora-caption{margin-top:-12px;margin-bottom:0}.orbit{width:65%;height:55%}.welcome-copy .eyebrow{display:none}.welcome-copy{padding-bottom:26px;text-align:center}.welcome-copy h2{font-size:25px}.welcome-copy small{font-size:10px}.training-grid{grid-template-columns:1fr;gap:14px}.section-heading h2{font-size:23px}.training-card{padding:22px}.progress-section{padding:25px 0}.progress-stats{gap:8px}.progress-stats>div{padding-left:12px}.progress-stats strong{font-size:20px}.progress-section p br{display:none}}
.lucide{width:20px;height:20px;flex-shrink:0;stroke-width:1.75;vertical-align:middle}nav .lucide{width:21px;height:21px}.primary .lucide,.card-link .lucide,.balance a .lucide{width:17px;height:17px}.stat-icon .lucide{width:23px;height:23px}.close{display:grid;place-items:center;width:36px;height:36px}.close .lucide{width:21px;height:21px}
@media(max-width:700px){
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom));font-size:15px}
 .sidebar{padding:12px 5%;min-height:64px}
 .sidebar nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(16px);border-top:1px solid #e2eaf5}
 nav a{min-height:52px;display:flex;flex-direction:column;justify-content:center;gap:5px;font-size:11px;padding:7px 4px;border-radius:10px}
 main{padding-inline:5%}header{height:40px}.greeting{padding:23px 0 20px}h1{font-size:30px;line-height:1.13}h1 br{display:none}.greeting>p:last-child{font-size:14px;margin-top:10px}
 .welcome{display:block;padding:23px 20px;border-radius:20px;min-height:230px}
 .welcome-copy{padding:0;text-align:left;position:relative;z-index:2}
 .welcome-copy h2{font-size:23px;max-width:68%;margin:0 0 12px}.welcome-copy h2 br{display:block}
 .welcome-copy>p:not(.eyebrow){font-size:13px;line-height:1.55;max-width:65%;margin:0 0 21px}.welcome-copy>p br{display:none}
 .welcome-copy .primary{width:100%;min-height:48px;justify-content:space-between;font-size:14px}.welcome-copy small{font-size:11px;line-height:1.5;margin-top:10px}
 .ora-scene{position:absolute;right:-13px;top:7px;width:42%;height:140px;margin:0;pointer-events:none}.ora-scene>img{width:145px;max-width:100%}.ora-caption{font-size:10px;white-space:nowrap;margin-top:-7px}.orbit{width:100%;height:48%}
 .section-heading{margin:27px 0 16px}.section-heading h2{font-size:22px;line-height:1.2}.training-card{padding:20px}.training-card h3{font-size:18px;margin:16px 0 8px}.training-card p{font-size:14px;margin-bottom:18px}.card-link{font-size:13px}.duration{font-size:11px;top:31px;right:20px}
 .progress-stats strong{font-size:18px}.progress-stats>div>span:last-child{font-size:11px;line-height:1.4}.progress-section p:not(.eyebrow){font-size:14px}footer{font-size:12px}
 dialog{width:calc(100% - 20px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:27px 22px;border-radius:22px}dialog h2{font-size:26px;padding-right:25px}select,textarea{font-size:16px;min-height:48px}.close{width:44px;height:44px;top:8px;right:8px}form .primary{min-height:48px}.dialog-note{font-size:13px}
}

/* Account identity and time card — isolated from the legacy account card rules. */
body.is-account-view .account-identity-avatar{
  width:88px;height:88px;flex-basis:88px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible
}
body.is-account-view .account-identity-avatar:before,
body.is-account-view .account-identity-avatar:after{display:none;content:none}
body.is-account-view .account-identity-avatar img{
  position:absolute;width:88px;height:88px;object-fit:contain;opacity:1;filter:none
}
body.is-account-view .account-identity-avatar b{
  position:relative;z-index:2;margin-top:4px;color:#fff;font-size:20px;letter-spacing:-.4px;text-shadow:0 1px 4px rgba(14,73,158,.58)
}
body.is-account-view .account-avatar-camera{display:none}

body.is-account-view .account-time-card{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.72fr) auto;align-items:center;gap:24px;
  min-height:136px;margin-top:14px;padding:22px 24px;border:1px solid #e2eaf5;border-radius:19px;
  background:linear-gradient(120deg,#fff 0%,#f7fbff 58%,#eef6ff 100%);box-shadow:0 8px 24px rgba(39,84,145,.055)
}
body.is-account-view .account-time-summary{display:flex;align-items:center;gap:14px;min-width:0}
body.is-account-view .account-time-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:#eaf3ff;color:#1670e8}
body.is-account-view .account-time-icon .lucide{width:23px;height:23px}
body.is-account-view .account-time-copy{min-width:0}
body.is-account-view .account-time-label{display:block;color:#657da3;font-size:9px;font-weight:700;letter-spacing:.14em;line-height:1.2}
body.is-account-view .account-time-copy p{display:flex;align-items:baseline;gap:6px;margin:4px 0 0;white-space:nowrap}
body.is-account-view .account-time-copy strong{color:#111b31;font-size:31px;line-height:1;letter-spacing:-1px}
body.is-account-view .account-time-copy p span{color:#7185a6;font-size:12px}
body.is-account-view .account-time-usage{min-width:0}
body.is-account-view .account-time-track{height:7px;border-radius:99px;background:#dce8f7;overflow:hidden}
body.is-account-view .account-time-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3193f5,#116ee8)}
body.is-account-view .account-time-usage small{display:block;margin-top:8px;color:#7d8faa;font-size:10px;line-height:1.3}
body.is-account-view .account-time-buy{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:42px;padding:0 18px;border:0;border-radius:22px;background:#126fea;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 7px 15px rgba(18,111,234,.16)}
body.is-account-view .account-time-buy:hover{background:#075fcf}
body.is-account-view .account-time-buy .lucide{width:15px;height:15px}

@media(max-width:900px){
  body.is-account-view .account-time-card{grid-template-columns:minmax(0,1fr) auto;gap:16px}
  body.is-account-view .account-time-usage{grid-column:1/-1;grid-row:2}
}

@media(max-width:700px){
  body.is-account-view .account-identity-avatar{width:58px;height:58px;flex-basis:58px}
  body.is-account-view .account-identity-avatar img{width:58px;height:58px}
  body.is-account-view .account-identity-avatar b{font-size:14px}
  body.is-account-view .account-time-card{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:10px;padding:13px 14px;border-radius:15px;min-height:0}
  body.is-account-view .account-time-summary{gap:9px}
  body.is-account-view .account-time-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}
  body.is-account-view .account-time-icon .lucide{width:19px;height:19px}
  body.is-account-view .account-time-label{font-size:8px;letter-spacing:.1em}
  body.is-account-view .account-time-copy p{gap:4px;margin-top:3px}
  body.is-account-view .account-time-copy strong{font-size:25px}
  body.is-account-view .account-time-copy p span{font-size:9px}
  body.is-account-view .account-time-buy{height:34px;padding:0 12px;gap:6px;border-radius:18px;font-size:10px}
  body.is-account-view .account-time-buy .lucide{width:12px;height:12px}
  body.is-account-view .account-time-usage{grid-column:1/-1;grid-row:2}
  body.is-account-view .account-time-track{height:5px}
  body.is-account-view .account-time-usage small{margin-top:6px;font-size:9px}
}

/* Provider return state: the redirect is never treated as financial approval. */
.payment-return-panel{position:fixed;z-index:80;top:18px;left:50%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:min(760px,calc(100vw - 36px));padding:18px 20px;border:1px solid #cfe2fb;border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(35,82,139,.18);transform:translateX(-50%);animation:payment-return-in .35s ease both}
.payment-return-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#edf6ff}.payment-return-mark img{width:33px;height:33px;object-fit:contain}.payment-return-panel .eyebrow{margin:0;color:#6e8bad;font-size:10px}.payment-return-panel h2{margin:3px 0 4px;font-size:20px;letter-spacing:-.3px}.payment-return-panel p{margin:0;color:#7890ad;font-size:12px;line-height:1.4}.payment-return-state{margin-top:8px;color:#0869f5;font-size:12px;font-weight:700}.payment-return-close{align-self:start;width:30px;height:30px;border:0;border-radius:50%;background:#f2f6fb;color:#69809e;font-size:21px;line-height:1;cursor:pointer}.payment-return-panel.is-success{border-color:#bfe8d0}.payment-return-panel.is-success .payment-return-state{color:#158a4b}.payment-return-panel.is-finished{animation:none}.payment-return-panel.is-finished .payment-return-close{display:grid;place-items:center}@keyframes payment-return-in{from{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:700px){.payment-return-panel{top:10px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:15px 46px 15px 14px}.payment-return-close{position:absolute;top:12px;right:12px;align-self:start}.payment-return-panel h2{font-size:17px}.payment-return-panel p{font-size:11px}.payment-return-state{font-size:11px}}
@media(max-width:360px){h1{font-size:28px}.welcome{padding:20px 16px}.welcome-copy h2{font-size:21px}.ora-scene{width:38%;right:-6px;top:16px}.ora-caption{font-size:9px}.welcome-copy small{font-size:10px}}
@media(max-width:700px){
 .welcome{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:14px 12px;align-items:center}
 .welcome-copy{display:contents}
 .welcome-copy h2{grid-column:1;grid-row:1;max-width:none;margin:0;line-height:1.2}
 .ora-scene{position:relative;grid-column:2;grid-row:1;inset:auto;width:110px;height:115px;margin:0}
 .ora-scene>img{width:106px}.ora-caption{font-size:9px;margin-top:-3px}
 .welcome-copy>p:not(.eyebrow){grid-column:1/-1;grid-row:2;max-width:none;margin:0;font-size:14px}
 .welcome-copy .primary{grid-column:1/-1;grid-row:3}
 .welcome-copy small{grid-column:1/-1;grid-row:4;margin:0;font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ora-scene>img{animation:none}.training-card{transition:none}}
.mobile-avatar{display:none;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#e4e9f0,#b9c4d2);color:#fff;align-items:center;justify-content:center;font-weight:700;margin-left:auto}
.recommendation-label{display:flex;align-items:center;gap:7px;width:max-content;padding:7px 11px;border-radius:20px;background:#eaf4ff;color:#0869f5;font-size:10px;letter-spacing:.12em;font-weight:700}.recommendation-label .lucide{width:14px;height:14px;fill:#0869f5}.recommended{background:linear-gradient(135deg,#f3f9ff,#fff);border-color:#d6e8fc;min-height:270px}.recommended .card-icon{display:none}.recommended .duration{top:110px}.recommended .recommendation-label+h3{margin-top:28px}.card-meta{display:flex;align-items:center;gap:7px;color:#6e83a1;font-size:12px;margin:-8px 0 19px}.card-meta .lucide{width:16px;height:16px;color:#367ff2}.card-meta .lucide:nth-of-type(2){margin-left:12px}.recommended .card-link{font-weight:700}.recommended .card-link .lucide{width:18px;height:18px}.explore-heading{display:flex;align-items:center;justify-content:space-between;margin:34px 0 15px}.explore-heading h2{font-size:22px;margin:0}.explore-heading a{display:flex;align-items:center;gap:5px;color:#0869f5;font-size:13px}.explore-heading a .lucide{width:16px;height:16px}.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.explore-card{display:flex;align-items:center;gap:11px;min-width:0;text-align:left;padding:15px 13px;border:1px solid #e3ebf6;border-radius:16px;background:#fff;color:#172238}.explore-card>span:nth-child(2){min-width:0;flex:1}.explore-card strong,.explore-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-card strong{font-size:13px}.explore-card small{font-size:11px;color:#8092ad;margin-top:5px}.explore-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eff6ff;color:#0870f5;flex-shrink:0}.explore-icon .lucide{width:20px;height:20px}.explore-card>.lucide{width:16px;color:#7d9ac1;flex-shrink:0}.progress-section{position:relative}.progress-stats>div>strong{display:block}.progress-stats>div>span:not(.stat-icon){font-size:12px;color:#7589a5}.progress-bar{display:block;width:100%;height:6px;border-radius:99px;background:#dcecff;overflow:hidden}.progress-bar b{display:block;height:100%;border-radius:99px;background:#2685f5}blockquote{grid-column:1/-1;display:flex;gap:16px;align-items:flex-start;background:#edf6ff;border-radius:18px;padding:19px 22px;margin:10px 0 0;color:#5575a1;font-size:14px;line-height:1.5}blockquote>.lucide{width:23px;height:23px;color:#217cf1;fill:#d8ebff;flex-shrink:0}blockquote small{display:block;margin-top:5px;font-size:12px;color:#7895bc}
@media(max-width:1000px){.explore-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
 header{position:relative}.mobile-avatar{display:flex}.preview{display:none}
 .greeting h1{font-size:34px}.greeting h1 br{display:none}.greeting>p:last-child br{display:none}
 .welcome{display:grid;grid-template-columns:minmax(0,1fr) 110px}
 .training{margin-top:3px}.section-heading{margin:28px 0 15px}.section-heading h2{font-size:22px}.section-heading>span{display:none}
 .training-grid{display:block}.secondary-training{display:none}.recommended{min-height:0;padding:20px 18px}.recommendation-label{font-size:9px;padding:6px 9px}.recommended .recommendation-label+h3{margin-top:18px}.recommended h3{font-size:21px;margin-bottom:7px}.recommended p{max-width:78%;font-size:13px}.recommended .duration{top:75px;right:18px}.card-meta{margin:16px 0 12px}.recommended .card-link{position:absolute;right:18px;bottom:20px;color:#0869f5}.recommended .card-link .lucide{width:32px;height:32px;padding:8px;border-radius:50%;background:#0869f5;color:#fff}.explore-heading{margin:29px 0 13px}.explore-heading h2{font-size:21px}.explore-heading a{font-size:12px}.explore-grid{grid-template-columns:1fr 1fr;gap:12px}.explore-card{padding:14px 11px;gap:8px;min-height:86px}.explore-icon{width:35px;height:35px}.explore-card strong{font-size:12px}.explore-card small{font-size:10px;white-space:normal;line-height:1.25}.explore-card>.lucide{display:none}
 .progress-section{display:block;padding:28px 0 18px;margin-top:3px}.progress-section h2{font-size:23px;margin:8px 0}.progress-section>div:first-child>p:not(.eyebrow){font-size:13px;margin-bottom:18px}.progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:17px 14px;border:1px solid #e2ebf7;border-radius:18px;background:#fff}.progress-stats>div{padding-left:10px;gap:7px}.progress-stats>div:first-child{padding-left:0;border-left:0}.progress-stats>div>span:not(.stat-icon){font-size:11px}.progress-bar{height:6px}.progress-stats strong{font-size:21px}blockquote{margin-top:14px;font-size:13px;padding:17px}.progress-section .eyebrow{margin:0}
 footer{padding:20px 0 25px}
}
@media(max-width:700px){
 .welcome{min-height:158px;padding:18px 16px;background:linear-gradient(120deg,#f7fbff,#edf6ff)}
 .welcome-copy h2{grid-column:1;grid-row:1;align-self:center;max-width:none;font-size:23px}
 .welcome-copy>p:not(.eyebrow){display:none}
 .welcome-copy .primary,.welcome-copy small{display:none}
}

/* Opening state: the first screen introduces the practice and Ora together. */
.greeting{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:26px;padding-top:34px;padding-bottom:28px}
.greeting-copy{min-width:0}
.greeting-copy>p:last-child{color:#8795aa;margin:14px 0 0}
.greeting-ora{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:214px}
.greeting-ora .orbit{width:230px;height:112px}
.greeting-ora>img{position:relative;z-index:1;width:224px;animation:float 7s ease-in-out infinite}
.greeting-ora .ora-caption{position:relative;z-index:2;margin:0;color:#7f96b4;font-size:11px}
.greeting-ora .presence{width:5px;height:5px}

/* The play action remains a true circular control at every card width. */
.recommended{padding-right:155px}
.recommended .card-link{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;justify-content:flex-end;gap:12px;white-space:nowrap;font-size:15px;font-weight:700}
.recommended .card-link .lucide{display:block;width:52px;height:52px;flex:0 0 52px;padding:15px;border-radius:50%;background:#0869f5;color:#fff;stroke-width:1.7}

@media(max-width:700px){
 .greeting{grid-template-columns:minmax(0,1fr) 124px;gap:8px;align-items:center;padding-top:21px;padding-bottom:19px}
 .greeting h1{font-size:29px;line-height:1.1;letter-spacing:-1.25px}
 .greeting h1 br{display:none}
 .greeting-copy>p:last-child{font-size:13px;line-height:1.45;margin-top:10px}
 .greeting-copy>p:last-child br{display:none}
 .greeting-ora{min-height:146px;margin-right:-6px}
 .greeting-ora .orbit{width:130px;height:70px}
 .greeting-ora>img{width:135px}
 .greeting-ora .ora-caption{font-size:9px;white-space:nowrap;margin-top:-1px}
 .recommended{padding:20px 18px 76px}
 .recommended .card-link{right:18px;bottom:17px;gap:10px;font-size:14px}
 .recommended .card-link .lucide{width:44px;height:44px;flex-basis:44px;padding:12px}
}
@media(max-width:360px){
 .greeting{grid-template-columns:minmax(0,1fr) 112px;gap:4px}
 .greeting h1{font-size:27px}
 .greeting-ora{margin-right:-8px}
 .greeting-ora>img{width:124px}
}

/* Shared app identity and the compact mobile header. */
.sidebar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:58px}
.sidebar-top .brand{margin-bottom:0}
.brand-ora{color:#0869f5}
.greeting-ora>canvas,.greeting-ora>img{position:relative;z-index:1;width:248px;height:248px;display:block;object-fit:contain;animation:float 7s ease-in-out infinite}
.greeting-ora>canvas{mix-blend-mode:multiply}

@media(max-width:700px){
 .sidebar-top{width:100%;margin:0;gap:12px}
 .sidebar-top .brand{margin:0;font-size:25px}
 .mobile-avatar{display:flex;flex:0 0 36px;width:36px;height:36px;margin-left:auto;background:linear-gradient(145deg,#e4e9f0,#b9c4d2);color:#fff}
 .mobile-avatar .lucide{width:18px;height:18px;stroke-width:1.8}
 .greeting-ora{min-height:158px;margin-right:-10px}
 .greeting-ora .orbit{width:144px;height:78px}
 .greeting-ora>canvas,.greeting-ora>img{width:150px;height:150px}
}
@media(max-width:360px){
 .greeting-ora{margin-right:-12px}
 .greeting-ora>canvas,.greeting-ora>img{width:138px;height:138px}
}

/* The home keeps the hero's calm, breathing motion without changing the layout. */
.greeting-ora>img{animation:ora-hero-motion 6.8s ease-in-out infinite;filter:drop-shadow(0 14px 20px rgba(33,111,241,.12))}
@keyframes ora-hero-motion{
  0%,100%{transform:translate3d(0,0,0) rotate(-1.5deg) scale(1)}
  32%{transform:translate3d(0,-7px,0) rotate(1deg) scale(1.025)}
  66%{transform:translate3d(0,3px,0) rotate(2deg) scale(1.01)}
}

/* App-native selector used in the practice modal. */
.app-select{position:relative}
.app-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #dce7f5;border-radius:11px;background:#fafcff;color:#344760;text-align:left;transition:border-color .2s,box-shadow .2s}
.app-select-trigger:hover,.app-select.is-open .app-select-trigger{border-color:#8ab9ff;box-shadow:0 0 0 3px #eaf3ff}
.app-select-trigger .lucide{width:18px;height:18px;color:#55708f;transition:transform .2s}
.app-select.is-open .app-select-trigger .lucide{transform:rotate(180deg)}
.app-select-menu{position:absolute;z-index:5;top:calc(100% + 7px);left:0;right:0;display:grid;gap:3px;padding:7px;border:1px solid #dce7f5;border-radius:13px;background:#fff;box-shadow:0 18px 38px #244a7a22}
.app-select-menu[hidden]{display:none}
.app-select-menu button{width:100%;padding:10px 11px;border:0;border-radius:8px;background:transparent;color:#405572;text-align:left;font-size:14px}
.app-select-menu button:hover,.app-select-menu button:focus-visible,.app-select-menu button[aria-selected="true"]{background:#edf5ff;color:#0869f5}
.app-select-menu .select-divider{height:1px;margin:4px 5px;background:#e8eff8}
.app-select-menu .ora-choice{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #d8eaff;background:linear-gradient(105deg,#f1f8ff,#fff);color:#0869f5}
.app-select-menu .ora-choice img{width:34px;height:34px;object-fit:contain;flex:0 0 auto}
.app-select-menu .ora-choice-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.app-select-menu .ora-choice strong{font-size:13px;color:#0869f5}
.app-select-menu .ora-choice small{font-size:11px;line-height:1.35;color:#7890ae;white-space:normal}
.app-select-menu .ora-choice:hover,.app-select-menu .ora-choice:focus-visible,.app-select-menu .ora-choice[aria-selected="true"]{background:#eaf4ff;color:#0869f5;border-color:#a9d0ff}
.app-select-trigger.is-ora-choice{border-color:#8ab9ff;background:#f2f8ff;color:#0869f5}
body.practice-modal-open{overflow:hidden}
#training-dialog{overscroll-behavior:contain;overflow-x:hidden;overflow-y:auto;max-height:min(760px,calc(100dvh - 28px))}
#training-dialog form{padding-bottom:4px}
#training-dialog .app-select-menu{max-height:min(390px,42dvh);overflow-y:auto;overscroll-behavior:contain}
#training-dialog .app-select-menu .ora-choice{order:3}
#training-dialog .app-select-menu .select-divider{order:2}
#training-dialog .app-select-menu button:not(.ora-choice){order:1}
#training-dialog textarea:required{border-color:#8ab9ff;background:#f7fbff}
#training-dialog label[for="context"] span{display:inline-block;margin-left:5px;white-space:nowrap}
#training-dialog .app-select-menu{overscroll-behavior:contain;scrollbar-gutter:stable}

/* A recommendation starts the daily session directly; contextual choices keep the modal. */
main.is-session>header,main.is-session>.greeting,main.is-session>.training,main.is-session>.progress-section,main.is-session>footer{display:none}
.daily-session{min-height:calc(100vh - 87px);padding:30px 0 60px}
.daily-session[hidden]{display:none}
.session-back{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:#6f83a0;font-size:12px;padding:6px 0}
.daily-session>.session-back[hidden]{display:none!important}
.session-back:hover{color:#0869f5}
.session-back .lucide{width:16px;height:16px}
.session-layout{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;min-height:520px;margin-top:8px;padding:52px 62px;border:1px solid #dcecff;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 78% 48%,#dceeff 0,#eff7ff 33%,#fff 68%)}
.session-copy{position:relative;z-index:1;max-width:560px}
.session-copy h2{font-size:clamp(34px,4vw,56px);max-width:560px;margin:12px 0 15px}
.session-copy>p:not(.eyebrow):not(.session-note){max-width:480px;color:#7f91aa;font-size:16px;line-height:1.65;margin:0 0 27px}
.session-prompt{display:grid;gap:10px;max-width:510px;margin:0 0 27px;padding:18px 20px;border:1px solid #d7e8fb;border-radius:17px;background:#ffffffc9;box-shadow:0 15px 40px #427dc915}
.session-prompt>span{display:flex;align-items:center;gap:7px;color:#6f91bd;font-size:10px;font-weight:700;letter-spacing:.13em}
.session-prompt img{width:22px;height:22px;object-fit:contain}
.session-prompt strong{font-size:21px;line-height:1.25;letter-spacing:-.4px}
.session-prompt small{color:#8296b2;font-size:12px;line-height:1.45}
.session-copy .primary{min-height:48px;padding-inline:19px}
.session-note{font-size:12px;line-height:1.6;color:#8493a9;margin:15px 0 0}
.session-ora{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:360px;color:#7f96b4;font-size:12px;z-index:1}
.session-ora>img{position:relative;width:min(92%,330px);animation:ora-hero-motion 6.8s ease-in-out infinite;filter:drop-shadow(0 18px 22px rgba(33,111,241,.15));z-index:1}
.session-ora>span{position:relative;margin-top:-4px;z-index:1}
.session-orbit{position:absolute;width:90%;height:48%;border:1px solid #bfdcff;border-radius:50%;transform:rotate(-22deg)}
main.is-session .sidebar{display:flex}
@media(max-width:700px){
 .app-select-menu .ora-choice{align-items:flex-start}
 .app-select-menu .ora-choice img{width:38px;height:38px}
 .app-select-menu .ora-choice strong{font-size:14px}
 .app-select-menu .ora-choice small{font-size:12px}
 .daily-session{min-height:calc(100vh - 54px);padding:20px 0 34px}
 .session-layout{grid-template-columns:1fr;gap:7px;min-height:0;margin-top:8px;padding:25px 20px 29px;border-radius:24px;background:radial-gradient(circle at 50% 85%,#dceeff 0,#f5faff 35%,#fff 72%)}
 .session-copy{display:flex;flex-direction:column;align-items:stretch}
 .session-copy h2{font-size:33px;margin-top:9px}
 .session-copy>p:not(.eyebrow):not(.session-note){font-size:14px;margin-bottom:21px}
 .session-prompt{margin-bottom:21px;padding:15px 16px}
 .session-prompt strong{font-size:19px}
 .session-ora{order:-1;min-height:175px}
 .session-ora>img{width:190px}
 .session-orbit{width:72%;height:68%}
}

@media(max-width:700px){
 .secondary-training{display:block;min-height:205px;padding:20px}
 .secondary-training .card-icon{display:grid}
 .secondary-training .duration{top:24px;right:20px}
 .secondary-training h3{font-size:20px;margin:16px 0 8px}
 .secondary-training p{max-width:82%;font-size:13px;line-height:1.55;margin-bottom:21px}
 .secondary-training .card-link{font-size:13px}
 .app-select-menu button{font-size:15px;padding:11px 12px}
}

/* Keep stacked practice cards aligned with the spacing used everywhere else. */
@media(max-width:1100px){
 .training-grid{grid-template-columns:1fr;gap:16px}
 .secondary-training{min-height:270px}
}
@media(max-width:700px){
 .training-grid{display:grid;grid-template-columns:1fr;gap:14px}
 .secondary-training{min-height:205px}
}
@media(min-width:1001px){.explore-grid{grid-template-columns:repeat(3,1fr)}}
.scenario-suggestion{display:flex;align-items:baseline;gap:5px;margin:-8px 0 21px;font-size:12px;color:#8a9ab0}
.scenario-suggestion strong{display:inline-block;color:#0869f5;font-weight:700;transition:opacity .24s ease,transform .24s ease}
.scenario-suggestion strong.is-changing{opacity:0;transform:translateY(5px)}
dialog .dialog-intro{margin:-4px 0 20px;font-size:13px;line-height:1.55;color:#7f91aa}
@media(max-width:700px){
 .secondary-training{min-height:230px}
 .secondary-training p.scenario-suggestion{display:flex;max-width:100%;margin:-3px 0 20px;font-size:12px;line-height:1.4}
 dialog .dialog-intro{font-size:14px;margin:-5px 0 18px}
}
@media(prefers-reduced-motion:reduce){.scenario-suggestion strong{transition:none}}

/* Session flow: preparation, live practice and a compact reflection. */
.prep-layout{max-width:1120px;margin:0 auto;padding:36px 0 60px}
.prep-heading{max-width:700px;margin-bottom:28px}
.prep-heading h2{font-size:clamp(34px,4vw,52px);margin:11px 0 12px}
.prep-heading>p:last-child{font-size:16px;line-height:1.65;color:#7f91aa;margin:0}
.session-start-error-dialog{width:min(440px,calc(100vw - 32px));padding:30px 28px;text-align:center}
.session-start-error-dialog .close{top:12px;right:14px}
.session-start-error-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto;border-radius:50%;background:#fff2f0;color:#bd554c;font-size:24px;font-weight:700}
.session-start-error-dialog .eyebrow{margin:14px 0 0}
.session-start-error-dialog h2{margin:9px 18px 8px;font-size:25px;line-height:1.12;letter-spacing:-.5px}
.session-start-error-dialog>p:not(.eyebrow){margin:0;color:#7186a2;font-size:13px;line-height:1.55}
.session-start-error-countdown{display:block;margin:11px 0 0;color:#376ca6;font-size:12px;font-weight:700}
.session-start-error-countdown[hidden]{display:none}
.session-start-error-dialog>.primary{justify-content:center;width:100%;margin-top:21px}
.prep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.prep-card{min-height:142px;padding:21px 22px;border:1px solid #deebf9;border-radius:18px;background:#fff}
.prep-label,.result-label{display:block;color:#7d96b8;font-size:10px;font-weight:700;letter-spacing:.13em}
.prep-card>strong{display:block;margin-top:18px;font-size:18px;line-height:1.3;letter-spacing:-.3px}
.prep-card>small{display:block;margin-top:9px;color:#8799b1;font-size:12px;line-height:1.45}
.prep-role{background:linear-gradient(120deg,#f4f9ff,#fff)}
.prep-role>div{display:flex;align-items:center;gap:11px;margin-top:12px}
.prep-role img{width:48px;height:48px;object-fit:contain;flex:0 0 auto}
.prep-role p{margin:0;color:#617897;font-size:13px;line-height:1.5}
.prep-focus{background:#f6faff;border-color:#d4e7fd}
.prep-focus>strong{font-size:19px;color:#0869f5}
.prep-mic{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:13px}
.prep-mic .prep-label{flex-basis:100%}
.mic-status{display:flex;align-items:center;gap:8px;color:#5b7393;font-size:13px}
.mic-status .lucide{width:19px;height:19px;color:#3f88f3}
.ghost-button{border:1px solid #d6e5f6;border-radius:10px;padding:10px 13px;background:#fff;color:#3e648f;font-size:12px}
.ghost-button:hover,.ghost-button.is-ready{border-color:#8fbeff;color:#0869f5;background:#f4f9ff}
.prep-expectation{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:21px 0 24px;padding:18px 21px;border-top:1px solid #e5eef8;border-bottom:1px solid #e5eef8}
.prep-expectation p{max-width:650px;margin:8px 0 0;color:#7f91aa;font-size:13px;line-height:1.55}
.prep-time{display:flex;align-items:center;gap:6px;color:#8296b1;font-size:12px;white-space:nowrap}
.prep-time .lucide{width:16px;height:16px;color:#4d8ff0}
.prep-start{min-height:48px}
.prep-start:disabled{cursor:wait;opacity:.7}
.session-note{font-size:12px;line-height:1.6;color:#8493a9;margin:15px 0 0}

.live-session{display:flex;flex-direction:column;min-height:100dvh;padding:24px 0 max(26px,env(safe-area-inset-bottom))}
.live-session[hidden],.session-result[hidden]{display:none}
.session-launch{position:fixed;z-index:90;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#edf6ff 0,#f7fbff 38%,#fff 74%);opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s}
.live-session.is-launching .session-launch{opacity:1;visibility:visible}
.session-launch>div{display:flex;align-items:center;flex-direction:column;text-align:center;animation:session-launch-in 1.05s cubic-bezier(.2,.8,.2,1) both}
.session-launch img{width:clamp(150px,24vw,270px);filter:drop-shadow(0 28px 48px rgba(20,105,235,.22));animation:session-launch-breathe 1.8s ease-in-out infinite}
.session-launch span{margin-top:-5px;color:#1671ec;font-size:10px;font-weight:700;letter-spacing:.18em}
.session-launch strong{margin-top:15px;color:#172843;font-size:clamp(28px,4vw,52px);letter-spacing:-.045em}
.session-launch small{margin-top:9px;color:#7890ae;font-size:14px}
@keyframes session-launch-in{from{opacity:0;transform:scale(.88) translateY(22px)}to{opacity:1;transform:none}}
@keyframes session-launch-breathe{50%{transform:scale(1.045);filter:drop-shadow(0 34px 58px rgba(20,105,235,.32))}}
.live-top{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:100%;max-width:1040px;margin:0 auto}
.live-heading{min-width:0;text-align:center}
.live-heading strong,.live-heading small{display:block}
.live-heading strong{font-size:15px;letter-spacing:-.15px}
.live-heading small{margin-top:3px;color:#91a0b3;font-size:11px}
.live-caption-toggle{position:relative;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:0;border-radius:9px;padding:7px 8px;background:transparent;color:#7b8da7;font-size:11px;line-height:1;transition:color .18s ease}
.live-caption-toggle::before{content:"";position:absolute;top:50%;left:-.5px;z-index:0;width:34px;height:34px;border-radius:50%;background:transparent;pointer-events:none;transform:translateY(-50%);transition:background .18s ease}
.live-caption-toggle[aria-pressed="true"]{color:#0869f5}
@media(hover:hover){.live-caption-toggle:hover{color:#0869f5}.live-caption-toggle:hover::before{background:#f0f6ff}}
.live-caption-toggle .lucide{position:relative;z-index:1;display:block;flex:0 0 17px;width:17px;height:17px}
.live-caption-toggle>span{position:relative;z-index:1;white-space:nowrap}
.live-session.show-caption-hint .live-caption-toggle{border:1px solid #cfe1f8;background:#edf5ff;color:#2169bd;box-shadow:0 5px 18px rgba(28,75,139,.1)}
.live-session.show-caption-hint .live-caption-toggle::before{display:none}
.live-stage{display:flex;align-items:center;flex:1;flex-direction:column;justify-content:center;min-height:0;padding:14px 0 12px;text-align:center}
.live-timer{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:9px 17px;border-radius:99px;background:#eef5ff;color:#182a45;font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.live-timer small{color:#8093ad;font-size:11px;letter-spacing:0}
.live-timer .lucide{width:18px;height:18px;color:#426d9f}
.live-ora{position:relative;width:clamp(270px,35vh,350px);height:clamp(270px,35vh,350px);margin:-13px 0 -22px;filter:drop-shadow(0 24px 32px rgba(33,111,241,.15));transition:width .42s cubic-bezier(.2,.75,.3,1),height .42s cubic-bezier(.2,.75,.3,1),margin .42s cubic-bezier(.2,.75,.3,1)}
.live-ora canvas,.live-ora-fallback{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.live-ora-fallback{animation:ora-hero-motion 6.8s ease-in-out infinite}
.live-session.is-speaking .live-ora{filter:drop-shadow(0 24px 38px rgba(33,111,241,.25))}
.live-session.has-captions .live-ora{width:clamp(220px,30vh,300px);height:clamp(220px,30vh,300px)}
.live-session.has-captions.has-guidance .live-ora{width:clamp(190px,26vh,260px);height:clamp(190px,26vh,260px)}
.live-session.has-connection-notice .live-ora{width:clamp(185px,28vh,255px);height:clamp(185px,28vh,255px)}
.live-session.has-connection-notice .live-wave{visibility:hidden;height:8px;margin:0}
.live-state{position:relative;color:#24466d;font-size:15px;font-weight:700;z-index:1}
.live-session.is-speaking .live-state{color:#176de3}
.live-voice-help{max-width:min(440px,90vw);margin:5px 0 0;color:#6b82a1;font-size:12px;line-height:1.4;text-align:center}
.live-time-warning{max-width:min(460px,90vw);margin:7px 0 0;padding:8px 12px;border:1px solid #cfe1fa;border-radius:12px;background:#f3f8ff;color:#285d9d;font-size:12px;line-height:1.4;text-align:center}
.live-time-warning[hidden]{display:none}

.live-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:38px;margin:5px 0 4px}
.live-wave i{display:block;width:4px;height:13px;border-radius:99px;background:#68a8f8;animation:live-wave 1.15s ease-in-out infinite;transform-origin:center}
.live-wave i:nth-child(2),.live-wave i:nth-child(6){height:22px;animation-delay:-.55s}.live-wave i:nth-child(3),.live-wave i:nth-child(5){height:31px;animation-delay:-.25s}.live-wave i:nth-child(4){height:20px;animation-delay:-.75s}
.live-session.is-speaking .live-wave i{animation-duration:.72s;background:#1672ee}
@keyframes live-wave{0%,100%{transform:scaleY(.55);opacity:.65}50%{transform:scaleY(1.16);opacity:1}}
.live-caption[hidden]{display:none}
.live-chat{display:flex;flex-direction:column;gap:10px;width:min(560px,92vw);max-height:0;margin:0;padding:0 2px;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:0;visibility:hidden;transform:translateY(10px);overflow:hidden;scrollbar-width:none;text-align:left;transition:max-height .46s cubic-bezier(.2,.75,.3,1),margin .46s cubic-bezier(.2,.75,.3,1),opacity .3s ease,transform .38s ease,visibility 0s linear .46s}
.live-chat.is-visible{max-height:220px;margin:10px 0 5px;padding:0 2px;opacity:1;visibility:visible;transform:none;overflow:auto;transition-delay:0s}
.live-chat::-webkit-scrollbar{display:none}
.live-message{width:max-content;max-width:min(88%,480px);animation:chat-message-in .32s cubic-bezier(.2,.8,.2,1) both}
.live-message.is-user{align-self:flex-end;text-align:right}
.live-message small{display:block;margin:0 7px 3px;color:#7390b5;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.11em}
.live-message p{margin:0;padding:9px 12px;border:1px solid #dceafb;border-radius:15px 15px 15px 5px;background:#edf5ff;color:#335779;font-size:12px;line-height:1.4;box-shadow:0 7px 18px rgba(40,91,153,.06)}
.live-message.is-user p{border-color:#0869f5;border-radius:15px 15px 5px 15px;background:#0869f5;color:#fff;box-shadow:0 8px 20px rgba(8,105,245,.16)}
.live-message.is-interim p{opacity:.82}
.live-message.is-interim small::after{content:' · AO VIVO';color:#0869f5;font-size:7px}
.live-message.is-user.is-interim small::after{color:#fff;opacity:.9}
@keyframes chat-message-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.live-tip{display:flex;align-items:center;gap:13px;width:min(460px,90vw);margin-top:5px;padding:11px 14px;border:1px solid #e2edfa;border-radius:16px;background:linear-gradient(120deg,#f1f7ff,#fff);text-align:left}
.live-tip[hidden]{display:none}
.live-tip>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#e2efff;color:#267dec}
.live-tip>span .lucide{width:21px;height:21px}
.live-tip p{display:grid;gap:3px;margin:0}.live-tip small{color:#1470eb;font-size:9px;font-weight:700;letter-spacing:.11em}.live-tip strong{color:#2d425e;font-size:13px;font-weight:400;line-height:1.35}
.live-controls{display:grid;grid-template-columns:repeat(3,92px);align-items:end;justify-content:center;gap:28px;width:100%;margin:0 auto}
.session-control{display:flex;align-items:center;flex-direction:column;gap:8px;border:0;background:none;color:#344b68;font-size:12px}
.control-circle{display:grid;place-items:center;width:60px;height:60px;border:1px solid #dce7f4;border-radius:50%;background:#fff;box-shadow:0 8px 26px rgba(31,74,126,.08);transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease}
.control-circle .lucide{width:22px;height:22px}
.control-icon-switch{position:relative;display:block;width:22px;height:22px;isolation:isolate}
.control-icon-switch .lucide{position:absolute;inset:0;width:22px;height:22px;transform-origin:center;transition:opacity .22s ease,transform .34s cubic-bezier(.18,.85,.25,1.22)}
.control-icon-switch .lucide:first-child{opacity:1;transform:rotate(0) scale(1)}
.control-icon-switch .lucide:last-child{opacity:0;transform:translateY(5px) rotate(24deg) scale(.58)}
.session-control[aria-pressed="true"] .control-icon-switch .lucide:first-child{opacity:0;transform:translateY(-5px) rotate(-24deg) scale(.58)}
.session-control[aria-pressed="true"] .control-icon-switch .lucide:last-child{opacity:1;transform:translateY(0) rotate(0) scale(1)}
.session-control:hover .control-circle{transform:translateY(-2px);background:#f0f6ff;color:#0869f5}
.session-control[aria-pressed="true"] .control-circle{background:#e7f1ff;color:#0869f5;border-color:#a9ceff;box-shadow:0 10px 25px rgba(8,105,245,.13)}
.session-control:active .control-circle{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){.control-icon-switch .lucide,.control-circle{transition:none}}
.end-control .control-circle{width:70px;height:70px;border:0;background:#f34e57;color:#fff;box-shadow:0 12px 30px rgba(236,63,75,.22)}
.end-control:hover .control-circle{background:#df3844;color:#fff}
.end-control small{font-weight:700;color:#283e5b}
body.is-live-session .sidebar{display:none}
body.is-live-session main{max-width:none;margin-left:0;padding-inline:clamp(24px,5vw,76px)}

.session-result{max-width:1060px;margin:0 auto;padding:31px 0 60px}
.session-result[data-result-state="pending"]>:not(.session-back):not(.result-loading){display:none}
.result-heading{max-width:650px;margin:28px 0 28px}
.result-heading h2{font-size:clamp(33px,4vw,52px);margin:11px 0 13px}
.result-heading p{color:#7f91aa;font-size:15px;line-height:1.6;margin:0}
.result-feedback{padding:25px 27px;border:1px solid #deebf9;border-radius:21px;background:#fff}
.result-feedback>span{color:#0869f5;font-size:10px;font-weight:700;letter-spacing:.13em}
.result-feedback h3{margin:17px 0 9px;font-size:clamp(24px,3vw,34px);letter-spacing:-.7px}
.result-feedback p{margin:0;color:#7f91aa;font-size:15px;line-height:1.55}
.result-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:13px}
.result-metrics article{padding:20px 21px;border:1px solid #deebf9;border-radius:18px;background:#fff}
.result-metrics span{display:block;color:#7890ae;font-size:13px}
.result-metrics strong{display:block;margin:13px 0 15px;font-size:36px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-1.2px}
.result-metrics i{display:block;height:6px;border-radius:99px;background:#e1edfb;overflow:hidden}
.result-metrics b{display:block;width:var(--score);height:100%;border-radius:inherit;background:linear-gradient(90deg,#0869f5,#6da8fa);transition:width .7s ease}
.result-metrics article:nth-child(2){background:#f6faff;border-color:#d5e8fe}
.result-metrics article.is-insufficient{background:#fbfcfe;border-color:#e6edf6}
.result-metrics article.is-insufficient strong{font-size:24px;color:#9aa9bb;letter-spacing:-.4px}
.result-metrics .metric-explanation{display:block;margin-top:10px;color:#7187a3;font-size:11px;line-height:1.4}
.result-metrics strong{font-size:19px;line-height:1.2;letter-spacing:-.3px;margin:12px 0 2px}
.result-metrics article.is-insufficient strong{font-size:19px}
.metric-heading{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:7px 0 0}
.metric-heading strong{margin:0;color:#7890ae;font-size:12px;line-height:1.3;letter-spacing:.12em;font-weight:700}
.metric-heading small{color:#8b9eb7;font-size:11px;line-height:1.4;text-align:right}
.result-metrics article.has-score strong{font-size:32px;letter-spacing:-.8px;color:#1d3658}
.skill-row>i[hidden],.pattern-meter i[hidden]{display:none}
.pattern-meter i[hidden]+span{grid-column:1/-1;justify-self:start}
.pattern-card[data-real-item] p{white-space:pre-line}
.pattern-meter[hidden]{display:none}
.result-columns{display:grid;grid-template-columns:.8fr 1.2fr;gap:13px;margin-top:13px}
.result-columns.is-single{grid-template-columns:1fr}
.result-columns .result-card[hidden]{display:none}
.result-card{padding:21px;border-radius:18px;background:#f7faff;border:1px solid #e0ecfa}
.result-card ul{display:grid;gap:11px;margin:18px 0 0;padding:0;list-style:none;color:#627b9e;font-size:13px;line-height:1.45}
.result-card li{position:relative;padding-left:18px}
.result-card li::before{content:'✓';position:absolute;left:0;color:#4d90f1;font-weight:700}
.result-next{background:#fff}
.result-next p{margin:16px 0 20px;color:#617897;font-size:14px;line-height:1.6}
.result-ora{display:flex;align-items:center;gap:7px;color:#6b85a7;font-size:12px}
.result-ora[hidden]{display:none}
.result-ora img{width:24px;height:24px;object-fit:contain}
.result-quote{margin-top:13px;padding:20px 21px;border:1px solid #dceafb;border-radius:18px;background:linear-gradient(105deg,#f2f8ff,#fff)}
.result-quote blockquote{margin:15px 0 8px;padding:0;background:none;color:#1f3657;font-size:18px;line-height:1.45}
.result-quote p{margin:0;color:#7187a5;font-size:12px;line-height:1.5}
.result-quote-toggle{display:inline-flex;align-items:center;gap:9px;margin:13px 0 10px;padding:0;border:0;background:transparent;color:#0869f5;font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer}
.result-quote-toggle::after{content:'↗';font-size:17px;line-height:1;transition:transform .2s ease}
.result-quote-toggle[hidden]{display:none}
.result-quote-toggle[aria-expanded="true"]::after{transform:rotate(90deg)}
.result-quote blockquote[hidden]{display:none}
.review-feedback-dialog{width:min(640px,calc(100vw - 32px));max-height:min(88vh,850px);padding:0;border:1px solid #dceafb;border-radius:27px;background:#fff;color:#1e3150;box-shadow:0 28px 90px rgba(18,51,95,.24);overflow:hidden}
.review-feedback-dialog::backdrop{background:rgba(22,43,75,.5);backdrop-filter:blur(7px)}
.review-dialog-head{position:relative;padding:29px 32px 23px;background:radial-gradient(circle at 93% 0%,#d9eaff 0,transparent 38%),linear-gradient(125deg,#f3f8ff,#fff)}
.review-dialog-head .eyebrow{color:#0869f5}
.review-dialog-head h2{margin:13px 0 9px;font-size:clamp(27px,5vw,37px);letter-spacing:-.04em;line-height:1.1}
.review-dialog-head p{max-width:510px;margin:0;color:#6d819e;font-size:14px;line-height:1.55}
.review-close{position:absolute;top:21px;right:24px;width:34px;height:34px;border:1px solid #dceafb;border-radius:50%;background:#fff;color:#55718f;font-size:24px;line-height:1;cursor:pointer}
.review-dialog-body{max-height:52vh;padding:23px 32px;overflow:auto}
.review-turns-head{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin-bottom:13px}
.review-turns-head strong{color:#7691b4;font-size:11px;letter-spacing:.13em}
.review-turns-head small{color:#8196ae;font-size:11px}
.review-turns{display:grid;gap:12px}
.review-turn{padding:15px;border:1px solid #e1eaf6;border-radius:16px;background:#f8fbff}
.review-turn label{display:block;margin-bottom:8px;color:#3472bf;font-size:12px;font-weight:700}
.review-turn textarea,.review-feedback-dialog textarea{box-sizing:border-box;width:100%;min-height:83px;padding:11px 12px;border:1px solid #d5e2f2;border-radius:11px;background:#fff;color:#1e3150;font:inherit;font-size:14px;line-height:1.5;resize:vertical}
.review-turn textarea:focus,.review-feedback-dialog textarea:focus{outline:2px solid #82b5ff;outline-offset:2px}
.review-concern-label{display:block;margin:22px 0 9px;color:#1e3150;font-size:14px;font-weight:700}
.review-concern-label span{display:block;margin-top:3px;color:#8193aa;font-size:12px;font-weight:400}
.review-feedback-status{min-height:19px;margin:11px 0 0;color:#6d819e;font-size:12px;line-height:1.45}
.review-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 32px;border-top:1px solid #e5eef9;background:#fff}
.review-dialog-actions button{min-height:47px;padding:0 18px;border-radius:11px}
.review-dialog-actions button:disabled{opacity:.55;cursor:wait}
.session-result .result-heading{margin-bottom:22px}
.session-result .result-heading .eyebrow{color:#347ee6}
.session-result .result-heading h2{color:#172f56;line-height:1.02;letter-spacing:-.052em}
.result-feedback{position:relative;overflow:hidden;isolation:isolate;min-height:185px;padding:30px 34px;border:0;border-radius:25px;background:#0053e5;box-shadow:0 16px 38px rgba(0,83,229,.15)}
.result-feedback::before{content:none}
.result-feedback::after{content:'';position:absolute;z-index:-1;right:29px;top:25px;bottom:auto;width:55px;height:55px;border:0;border-radius:0;background:#fff;opacity:1;transform:none;mask:url('/assets/brand/ora-mark.svg') center/contain no-repeat;-webkit-mask:url('/assets/brand/ora-mark.svg') center/contain no-repeat;pointer-events:none}
.result-feedback>span{color:#d4e8ff}
.result-feedback h3{position:relative;max-width:700px;margin:17px 0 12px;color:#fff;line-height:1.18}
.result-feedback p{position:relative;max-width:650px;color:#e3efff}
.result-feedback p[hidden]{display:none}
.result-columns.is-single{margin-top:17px}
.result-columns.is-single .result-next{padding:28px 32px;border:0;border-radius:19px;background:#eaf2ff;box-shadow:none}
.result-columns.is-single .result-next::before{content:none}
.result-columns.is-single .result-next .prep-label{color:#347ee6}
.result-columns.is-single .result-next p{max-width:660px;margin:15px 0 0;color:#18375e;font-size:clamp(18px,2.2vw,25px);line-height:1.42;font-weight:600;letter-spacing:-.015em}
.result-quote{margin-top:17px;border-color:#e4eaf2;background:#f0f3f8;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.result-quote .prep-label{color:#687f9f}
.result-quote-toggle{color:#126bf0}
.result-metrics{gap:12px;margin-top:19px}
.result-metrics article{border:0;background:#e9f2ff;border-radius:17px}
.result-metrics article:nth-child(2){border:0;background:#dcecff}
.result-metrics article:nth-child(3){background:#edf2fa}
.result-metrics article.is-insufficient{border:1px solid #e8edf4;background:#f5f7fa}
.result-metrics .metric-heading{margin:5px 0 3px}
.result-metrics article{display:flex;flex-direction:column;padding:22px 23px;border:1px solid #dce8f8;background:linear-gradient(155deg,#fff 0%,#f7faff 100%);box-shadow:0 10px 26px rgba(31,76,141,.045)}
.result-metrics article.has-score{min-height:154px}
.result-metrics article:nth-child(2),.result-metrics article:nth-child(3){background:linear-gradient(155deg,#fff 0%,#f7faff 100%);border:1px solid #dce8f8}
.result-metrics .metric-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.result-metrics .metric-card-top span{max-width:70%;color:#405d83;font-size:14px;font-weight:600;line-height:1.35}
.result-metrics .metric-card-top strong{flex:none;margin:0;color:#193c69;font-size:17px;line-height:1.2;white-space:nowrap}
.result-metrics article.has-score .metric-card-top strong{padding:5px 10px;border:1px solid #cfe1fc;border-radius:10px;background:#eaf3ff;color:#075ad8;font-size:18px;letter-spacing:-.03em}
.result-metrics .metric-scale{display:flex;gap:5px;margin-top:19px}
.result-metrics .metric-scale i{height:6px;flex:1;background:#e0e9f5;border-radius:99px}
.result-metrics .metric-scale i.is-filled{background:linear-gradient(90deg,#0869f5,#5e9cf7)}
.result-metrics .metric-explanation{margin-top:auto;padding-top:20px;color:#647b99;font-size:12px;line-height:1.5}
.result-metrics article.is-insufficient{background:#f8fafc;border-color:#e5ebf3;box-shadow:none}
.result-metrics article.is-insufficient .metric-card-top strong{color:#778ba5;font-size:14px}
.result-disclaimer{max-width:820px;margin-top:20px;color:#8fa0b6}
.review-dialog-body{height:clamp(270px,42vh,470px);max-height:none;scrollbar-gutter:stable}
.review-feedback-dialog.is-loading .review-concern-label,.review-feedback-dialog.is-loading #review-feedback-concern,.review-feedback-dialog.is-loading .review-feedback-status{display:none}
.review-turns-loading{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:155px;padding:0 8px;text-align:center}
.review-loading-orb{display:grid;place-items:center;width:58px;height:58px;margin-bottom:9px;border:1px solid #c9ddfa;border-radius:20px;background:radial-gradient(circle at 30% 20%,#fff,#e4f0ff 70%);box-shadow:0 12px 30px rgba(44,107,196,.15);animation:review-orb-breathe 2.1s ease-in-out infinite}
.review-loading-orb img{width:35px;height:35px;filter:brightness(0) saturate(100%) invert(29%) sepia(91%) saturate(2376%) hue-rotate(207deg) brightness(96%) contrast(96%)}
.review-turns-loading strong{color:#193b67;font-size:17px;letter-spacing:-.02em}
.review-loading-note{margin-top:6px;color:#788da9;font-size:12px}
.review-loading-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:min(280px,100%);margin-top:12px}
.review-loading-lines i{height:9px;width:43px;border-radius:99px;background:linear-gradient(100deg,#e3edfa 20%,#fff 50%,#e3edfa 80%);background-size:220% 100%;animation:review-words-shimmer 1.7s linear infinite}
.review-loading-lines i:nth-child(2),.review-loading-lines i:nth-child(6){width:65px;animation-delay:-.25s}
.review-loading-lines i:nth-child(3){width:31px;animation-delay:-.5s}
.review-loading-lines i:nth-child(4){width:55px;animation-delay:-.75s}
.review-loading-lines i:nth-child(5){width:76px;animation-delay:-1s}
.review-turn{animation:review-turn-reveal .45s both;animation-delay:calc(var(--turn-index) * 55ms)}
.review-dialog-actions{position:sticky;bottom:0;z-index:1;align-items:center;box-shadow:0 -8px 24px rgba(32,67,118,.035)}
.review-dialog-actions button{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}
.review-dialog-actions .primary{min-width:190px}
@keyframes review-orb-breathe{50%{transform:translateY(-5px);box-shadow:0 18px 36px rgba(44,107,196,.19)}}
@keyframes review-words-shimmer{to{background-position-x:-220%}}
@keyframes review-turn-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.feedback-comparison{max-width:1060px;margin:0 auto;padding:31px 0 70px}
.feedback-comparison[hidden]{display:none}
.comparison-heading{max-width:760px;margin:33px 0 28px}
.comparison-heading .eyebrow{color:#176de4}
.comparison-heading h2{max-width:700px;margin:14px 0 12px;color:#172f56;font-size:clamp(35px,4.6vw,58px);line-height:1.04;letter-spacing:-.055em}
.comparison-heading p{max-width:620px;margin:0;color:#7b8eaa;font-size:15px;line-height:1.6}
.comparison-focus{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:19px;padding:13px 17px;border:1px solid #d9e7fa;border-radius:15px;background:#edf5ff}
.comparison-focus span{color:#587fab;font-size:10px;font-weight:700;letter-spacing:.12em}
.comparison-focus strong{color:#173e73;font-size:15px}
.comparison-focus small{margin-left:auto;color:#7d92ab;font-size:11px}
.comparison-grid{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:7px;align-items:stretch}
.comparison-card{position:relative;min-height:360px;padding:27px;border-radius:24px;overflow:hidden}
.comparison-before{border:1px solid #dde6f2;background:#f0f3f8;color:#243c5f}
.comparison-after{border:1px solid #1a5bb2;background:radial-gradient(circle at 98% 0%,rgba(103,187,255,.34),transparent 40%),linear-gradient(145deg,#18355d,#0d4a99);color:#fff;box-shadow:0 18px 45px rgba(15,68,146,.16)}
.comparison-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.comparison-card-head span{font-size:10px;font-weight:700;letter-spacing:.14em}
.comparison-before .comparison-card-head span{color:#6885a6}.comparison-after .comparison-card-head span{color:#a6d4ff}
.comparison-card-head time{opacity:.65;font-size:11px}
.comparison-card h3{margin:33px 0 10px;font-size:23px;letter-spacing:-.035em}
.comparison-observation{min-height:105px;margin:0;font-size:16px;line-height:1.55}
.comparison-before .comparison-observation{color:#445f80}.comparison-after .comparison-observation{color:#dbeaff}
.comparison-card-foot{margin-top:26px;padding-top:19px;border-top:1px solid currentColor;border-color:rgba(104,142,185,.25)}
.comparison-card-foot[hidden]{display:none}
.comparison-card-foot span{font-size:10px;font-weight:700;letter-spacing:.12em;opacity:.66}
.comparison-card-foot p{margin:9px 0 0;font-size:13px;line-height:1.5}
.comparison-score{display:inline-block;margin-top:16px;padding:8px 12px;border-radius:10px;background:rgba(35,107,195,.1);font-size:14px}
.comparison-after .comparison-score{background:rgba(255,255,255,.14)}
.comparison-score[hidden]{display:none}
.comparison-bridge{display:grid;place-items:center;align-self:center;z-index:1;width:43px;height:43px;margin-left:-3px;border-radius:50%;background:#fff;color:#1372e9;font-size:25px;box-shadow:0 8px 22px rgba(20,81,159,.12)}
.comparison-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:18px}
.comparison-actions .primary,.comparison-actions .ghost-button{min-height:52px;padding:0 19px;border-radius:12px}
.comparison-actions .primary[hidden]{display:none}
.comparison-actions>a{padding:12px;color:#587399;font-size:13px}
.comparison-actions>a:hover{color:#0053e5}
.result-disclaimer{margin:13px 2px 0;color:#98a6b9;font-size:10px;line-height:1.5}
.result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.result-actions .primary,.result-actions .ghost-button{min-height:52px;border-radius:13px;padding:0 18px}
.result-actions [hidden]{display:none!important}
.result-actions .primary{justify-content:space-between;box-shadow:0 10px 24px rgba(8,105,245,.16)}
.result-actions a{text-decoration:none}
.result-actions .result-home-link{padding:10px 4px;color:#7186a3;font-size:13px}
.result-actions .result-home-link:hover{color:#0869f5}

@media(max-width:700px){
 .daily-session{min-height:calc(100vh - 54px);padding:20px 0 34px}
 .prep-layout{padding:20px 0 34px}
 .prep-heading{margin-bottom:21px}
 .prep-heading h2{font-size:34px;line-height:1.1}
 .prep-heading>p:last-child{font-size:14px}
 .prep-grid{grid-template-columns:1fr;gap:10px}
 .prep-card{min-height:0;padding:17px 17px}
 .prep-card>strong{margin-top:13px;font-size:17px}
 .prep-role>div{margin-top:9px}
 .prep-role img{width:43px;height:43px}
 .prep-role p{font-size:12px}
 .prep-expectation{display:block;margin:16px 0 20px;padding:16px 0}
 .prep-expectation p{font-size:12px}
 .prep-time{margin-top:13px}
 .prep-start{width:100%;justify-content:space-between}
 body.is-live-session{overflow:hidden}
 .live-session{height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;padding:15px 0 max(18px,env(safe-area-inset-bottom))}
 .live-top{grid-template-columns:36px minmax(0,1fr) max-content;gap:8px}
 .live-top .session-back{font-size:0}.live-top .session-back .lucide{width:21px;height:21px}
 .live-heading strong,.live-heading small{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .live-heading strong{font-size:14px}.live-heading small{font-size:10px}
 .live-caption-toggle{justify-self:end;width:36px;height:36px;padding:0;font-size:0}.live-caption-toggle .lucide{width:17px;height:17px}
 .live-session.show-caption-hint .live-caption-toggle{width:auto;padding:0 9px;font-size:11px}
 .live-caption-toggle>span{display:none;font-size:11px}.live-session.show-caption-hint .live-caption-toggle>span{display:inline}
 .live-stage{min-height:0;overflow:hidden;padding:12px 0 10px}
 .live-timer{padding:8px 15px;font-size:16px;margin-bottom:2px}
 .live-ora{width:clamp(190px,45vw,260px);height:clamp(190px,45vw,260px);margin:-5px 0 -14px}
 .live-session.has-captions .live-ora{width:clamp(150px,32vw,205px);height:clamp(150px,32vw,205px);margin:-3px 0 -10px}
 .live-session.has-captions.has-guidance .live-ora{width:clamp(126px,27vw,175px);height:clamp(126px,27vw,175px);margin:0 0 -8px}
 .live-session.has-connection-notice .live-ora{width:clamp(145px,34vw,205px);height:clamp(145px,34vw,205px);margin:-2px 0 -10px}
 .live-chat.is-visible{max-height:150px;margin:5px 0 3px;padding:0 2px}
 .live-tip{width:min(92vw,420px);margin-top:3px;padding:8px 10px;gap:9px}
 .live-tip>span{flex-basis:32px;width:32px;height:32px}
 .live-tip>span .lucide{width:17px;height:17px}
 .live-tip strong{font-size:11px}
 .live-ora{width:min(91vw,365px);height:min(91vw,365px);margin:-21px 0 -28px}
 .live-state{font-size:15px}
 .live-wave{margin:4px 0 1px}
 .live-chat.is-visible{max-height:170px;margin-top:4px;padding:0 2px}
 .live-message p{font-size:11px;padding:8px 10px}
 .live-tip{width:min(100%,410px);margin-top:7px;padding:12px 13px;border-radius:15px}
 .live-tip>span{width:38px;height:38px;flex-basis:38px}.live-tip strong{font-size:12px}
 .live-controls{grid-template-columns:repeat(3,minmax(74px,92px));gap:clamp(8px,5vw,25px);margin-top:3px}
 .control-circle{width:57px;height:57px}.end-control .control-circle{width:68px;height:68px}.session-control small{font-size:11px}
 .session-result{padding:20px 0 34px}
 .result-heading{margin:22px 0 22px}
 .result-heading h2{font-size:34px;line-height:1.1}
 .result-heading p{font-size:14px}
 .result-feedback{padding:18px}
 .result-feedback h3{font-size:24px;margin-top:13px}
 .result-feedback p{font-size:13px}
 .result-metrics{grid-template-columns:1fr;gap:10px;margin-top:10px}
 .result-metrics article{padding:17px 16px}
 .result-metrics article.has-score{min-height:130px}
 .result-metrics span{font-size:12px;min-height:30px}
 .result-metrics strong{font-size:32px;margin:10px 0 13px;letter-spacing:-1px}
 .result-metrics strong,.result-metrics article.is-insufficient strong{font-size:17px;line-height:1.2;letter-spacing:-.2px;margin:10px 0 2px}
 .metric-heading{display:block;margin:4px 0 0}.metric-heading strong{font-size:11px;margin:0}.metric-heading small{display:block;margin-top:4px;text-align:left}
 .result-metrics article.has-score strong{font-size:28px}
 .result-metrics article.has-score .metric-card-top strong{font-size:17px}
 .result-metrics .metric-card-top span{min-height:0;font-size:13px}
 .result-metrics .metric-explanation{padding-top:16px}
 .result-columns{grid-template-columns:1fr;gap:10px}
 .result-quote{margin-top:10px;padding:17px}
 .result-quote blockquote{font-size:17px}
 .result-feedback{min-height:0;padding:26px 23px;border-radius:21px}
 .result-feedback::after{right:20px;top:17px;bottom:auto;width:40px;height:40px;opacity:1;transform:none}
 .result-columns.is-single .result-next{padding:24px 23px}
 .result-columns.is-single .result-next p{padding-right:12px;font-size:19px}
 .feedback-comparison{padding:20px 0 38px}
 .comparison-heading{margin:27px 0 21px}.comparison-heading h2{font-size:37px}.comparison-heading p{font-size:13px}
 .comparison-focus{display:block;padding:15px}.comparison-focus strong{display:block;margin:5px 0}.comparison-focus small{display:block}
 .comparison-grid{grid-template-columns:1fr;gap:0}.comparison-card{min-height:0;padding:24px;border-radius:21px}.comparison-card h3{margin-top:24px}.comparison-observation{min-height:0}
 .comparison-bridge{margin:-5px auto;transform:rotate(90deg)}
 .comparison-actions{display:grid;gap:9px}.comparison-actions .primary,.comparison-actions .ghost-button{width:100%;justify-content:space-between}.comparison-actions>a{text-align:center}
 .review-feedback-dialog{width:calc(100vw - 18px);max-height:94vh;border-radius:21px}
 .review-dialog-head{padding:24px 20px 20px}.review-close{top:16px;right:17px}
 .review-dialog-body{height:clamp(240px,43vh,390px);max-height:none;padding:18px 20px}.review-turns-head{display:block}.review-turns-head small{display:block;margin-top:4px}
 .review-dialog-actions{padding:13px 20px}.review-dialog-actions button{flex:1;padding:0 10px;font-size:13px}
 .result-actions{display:grid;gap:9px}
 .result-actions .primary,.result-actions .ghost-button{width:100%;min-height:56px;justify-content:space-between;text-align:left;font-size:14px}
 .result-actions .ghost-button{background:#fff}
 .result-actions .result-home-link{justify-self:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){.session-launch>div,.session-launch img,.live-message,.result-loading-steps .is-current::before{animation:none}.session-launch{transition-duration:.01ms}}
@media(prefers-reduced-motion:reduce){.review-loading-orb,.review-loading-lines i,.review-turn{animation:none}}
@media(max-width:700px){body.is-live-session{padding-bottom:0}body.is-live-session main{padding-inline:5%}}
@media(min-width:701px){
 body.is-live-session{overflow:hidden}
 .live-session{height:100dvh;min-height:620px;padding-top:18px;padding-bottom:18px}
 .live-top{flex:0 0 auto}
 .live-controls{flex:0 0 80px}
}
@media(min-width:701px) and (max-height:760px){
 .live-session{min-height:560px;padding-block:12px}
 .live-heading small{display:none}
 .live-stage{padding-block:4px}
 .live-timer{padding:7px 14px;font-size:15px}
 .live-ora{width:250px;height:250px;margin:-18px 0 -24px}
 .live-wave{height:28px;margin:1px 0}
 .live-tip{padding:9px 12px}
 .live-tip>span{width:36px;height:36px;flex-basis:36px}
 .live-controls{flex-basis:72px}
 .control-circle{width:54px;height:54px}.end-control .control-circle{width:64px;height:64px}
}

/* Evolution and history views complete the return loop after a session. */
main.is-app-view>header,main.is-app-view>.greeting,main.is-app-view>.training,main.is-app-view>.progress-section,main.is-app-view>footer{display:none}
.evolution-heading{grid-template-columns:1fr}
.evolution-screen,.history-screen{max-width:1120px;margin:0 auto;padding:28px 0 64px}
.evolution-screen[hidden],.history-screen[hidden]{display:none}
.evolution-heading{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:24px;padding:24px 0 28px}
.evolution-heading h2,.history-heading h2{max-width:650px;margin:11px 0 12px;font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-1.8px}
.evolution-heading p:not(.eyebrow),.history-heading p:not(.eyebrow){max-width:650px;margin:0;color:#7f91aa;font-size:15px;line-height:1.6}
.evolution-oracle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:17px;border:1px solid #d9eaff;border-radius:26px;background:radial-gradient(circle at 50% 40%,#d9ecff,#f6faff 66%,#fff);color:#7a91b0;font-size:10px;letter-spacing:.06em}
.evolution-oracle img{width:120px;height:120px;object-fit:contain;animation:ora-hero-motion 6.8s ease-in-out infinite;filter:drop-shadow(0 15px 20px rgba(33,111,241,.16))}
.evolution-oracle span{display:flex;align-items:center;gap:5px}.evolution-oracle .lucide{width:13px;height:13px;color:#0869f5}
.evolution-stats{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}
.evolution-stat{position:relative;min-height:150px;padding:21px 22px;border:1px solid #dfebf8;border-radius:20px;background:#fff;overflow:hidden}
.evolution-stat-main{background:linear-gradient(135deg,#eff7ff,#fff);border-color:#cfe4fd}
.stat-kicker{display:block;color:#7e97b8;font-size:10px;font-weight:700;letter-spacing:.14em}
.evolution-stat strong{display:block;margin:18px 0 3px;color:#172238;font-size:43px;line-height:.95;letter-spacing:-2px;font-variant-numeric:tabular-nums}.evolution-stat strong small{font-size:18px;letter-spacing:-.5px}.evolution-stat>small{display:block;color:#8194ae;font-size:12px}
.stat-trend{display:flex;align-items:center;gap:4px;margin-top:14px;color:#4a86de;font-size:10px}.stat-trend .lucide{width:14px;height:14px}
.stat-sparkline{position:absolute;right:20px;bottom:23px;display:flex;align-items:end;gap:4px;width:90px;height:34px}.stat-sparkline b{width:8px;border-radius:99px;background:linear-gradient(#8dbfff,#1471ee);animation:spark-grow .9s ease-out both}.stat-sparkline b:nth-child(1){height:32%;animation-delay:.05s}.stat-sparkline b:nth-child(2){height:48%;animation-delay:.1s}.stat-sparkline b:nth-child(3){height:42%;animation-delay:.15s}.stat-sparkline b:nth-child(4){height:68%;animation-delay:.2s}.stat-sparkline b:nth-child(5){height:58%;animation-delay:.25s}.stat-sparkline b:nth-child(6){height:82%;animation-delay:.3s}.stat-sparkline b:nth-child(7){height:100%;animation-delay:.35s}
@keyframes spark-grow{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
.evolution-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;margin-top:12px}.skill-panel,.oracle-reading,.recent-panel{border:1px solid #dfebf8;border-radius:20px;background:#fff;padding:23px}.oracle-reading{background:linear-gradient(145deg,#edf7ff,#fff)}
.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.panel-heading h3{margin:9px 0 0;font-size:21px;letter-spacing:-.5px}.panel-note{color:#96a6bb;font-size:10px;white-space:nowrap;padding-top:2px}
.skill-list{display:grid;gap:17px;margin-top:22px}.skill-row>div{display:flex;justify-content:space-between;align-items:center;color:#263c5b;font-size:13px}.skill-row>div span{color:#3982ed;font-size:12px;font-weight:700}.skill-row>i{display:block;height:7px;margin:8px 0 6px;border-radius:99px;background:#e4eefb;overflow:hidden}.skill-row b{display:block;width:var(--skill);height:100%;border-radius:inherit;background:linear-gradient(90deg,#0869f5,#75b0ff);transition:width .9s cubic-bezier(.2,.75,.3,1)}.skill-row small{color:#8a9bb1;font-size:11px}
.oracle-reading-ora{display:flex;justify-content:center;margin:1px 0 -1px}.oracle-reading-ora img{width:116px;height:116px;object-fit:contain;animation:float 6s ease-in-out infinite}.oracle-reading blockquote{margin:7px 0 13px;padding:0;background:none;color:#29415f;font-size:17px;line-height:1.4}.oracle-signature{color:#7d94b3;font-size:11px}
.recent-panel{margin-top:12px}.recent-list{display:grid;margin-top:15px;border-top:1px solid #e7eff8}.recent-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto 18px;align-items:center;gap:12px;width:100%;padding:14px 0;border:0;border-bottom:1px solid #e7eff8;background:none;text-align:left;color:inherit}.recent-item:hover{color:#0869f5}.recent-icon,.history-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eff6ff;color:#1978ed}.recent-icon .lucide,.history-icon .lucide{width:19px;height:19px}.recent-item strong,.recent-item small{display:block}.recent-item strong{font-size:13px}.recent-item small{margin-top:3px;color:#8a9bb1;font-size:11px}.recent-item em{font-style:normal;color:#8295ae;font-size:11px}.recent-item em b{color:#2678e6}.recent-item>.lucide{width:16px;color:#8ca6c9}.text-button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#0869f5;font-size:12px;padding:2px 0}.text-button .lucide{width:15px;height:15px}
.history-heading{padding:24px 0 23px}.history-filter{display:flex;gap:7px;margin-bottom:15px}.history-filter button{border:1px solid #dce8f7;border-radius:99px;padding:8px 13px;background:#fff;color:#7186a4;font-size:11px}.history-filter button:hover,.history-filter button.is-active{border-color:#9bc7ff;background:#eaf4ff;color:#0869f5}.history-list{display:grid;gap:10px}.history-item{padding:20px 21px;border:1px solid #dfebf8;border-radius:19px;background:#fff;transition:transform .2s,border-color .2s}.history-item:hover{transform:translateY(-2px);border-color:#a9cffd}.history-item-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}.history-item h3{margin:6px 0 0;font-size:18px;letter-spacing:-.4px}.history-item time{color:#94a4b7;font-size:11px}.history-item>p{margin:14px 0 17px;color:#7f91aa;font-size:13px;line-height:1.5}.history-item footer{display:flex;align-items:center;justify-content:flex-start;gap:17px;padding:0;border:0;font-size:11px;color:#7c91ad}.history-item footer span{display:flex;align-items:center;gap:5px}.history-item footer .lucide{width:15px;height:15px;color:#3985ef}.history-item footer strong{color:#2678e6}.history-item footer button{display:inline-flex;align-items:center;gap:5px;margin-left:auto;border:0;background:none;color:#0869f5;font-size:11px}.history-item footer button .lucide{width:15px;height:15px}
@media(max-width:700px){
 .evolution-screen,.history-screen{padding:17px 0 36px}
 .evolution-heading{grid-template-columns:1fr;gap:14px;padding:16px 0 18px}.evolution-heading h2,.history-heading h2{font-size:34px;line-height:1.08;letter-spacing:-1.3px}.evolution-heading p:not(.eyebrow),.history-heading p:not(.eyebrow){font-size:13px;line-height:1.5}.evolution-oracle{position:relative;display:flex;flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 13px;border-radius:18px}.evolution-oracle img{width:52px;height:52px}.evolution-oracle span{font-size:10px}
 .evolution-stats{grid-template-columns:1.15fr 1fr;gap:8px}.evolution-stat{min-height:118px;padding:15px 14px;border-radius:16px}.evolution-stat-main{grid-row:span 2}.evolution-stat strong{margin:16px 0 3px;font-size:36px}.evolution-stat strong small{font-size:15px}.evolution-stat>small{font-size:10px}.stat-sparkline{right:13px;bottom:16px;width:72px;height:28px;gap:3px}.stat-sparkline b{width:6px}.stat-trend{margin-top:10px;font-size:9px}
 .evolution-grid{grid-template-columns:1fr;gap:8px;margin-top:8px}.skill-panel,.oracle-reading,.recent-panel{padding:17px 15px;border-radius:17px}.panel-heading h3{font-size:18px}.panel-note{font-size:9px}.skill-list{gap:14px;margin-top:17px}.skill-row small{font-size:10px}.oracle-reading{display:grid;grid-template-columns:68px 1fr;column-gap:10px;align-items:center}.oracle-reading>.stat-kicker{grid-column:1/-1}.oracle-reading-ora{grid-column:1;grid-row:2/4}.oracle-reading-ora img{width:68px;height:68px}.oracle-reading blockquote{grid-column:2;margin:8px 0 5px;font-size:15px}.oracle-signature{grid-column:2}.recent-panel{margin-top:8px}.recent-list{margin-top:11px}.recent-item{grid-template-columns:34px minmax(0,1fr) 16px;gap:9px;padding:12px 0}.recent-icon{width:34px;height:34px}.recent-icon .lucide{width:17px;height:17px}.recent-item strong{font-size:12px}.recent-item small{font-size:10px}.recent-item em{display:none}.recent-item>.lucide{width:15px}.text-button{font-size:11px}
 .history-heading{padding:16px 0 19px}.history-filter{overflow-x:auto;padding-bottom:2px}.history-filter button{white-space:nowrap}.history-item{padding:16px 14px;border-radius:16px}.history-item-top{grid-template-columns:36px minmax(0,1fr) auto;gap:9px}.history-icon{width:36px;height:36px}.history-item h3{font-size:16px}.history-item>p{margin:12px 0 14px;font-size:12px}.history-item footer{gap:10px;flex-wrap:wrap}.history-item footer button{width:100%;margin:2px 0 0;padding:8px 0;border-top:1px solid #edf2f8}
}
@media(prefers-reduced-motion:reduce){.evolution-oracle img,.oracle-reading-ora img,.stat-sparkline b{animation:none}.skill-row b{transition:none}}
.skill-row b{width:min(100%,var(--skill));transition:width 2.2s cubic-bezier(.2,.75,.3,1)}
@media(prefers-reduced-motion:reduce){.skill-row b{transition:none}}

/* Session flow stays inside the device width; preparation is intentionally compact on mobile. */
html,body{overflow-x:hidden}
.oratry-app>main>header{display:none}
.end-control .control-circle{background:#0869f5;color:#fff;box-shadow:0 12px 30px rgba(8,105,245,.22)}
.end-control:hover .control-circle{background:#0058d8;color:#fff}
@media(max-width:700px){
 body.is-app-flow{padding-bottom:0}
 body.is-app-flow .sidebar nav{display:none}
 .daily-session{min-height:calc(100dvh - 64px);padding:12px 0 9px}
 .daily-session .prep-layout{padding:8px 0 12px}
 .daily-session .prep-heading{margin-bottom:12px}
 .daily-session .prep-heading h2{font-size:28px;line-height:1.06;margin:7px 0 7px}
 .daily-session .prep-heading>p:last-child{font-size:12px;line-height:1.4}
 .daily-session .prep-grid{gap:7px}
 .daily-session .prep-card{min-height:0;padding:11px 13px;border-radius:15px}
 .daily-session .prep-card>strong{margin-top:8px;font-size:15px;line-height:1.28}
 .daily-session .prep-card>small{margin-top:5px;font-size:10px;line-height:1.3}
 .daily-session .prep-role>div{margin-top:6px;gap:8px}
 .daily-session .prep-role img{width:34px;height:34px}
 .daily-session .prep-role p{font-size:10px;line-height:1.35}
 .daily-session .prep-focus>strong{font-size:15px}
 .daily-session .prep-mic{column-gap:10px;row-gap:7px}
 .daily-session .mic-status{font-size:11px}
 .daily-session .mic-status .lucide{width:16px;height:16px}
 .daily-session .ghost-button{padding:7px 10px;font-size:11px}
 .daily-session .prep-expectation{display:flex;align-items:center;gap:10px;margin:10px 0 12px;padding:9px 0}
 .daily-session .prep-expectation p{font-size:10px;line-height:1.35;margin-top:5px}
 .daily-session .prep-time{margin-top:0;font-size:10px}
 .daily-session .prep-time .lucide{width:14px;height:14px}
 .daily-session .prep-start{width:100%;min-height:46px;justify-content:space-between}
 .daily-session .session-note{display:block;margin:12px 0 0;padding:0 4px 8px;text-align:center}
}

/* Detail surfaces that turn history into a next action. */
.evolution-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.recommendation-empty .recommendation-copy,.recommendation-empty .library-recommendation-copy{max-width:760px;margin:0 auto;text-align:center}
.recommendation-empty .recommendation-copy h3,.recommendation-empty .library-recommendation-copy h3{font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:-1.4px}
.recommendation-empty .recommendation-copy p,.recommendation-empty .library-recommendation-copy p{max-width:560px;margin:12px auto 24px}
.recommendation-empty .recommendation-copy button,.recommendation-empty .library-recommendation-copy button{display:inline-flex}
.evolution-screen .recent-item[hidden],.evolution-screen .pattern-card[hidden],.evolution-screen .evolution-link[hidden],.history-screen .history-item[hidden]{display:none!important}
.training-card[hidden],.recommendation-hero[hidden],.library-recommendation[hidden]{display:none!important}
.training-card.recommended{display:grid}
body.has-real-recommendation .training-card.recommended{display:grid}
.recent-item,.history-item,.pattern-card{display:none}
.recent-item[data-real-item="true"],.history-item[data-real-item="true"],.pattern-card[data-real-item="true"]{display:grid}
.evolution-links[hidden],.text-button[hidden],.stat-trend[hidden]{display:none!important}
.patterns-practice-selector{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px}
.patterns-practice-selector button{border:1px solid var(--line,#d7e5f7);border-radius:999px;background:#fff;color:var(--muted,#6f89ad);font:inherit;font-size:.95rem;padding:10px 16px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.patterns-practice-selector button.is-active{border-color:var(--blue,#1f70f5);background:var(--blue,#1f70f5);color:#fff}
.evolution-link{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:15px 17px;border:1px solid #dceafb;border-radius:18px;background:#fff;color:#1d3150;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}.evolution-link:hover{transform:translateY(-2px);border-color:#9fc9fb;box-shadow:0 10px 24px rgba(23,104,207,.08)}.evolution-link>span:nth-child(2){min-width:0}.evolution-link small{display:block;color:#7e97b8;font-size:9px;font-weight:700;letter-spacing:.13em}.evolution-link strong{display:block;margin-top:5px;font-size:13px}.evolution-link>.lucide{width:16px;color:#7f9bc3}.evolution-link-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf6ff;color:#1676ed}.evolution-link-icon .lucide{width:19px;height:19px}
.patterns-screen,.recommendation-screen{max-width:1120px;margin:0 auto;padding:28px 0 64px}.patterns-screen[hidden],.recommendation-screen[hidden]{display:none}.patterns-heading,.recommendation-heading{padding:23px 0 26px}.patterns-heading h2,.recommendation-heading h2{max-width:720px;margin:11px 0 12px;font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-1.8px}.patterns-heading p:not(.eyebrow),.recommendation-heading p:not(.eyebrow){max-width:660px;margin:0;color:#7f91aa;font-size:15px;line-height:1.6}
.recommendation-heading>p:not(.eyebrow){display:none}
.patterns-oracle{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:24px;padding:22px 27px;border:1px solid #cfe4fb;border-radius:24px;background:linear-gradient(115deg,#eef8ff,#fff 72%);overflow:hidden}.patterns-ora{display:grid;place-items:center;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#e5f3ff,#eff7ff 58%,#fff)}.patterns-ora img{width:123px;height:123px;object-fit:contain;animation:pattern-ora-float 6s ease-in-out infinite}.patterns-oracle h3{max-width:560px;margin:10px 0 8px;font-size:27px;line-height:1.12;letter-spacing:-.7px}.patterns-oracle p{max-width:620px;margin:0;color:#7389a7;font-size:14px;line-height:1.55}
@keyframes pattern-ora-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
.pattern-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.pattern-card{padding:21px 22px;border:1px solid #dfeaf7;border-radius:20px;background:#fff}.pattern-card-main{background:linear-gradient(135deg,#f1f8ff,#fff);border-color:#cfe3fb}.pattern-card-watch{background:#fbfdff}.pattern-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:13px}.pattern-card h3{max-width:330px;margin:8px 0 0;font-size:20px;line-height:1.18;letter-spacing:-.45px}.pattern-signal{padding-top:2px;color:#86a0c1;font-size:10px;white-space:nowrap}.pattern-card p{min-height:43px;margin:15px 0 18px;color:#7e91ac;font-size:13px;line-height:1.5}.pattern-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.pattern-meter i{display:block;height:7px;border-radius:99px;background:#e4eefb;overflow:hidden}.pattern-meter b{display:block;width:min(100%,var(--pattern));height:100%;border-radius:inherit;background:linear-gradient(90deg,#0869f5,#75b0ff);transition:width 1.4s cubic-bezier(.2,.75,.3,1)}.pattern-meter span{color:#2779e8;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.patterns-footer-note{display:flex;align-items:center;gap:10px;margin-top:14px;padding:15px 17px;border:1px solid #dfeaf7;border-radius:17px;background:#f8fbff;color:#6f86a6}.patterns-footer-note>.lucide{width:19px;color:#1c79ee;flex-shrink:0}.patterns-footer-note p{margin:0;font-size:12px;line-height:1.45}.patterns-footer-note .text-button{margin-left:auto;white-space:nowrap}
.recommendation-hero{display:grid;grid-template-columns:300px minmax(0,1fr);gap:33px;align-items:center;padding:27px;border:1px solid #cfe4fb;border-radius:25px;background:linear-gradient(132deg,#edf7ff,#fff 65%);overflow:hidden}.recommendation-orbit{position:relative;display:grid;place-items:center;min-height:288px;border-radius:21px;background:radial-gradient(circle at 48% 42%,#dceeff,#eff7ff 55%,#fff)}.recommendation-orbit-ring{position:absolute;width:204px;height:204px;border:1px solid rgba(104,174,251,.5);border-radius:50%;transform:rotate(-17deg) skew(-8deg)}.recommendation-orbit img{position:relative;width:220px;height:220px;object-fit:contain;animation:recommendation-ora-breathe 5.5s ease-in-out infinite;filter:drop-shadow(0 17px 20px rgba(18,104,237,.15))}.recommendation-orbit span{position:absolute;bottom:17px;display:flex;align-items:center;gap:5px;color:#6283ad;font-size:10px;letter-spacing:.05em}.recommendation-orbit span .lucide{width:13px;color:#1676ed}.recommendation-copy{min-width:0}.recommendation-copy .recommendation-label{margin-bottom:18px}.recommendation-copy h3{max-width:570px;margin:0 0 11px;font-size:clamp(28px,3.2vw,42px);line-height:1.05;letter-spacing:-1.2px}.recommendation-copy>p{max-width:590px;margin:0;color:#7489a7;font-size:15px;line-height:1.55}.recommendation-reason{margin-top:21px;padding:14px 16px;border-left:2px solid #6eaafa;background:#f5faff}.recommendation-reason strong{display:block;max-width:560px;margin-top:6px;color:#29415f;font-size:14px;line-height:1.45}.recommendation-meta{display:flex;align-items:center;gap:17px;margin:20px 0 19px;color:#7388a6;font-size:12px}.recommendation-meta span{display:flex;align-items:center;gap:6px}.recommendation-meta .lucide{width:16px;color:#3b86ef}.recommendation-start{min-height:50px;justify-content:space-between;min-width:220px}.recommendation-note{display:flex;align-items:center;gap:12px;margin-top:13px;padding:15px 17px;border:1px solid #e0ebf8;border-radius:17px;background:#fff}.recommendation-note>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eaf4ff;color:#1676ed;flex:0 0 35px}.recommendation-note .lucide{width:17px}.recommendation-note p{margin:0;color:#7389a7;font-size:12px;line-height:1.45}.recommendation-note strong{color:#29415f}
@keyframes recommendation-ora-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.025)}}
@media(max-width:700px){
 .evolution-links{grid-template-columns:1fr;gap:8px}.evolution-link{padding:13px 14px;border-radius:16px}.evolution-link strong{font-size:12px}
 .patterns-screen,.recommendation-screen{padding:17px 0 36px}.patterns-heading,.recommendation-heading{padding:16px 0 19px}.patterns-heading h2,.recommendation-heading h2{font-size:34px;line-height:1.08;letter-spacing:-1.3px}.patterns-heading p:not(.eyebrow),.recommendation-heading p:not(.eyebrow){font-size:13px;line-height:1.5}
 .patterns-oracle{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:15px;border-radius:18px}.patterns-ora{width:72px;height:72px}.patterns-ora img{width:65px;height:65px}.patterns-oracle h3{margin:6px 0 5px;font-size:17px;line-height:1.2}.patterns-oracle p{font-size:11px;line-height:1.4}.pattern-list{grid-template-columns:1fr;gap:8px;margin-top:8px}.pattern-card{padding:16px 15px;border-radius:17px}.pattern-card h3{font-size:17px}.pattern-card p{min-height:0;margin:11px 0 14px;font-size:12px}.pattern-signal{font-size:9px}.patterns-footer-note{align-items:flex-start;flex-wrap:wrap;padding:13px 14px}.patterns-footer-note p{flex:1;min-width:190px}.patterns-footer-note .text-button{width:100%;margin:2px 0 0;padding:8px 0 0;border-top:1px solid #e6eef8}
 .recommendation-hero{grid-template-columns:1fr;gap:11px;padding:15px;border-radius:18px}.recommendation-orbit{min-height:190px;border-radius:15px}.recommendation-orbit-ring{width:135px;height:135px}.recommendation-orbit img{width:152px;height:152px}.recommendation-orbit span{bottom:11px;font-size:9px}.recommendation-copy .recommendation-label{margin:3px 0 13px;font-size:9px}.recommendation-copy h3{font-size:27px;line-height:1.08;letter-spacing:-.8px}.recommendation-copy>p{font-size:13px}.recommendation-reason{margin-top:15px;padding:12px 13px}.recommendation-reason strong{font-size:12px}.recommendation-meta{margin:15px 0 14px;gap:12px;font-size:11px}.recommendation-start{width:100%;min-height:48px}.recommendation-note{padding:12px 13px}.recommendation-note p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.patterns-ora img,.recommendation-orbit img{animation:none}.pattern-meter b{transition:none}}

/* Keep dynamic learning copy on the same type system as the rest of the app. */
.session-back,.pattern-card,.patterns-empty-note{font-family:Satoshi,sans-serif}
.patterns-empty-note{grid-column:1/-1;box-sizing:border-box;min-width:0;width:100%;margin:0;padding:20px 22px;border:1px solid #dfeaf7;border-radius:18px;background:#fff;color:#7e91ac;font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:break-word}

/* A Home enxuta mostra apenas a vitrine; o catálogo completo vive em Meus treinos. */
.training .explore-grid .explore-card:nth-child(n+4):not(.explore-all-card){display:none}
.training .explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.explore-all-card{border-color:#cfe3fb;background:linear-gradient(135deg,#edf6ff,#fff);color:#0869f5}
.explore-all-card .explore-icon{background:#0869f5;color:#fff}
.explore-all-card small{color:#5f83af}

/* Biblioteca completa de práticas, acessível pelo Ver todas e pela navegação. */
.training-library[hidden]{display:none}
.training-library{max-width:1120px;margin:0 auto;padding:28px 0 64px}
.training-library-heading{padding:23px 0 26px}
.training-library-heading h2{max-width:720px;margin:11px 0 10px;font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-1.8px}
.training-library-heading>p:not(.eyebrow){margin:0;color:#7f91aa;font-size:15px;line-height:1.6}
.library-recommendation{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:stretch;gap:0;overflow:hidden;border:1px solid #cfe4fb;border-radius:25px;background:linear-gradient(120deg,#edf7ff,#fff 70%)}
.library-recommendation-copy{padding:27px 29px}
.library-recommendation-copy h3{max-width:600px;margin:18px 0 10px;font-size:clamp(27px,3vw,40px);line-height:1.08;letter-spacing:-1.2px}
.library-recommendation-copy>p{max-width:560px;margin:0;color:#7489a7;font-size:15px;line-height:1.55}
.library-recommendation-copy .primary{margin-top:21px;justify-content:space-between;min-width:220px}
.library-recommendation-ora{display:grid;place-items:center;align-content:center;gap:3px;min-height:238px;padding:18px;background:radial-gradient(circle at 50% 42%,#dceeff,#eff7ff 58%,#fff)}
.library-recommendation-ora img{width:180px;height:180px;object-fit:contain;animation:library-ora-float 6s ease-in-out infinite;filter:drop-shadow(0 16px 19px rgba(18,104,237,.14))}
.library-recommendation-ora span{color:#6d88aa;font-size:10px;letter-spacing:.04em}
@keyframes library-ora-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
.library-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:31px 0 15px}
.library-section-heading h3{margin:9px 0 0;font-size:22px;letter-spacing:-.6px}
.library-section-heading>span{color:#91a2ba;font-size:11px;white-space:nowrap}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.library-practice-card{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:12px;min-width:0;padding:16px 15px;border:1px solid #e0eaf7;border-radius:17px;background:#fff;color:#172238;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}
.library-practice-card:hover{transform:translateY(-2px);border-color:#a7cdfc;box-shadow:0 10px 24px rgba(23,104,207,.08)}
.library-practice-card .explore-icon{width:42px;height:42px}
.library-practice-card>span:nth-child(2){min-width:0}
.library-practice-card strong,.library-practice-card small{display:block}
.library-practice-card strong{font-size:13px;line-height:1.2}
.library-practice-card small{margin-top:5px;color:#8092ad;font-size:11px;line-height:1.3}
.library-practice-card>.lucide{width:16px;color:#7d9ac1}
@media(max-width:700px){
 .training-library{padding:17px 0 36px}
 .training-library-heading{padding:16px 0 19px}
 .training-library-heading h2{font-size:34px;line-height:1.08;letter-spacing:-1.3px}
 .training-library-heading>p:not(.eyebrow){font-size:13px;line-height:1.5}
 .library-recommendation{grid-template-columns:1fr;border-radius:19px}
 .library-recommendation-ora{grid-row:1;min-height:178px;padding:10px}
 .library-recommendation-ora img{width:142px;height:142px}
 .library-recommendation-ora span{font-size:9px}
 .library-recommendation-copy{padding:17px 15px 16px}
 .library-recommendation-copy .recommendation-label{font-size:9px}
 .library-recommendation-copy h3{margin:13px 0 8px;font-size:27px;line-height:1.08}
 .library-recommendation-copy>p{font-size:13px}
 .library-recommendation-copy .primary{width:100%;min-width:0;margin-top:17px;justify-content:space-between}
 .library-section-heading{margin:26px 0 12px}
 .library-section-heading h3{font-size:20px}
 .library-grid{grid-template-columns:1fr;gap:8px}
 .library-practice-card{padding:14px;border-radius:16px}
}
@media(prefers-reduced-motion:reduce){.library-recommendation-ora img{animation:none}}

/* A Ora ocupa o avatar de acesso rápido e leva à recomendação atual. */
.ora-avatar-button{border:1px solid #d7e9fd;padding:0;overflow:hidden;background:radial-gradient(circle at 42% 35%,#eaf6ff,#dceeff 66%,#fff);box-shadow:0 7px 18px rgba(24,102,214,.12)}
.ora-avatar-button img{width:44px;height:44px;max-width:none;object-fit:contain;animation:ora-hero-motion 6.8s ease-in-out infinite;filter:drop-shadow(0 5px 7px rgba(26,104,218,.16))}
.ora-avatar-button:hover img,.ora-avatar-button:focus-visible img{transform:scale(1.08)}
.ora-profile-button{width:100%;padding:0;border:0;background:none;text-align:left;color:#172238}
.ora-profile-button .avatar{overflow:hidden;background:radial-gradient(circle at 42% 35%,#eaf6ff,#dceeff 66%,#fff)}
.ora-profile-button .avatar img{width:42px;height:42px;object-fit:contain;animation:ora-hero-motion 6.8s ease-in-out infinite}
.ora-profile-button>span:last-child{display:block}
.ora-profile-button:hover>span:last-child{color:#0869f5}
@media(max-width:1000px){.training .explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ora-avatar-button img,.ora-profile-button .avatar img{animation:none}}

/* The hero keeps Ora present; the profile circle is her compact companion. */
.greeting{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:26px}
.greeting-ora{display:flex}
.recommended .duration{display:none}

/* Personal avatar: Ora's mark with the user's initials layered inside. */
.ora-avatar-button{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 42% 35%,#eaf6ff,#dceeff 66%,#fff)}
.ora-avatar-button img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}
.ora-profile-button .avatar{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 42% 35%,#eaf6ff,#dceeff 66%,#fff)}
.ora-profile-button .avatar img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}

@media(max-width:700px){
 .greeting{display:grid;grid-template-columns:minmax(0,1fr) 124px;align-items:center;gap:8px;padding-top:21px;padding-bottom:19px}
 .greeting-ora{display:flex;min-height:158px;margin-right:-10px}
}

/* The Orinha avatar is a quiet mark: no halo, motion or secondary circle. */
.ora-avatar-button{border:0;background:transparent;box-shadow:none;overflow:visible}
.ora-avatar-button img,.ora-profile-button .avatar img{animation:none!important;transform:none!important;filter:none}
.ora-avatar-button:hover img,.ora-avatar-button:focus-visible img{transform:none!important}
.ora-profile-button .avatar{background:transparent}

/* Preparation summary: one objective, one user context, a short practice outline. */
.daily-session .prep-brief [hidden]{display:none!important}
.daily-session .prep-user-context{margin-top:26px;padding-top:20px;border-top:1px solid #e8eff7}
.daily-session .prep-user-context p{margin:10px 0 0;padding-left:14px;border-left:2px solid #c7ddfa;color:#526984;font-size:14px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}
.daily-session .prep-user-context p.is-collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.daily-session .prep-user-context button{border:0;background:none;color:#0869f5;padding:10px 0;font-size:12px}
.daily-session .prep-brief-focus ul{list-style:none;display:grid;gap:16px;padding:0;margin:20px 0 0}
.daily-session .prep-brief-focus li{position:relative;padding-left:17px;color:#526984;font-size:14px;line-height:1.55}
.daily-session .prep-brief-focus li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;background:#438cf1;border-radius:50%}
/* Preparação condensada: um resumo contínuo, sem uma pilha de cards concorrentes. */
.prep-layout{max-width:900px}
.daily-session .prep-layout{padding-bottom:100px}
.daily-session .prep-brief-main>strong{font-size:24px;line-height:1.25;letter-spacing:-.6px}
.daily-session .prep-heading>p:last-child{font-size:14px;line-height:1.6}
.daily-session .session-note{max-width:620px;margin:18px auto;font-size:12px;line-height:1.6;text-align:left}
@media(max-width:700px){
 .daily-session .prep-brief .prep-brief-main,.daily-session .prep-brief .prep-brief-focus{padding:22px 20px}
 .daily-session .prep-brief .prep-brief-main>strong{font-size:22px;line-height:1.3;margin-top:12px}
 .daily-session .prep-user-context{margin-top:22px;padding-top:18px}
 .daily-session .prep-brief .prep-brief-footer{padding:16px 20px;gap:12px;align-items:flex-start}
 .daily-session .prep-brief .prep-guide strong{font-size:13px}
 .daily-session .prep-brief .prep-guide span{font-size:12px;line-height:1.5}
 .daily-session .prep-brief .prep-time{font-size:12px;white-space:nowrap}
 .daily-session .prep-mic-row{flex-wrap:wrap;gap:12px}
}
.prep-heading{max-width:760px;margin-bottom:20px}
.prep-brief{display:grid;grid-template-columns:1.12fr .88fr;overflow:hidden;border:1px solid #d8e8fa;border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(42,92,151,.05)}
.prep-brief-main,.prep-brief-focus{padding:23px 25px}
.prep-brief-main>strong,.prep-brief-focus>strong{display:block;margin-top:11px;line-height:1.35;letter-spacing:-.25px}
.prep-brief-main>strong{font-size:18px}
.prep-brief-main>small{display:block;margin-top:7px;color:#8799b1;font-size:11px;line-height:1.45}
.prep-brief-focus{border-left:1px solid #dceafa;background:linear-gradient(135deg,#f2f8ff,#fff)}
.prep-brief-focus>strong{color:#0869f5;font-size:18px}
.prep-brief-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-top:1px solid #e4eef9;background:#fbfdff}
.prep-guide{display:flex;align-items:center;gap:10px;min-width:0}
.prep-guide img{width:39px;height:39px;object-fit:contain;flex:0 0 39px}
.prep-guide p{margin:0}
.prep-guide strong,.prep-guide span{display:block}
.prep-guide strong{color:#263d5a;font-size:12px}
.prep-guide span{margin-top:2px;color:#8295ae;font-size:11px;line-height:1.35}
.prep-mic-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:13px 0 17px;padding:12px 3px;border-top:1px solid #e6eef8;border-bottom:1px solid #e6eef8}
.prep-mic-row>div{display:flex;align-items:center;gap:15px}
.prep-mic-row .prep-label{white-space:nowrap}
.prep-mic-row .mic-status{font-size:12px}

/* A saída abandona a tentativa; o X central continua sendo a conclusão do treino. */
.leave-session-dialog{width:min(410px,calc(100vw - 34px));padding:28px;text-align:center}
.leave-session-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:#eaf4ff;color:#0869f5}
.leave-session-mark .lucide{width:21px;height:21px}
.leave-session-dialog .eyebrow{margin:0}
.leave-session-dialog h2{margin:11px 0 8px;font-size:28px;line-height:1.1;letter-spacing:-.8px}
.leave-session-dialog>p:not(.eyebrow){margin:0;color:#7e91aa;font-size:13px;line-height:1.5}
.leave-session-actions{display:grid;gap:9px;margin-top:23px}
.leave-session-actions .primary,.leave-session-actions .ghost-button{width:100%;min-height:48px;justify-content:center}
.leave-session-confirm{color:#667c99}

@media(max-width:700px){
 .daily-session .prep-layout{padding-top:7px;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .daily-session .prep-heading{margin-bottom:11px}
 .daily-session .prep-heading h2{font-size:27px}
 .daily-session .prep-heading>p:last-child{max-width:350px;font-size:11px;line-height:1.38}
 .daily-session .prep-brief{display:block;border-radius:17px}
 .daily-session .prep-brief-main,.daily-session .prep-brief-focus{padding:13px 14px}
 .daily-session .prep-brief-main>strong,.daily-session .prep-brief-focus>strong{margin-top:7px;font-size:14px;line-height:1.32}
 .daily-session .prep-brief-main>small{margin-top:4px;font-size:9px}
 .daily-session .prep-brief-focus{border-top:1px solid #dceafa;border-left:0}
 .daily-session .prep-brief-footer{padding:9px 12px}
 .daily-session .prep-guide{gap:7px}
 .daily-session .prep-guide img{width:30px;height:30px;flex-basis:30px}
 .daily-session .prep-guide strong{font-size:10px}
 .daily-session .prep-guide span{font-size:9px}
 .daily-session .prep-time{font-size:9px}
 .daily-session .prep-mic-row{margin:7px 0 10px;padding:8px 2px}
 .daily-session .prep-mic-row>div{gap:9px}
 .daily-session .prep-mic-row .prep-label{font-size:9px}
 .daily-session .prep-mic-row .mic-status{font-size:10px}
 .daily-session .prep-action-footer{position:fixed;z-index:30;inset:auto 0 0;padding:12px max(5vw,calc((100vw - 560px)/2)) calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e5eef8;background:#fafcff;box-shadow:0 -10px 26px rgba(30,70,120,.08)}
 .daily-session .prep-action-footer .prep-start{display:flex;width:100%;min-height:48px;justify-content:space-between;margin:0;box-shadow:0 10px 28px rgba(8,105,245,.24)}
 .leave-session-dialog{padding:24px 20px;border-radius:21px}
 .leave-session-dialog h2{font-size:25px}
}

.billing-link{display:block;margin-top:10px;padding:0;border:0;background:none;color:#8295ae;font-size:11px;text-align:left}.billing-link:hover{color:#0869f5}
.billing-dialog{width:min(560px,calc(100vw - 30px));max-height:min(760px,calc(100dvh - 30px));padding:28px;border-radius:22px}.billing-dialog h2{margin:9px 0 8px}.billing-intro{margin:0;color:#7e91aa;font-size:13px;line-height:1.55}.billing-section{display:grid;gap:9px;margin-top:22px}.billing-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid #e4edf8}.billing-item>div:first-child{display:grid;gap:3px;min-width:0}.billing-item strong{font-size:14px}.billing-item small{color:#8497b0;font-size:11px}.billing-item button,.billing-actions button{border:1px solid #cfe1f8;border-radius:10px;background:#f7fbff;color:#0869f5;padding:9px 11px;font-size:11px;white-space:nowrap}.billing-item button:hover,.billing-actions button:hover{border-color:#8ab9ff;background:#edf6ff}.billing-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.billing-actions button:last-child{color:#b34f5b;border-color:#f0cbd0;background:#fff8f8}.billing-refunds{display:grid;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid #e4edf8}.billing-refunds p{display:flex;justify-content:space-between;margin:0;color:#6c819e;font-size:12px}.billing-refunds p strong{color:#304c70}.billing-status{min-height:20px;margin:17px 0 0;color:#0869f5;font-size:12px;line-height:1.45}
@media(max-width:700px){.billing-dialog{padding:24px 20px}.billing-item{align-items:flex-start;flex-direction:column}.billing-item button,.billing-actions{width:100%}.billing-actions button{flex:1}.billing-actions{justify-content:stretch}}

.billing-empty{display:grid;gap:10px;margin-top:22px;padding:20px;border:1px solid #dceafa;border-radius:16px;background:#f7fbff}.billing-empty h3{margin:0;color:#263d5c;font-size:16px}.billing-empty p{margin:0;color:#7489a5;font-size:12px;line-height:1.55}.billing-empty-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.billing-empty-actions a,.billing-empty button,.account-support-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 13px;border:1px solid #cfe1f8;border-radius:10px;background:#fff;color:#0869f5;font-size:12px;font-weight:700}.billing-empty-actions a:first-child{border-color:#0869f5;background:#0869f5;color:#fff}.billing-empty button{justify-self:start}.billing-empty.is-error{border-color:#f0d9c8;background:#fffaf6}.billing-empty.is-error h3{color:#895330}
.account-entry{margin:15px 0 0 2px}
.account-screen{position:relative}.account-screen>.close{top:4px;right:-3px}
.account-identity{display:flex;align-items:center;gap:13px;padding:2px 42px 18px 0;border-bottom:1px solid #e8eff8}.account-identity-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #cfe3fb;border-radius:15px;background:linear-gradient(145deg,#eef7ff,#e5f1ff);color:#2479e8;flex:0 0 48px}.account-identity-icon .lucide{width:23px;height:23px}.account-identity .eyebrow{margin:0 0 5px}.account-identity h2{margin:0;font-size:23px;letter-spacing:-.6px}.account-identity-email{margin:4px 0 0;color:#8294ad;font-size:12px;overflow-wrap:anywhere}.account-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.account-tabs button .lucide{width:15px;height:15px}
.account-dialog{width:min(580px,calc(100vw - 30px));max-height:min(800px,calc(100dvh - 24px));overflow:auto;padding:28px;border-radius:22px}.account-dialog h2{margin:9px 0 19px}.account-form{display:grid;gap:9px}.account-form label,.account-delete-confirm label{color:#526986;font-size:12px;font-weight:700}.account-form input,.account-delete-confirm input{width:100%;min-height:44px;padding:11px 12px;border:1px solid #dce7f5;border-radius:10px;background:#fff;color:#203452;font:inherit}.account-form .primary{justify-content:center;margin-top:3px}.account-status{min-height:18px;margin:2px 0 0;color:#0869f5;font-size:12px;line-height:1.45}.account-section{display:grid;gap:9px;margin-top:21px;padding-top:18px;border-top:1px solid #e4edf8}.account-section h3,.account-password-form h3{margin:0;color:#2b4260;font-size:14px}.account-email{margin:0;color:#536d8d;font-size:13px;overflow-wrap:anywhere}.account-note{margin:0;color:#7e91aa;font-size:12px;line-height:1.55}.account-support-link{justify-self:start}.account-password-form{margin-top:21px;padding-top:18px;border-top:1px solid #e4edf8}.account-secondary-button{justify-self:start;min-height:40px;padding:9px 12px;border:1px solid #cfe1f8;border-radius:10px;background:#f7fbff;color:#0869f5;font-size:12px;font-weight:700}.account-danger{border-color:#f2dfe1}.account-danger h3{color:#974d58}.account-danger-button{justify-self:start;min-height:40px;padding:9px 12px;border:1px solid #e6bfc4;border-radius:10px;background:#fff8f8;color:#a5414e;font-size:12px;font-weight:700}.account-delete-confirm{display:grid;gap:9px;padding:14px;border:1px solid #f0dadd;border-radius:12px;background:#fffafa}.account-delete-confirm[hidden]{display:none}.account-delete-confirm>div{display:flex;flex-wrap:wrap;gap:8px}.account-delete-confirm button:disabled{cursor:not-allowed;opacity:.5}.account-legal-links{display:flex;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid #e4edf8}.account-legal-links a{color:#7085a2;font-size:11px;text-decoration:underline;text-underline-offset:2px}
.account-balance{display:grid;gap:7px;margin:0 0 17px;padding:15px 16px;border:1px solid #dceafa;border-radius:15px;background:linear-gradient(135deg,#f5faff,#fff);color:#6f86a6}.account-balance-heading{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.1em;font-weight:700}.account-balance-heading .lucide{width:18px;height:18px;color:#3985ef}.account-balance p{display:flex;align-items:baseline;gap:6px;margin:0}.account-balance strong{color:#203452;font-size:28px;letter-spacing:-.8px}.account-balance p span{font-size:12px;color:#7e91aa}
@media(max-width:700px){.account-dialog{padding:24px 20px}.account-identity{padding-right:30px}.account-identity h2{font-size:21px}.account-tabs button{font-size:11px}.billing-empty{padding:16px}.billing-empty-actions{display:grid}.billing-empty-actions a{width:100%}.account-delete-confirm>div{display:grid}.account-delete-confirm button{width:100%}.account-support-link{width:100%}}

.sidebar nav .nav-account{width:100%;display:flex;align-items:center;gap:12px;padding:14px 13px;border:0;border-radius:12px;background:transparent;color:#77859a;font:inherit;text-align:left}
.sidebar nav .nav-account:hover{background:#eff6ff;color:#0869f5}
.sidebar nav .nav-account.active{background:#eff6ff;color:#0869f5}
.sidebar nav .nav-account .lucide{width:21px;height:21px}
.balance [data-open-billing]{display:none}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:18px 0 20px;padding:4px;border:1px solid #e1ebf7;border-radius:13px;background:#f5f9fe}
.account-tabs button{min-height:40px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#7286a1;font-size:12px;font-weight:700}
.account-tabs button[aria-selected="true"]{background:#fff;color:#0869f5;box-shadow:0 2px 8px rgba(35,82,139,.1)}
.account-panel[hidden]{display:none}
.account-password-reset{justify-self:start;color:#7085a2;font-size:11px;text-decoration:underline;text-underline-offset:2px}
@media(max-width:700px){.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar nav .nav-account{min-height:52px;flex-direction:column;justify-content:center;gap:5px;padding:7px 4px;border-radius:10px;font-size:11px;text-align:center}.sidebar nav .nav-account .lucide{width:21px;height:21px}}
@media(max-width:700px){.sidebar nav a,.sidebar nav .nav-account{min-width:0;font-size:clamp(9px,2.55vw,10px);letter-spacing:-.2px;white-space:nowrap}}
@media(max-width:360px){.sidebar nav a,.sidebar nav .nav-account{font-size:9px}}

/* Conta: tela própria do app, com seções independentes e leitura escaneável. */
.account-screen{max-width:1040px;margin:0 auto;padding:28px 0 70px}.account-screen[hidden]{display:none}.account-screen .account-identity{display:flex;align-items:center;gap:16px;padding:6px 0 24px;border:0}.account-screen .account-identity-icon{width:56px;height:56px;flex-basis:56px;border-radius:18px;background:#eef5ff;border-color:#d4e6fb}.account-screen .account-identity-icon .lucide{width:26px;height:26px}.account-screen .account-identity h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1.7px}.account-screen .account-identity-email{font-size:13px}.account-screen>.account-balance{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;padding:18px 21px;border-radius:18px;background:linear-gradient(105deg,#edf6ff,#fff);box-shadow:0 8px 24px rgba(33,93,160,.06)}.account-screen>.account-balance .account-balance-heading{font-size:11px}.account-screen>.account-balance p{margin:0}.account-screen>.account-balance strong{font-size:30px}.account-screen .account-tabs{display:flex;gap:8px;margin:0 0 18px;padding:0;border:0;background:transparent}.account-screen .account-tabs button{justify-content:flex-start;min-height:52px;padding:12px 17px;border:1px solid #dce8f6;border-radius:14px;background:#fff;color:#7186a3;font-size:12px;box-shadow:0 4px 15px rgba(29,74,124,.04)}.account-screen .account-tabs button[aria-selected="true"]{border-color:#9fc8f8;background:#edf6ff;color:#0869f5;box-shadow:none}.account-screen .account-tabs button .lucide{width:18px;height:18px;stroke-width:1.8}.account-screen .account-panel{min-width:0}.account-screen .account-panel[hidden]{display:none}.account-screen [data-account-panel="profile"]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:14px}.account-screen [data-account-panel="profile"]>.account-form:first-child,.account-screen [data-account-panel="profile"]>.account-section,.account-screen [data-account-panel="profile"]>.account-password-form{padding:22px;border:1px solid #e0eaf6;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(29,74,124,.045)}.account-screen [data-account-panel="profile"]>.account-form:first-child{grid-column:1;grid-row:1}.account-screen [data-account-panel="profile"]>.account-section{grid-column:2;grid-row:1;margin:0;border-top:1px solid #e0eaf6}.account-screen [data-account-panel="profile"]>.account-password-form{grid-column:1/-1;grid-row:2;margin:0;border-top:1px solid #e0eaf6}.account-screen [data-account-panel="profile"]>.account-section:nth-of-type(2){grid-column:1;grid-row:3;margin:0}.account-screen [data-account-panel="profile"]>.account-section.account-danger{grid-column:2;grid-row:3;margin:0}.account-screen .account-section h3,.account-screen .account-password-form h3{font-size:16px;letter-spacing:-.2px}.account-screen .account-form input{min-height:48px;border-radius:12px;background:#fbfdff}.account-screen .account-form .primary{min-height:46px;justify-content:center}.account-screen .account-secondary-button,.account-screen .account-support-link{min-height:42px;border-radius:11px}.account-screen .account-danger{background:#fffafa;border-color:#f0dddd!important}.account-screen .account-danger h3{color:#8f4b56}.account-screen .account-legal-links{grid-column:1/-1;margin:0;padding:14px 2px 0;border-top:0}.account-screen [data-account-panel="billing"]{padding:22px;border:1px solid #e0eaf6;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(29,74,124,.045)}.account-screen .billing-intro{max-width:680px;margin:0;color:#7186a3;font-size:13px;line-height:1.6}.account-screen .billing-section{margin-top:25px}.account-screen .billing-section>.prep-label,.account-screen .billing-refunds>.prep-label{display:block;margin-bottom:8px}.account-screen .billing-item{padding:16px 0;border-top:1px solid #e7eef7}.account-screen .billing-item strong{font-size:15px}.account-screen .billing-actions button{border-radius:9px}.account-screen .billing-empty{margin-top:22px;background:#f7fbff}.account-screen .account-note{line-height:1.6}
@media(max-width:700px){.account-screen{padding:18px 0 40px}.account-screen .account-identity{padding:4px 0 18px}.account-screen .account-identity-icon{width:48px;height:48px;flex-basis:48px;border-radius:15px}.account-screen .account-identity h2{font-size:28px}.account-screen>.account-balance{display:block;padding:16px;margin-bottom:16px}.account-screen>.account-balance p{margin-top:8px}.account-screen .account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.account-screen .account-tabs button{justify-content:center;min-height:58px;padding:9px 8px;font-size:10px;text-align:center;line-height:1.25;flex-direction:column;gap:5px}.account-screen [data-account-panel="profile"]{display:grid;grid-template-columns:1fr;gap:10px}.account-screen [data-account-panel="profile"]>.account-form:first-child,.account-screen [data-account-panel="profile"]>.account-section,.account-screen [data-account-panel="profile"]>.account-password-form,.account-screen [data-account-panel="profile"]>.account-section:nth-of-type(2),.account-screen [data-account-panel="profile"]>.account-section.account-danger{grid-column:1;grid-row:auto;margin:0}.account-screen [data-account-panel="profile"]>.account-form:first-child,.account-screen [data-account-panel="profile"]>.account-section,.account-screen [data-account-panel="profile"]>.account-password-form{padding:18px}.account-screen [data-account-panel="billing"]{padding:18px}.account-screen .billing-item{align-items:flex-start}.account-screen .billing-actions{display:grid;width:100%}.account-screen .billing-actions button{width:100%}.account-screen .account-legal-links{padding-top:4px}}

/* Settings-style refinement: flat groups, quiet dividers, no stack of competing cards. */
.account-screen .account-identity-avatar{position:relative;display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border-radius:18px;background:#e8f3ff;overflow:hidden}.account-screen .account-identity-avatar img{position:absolute;width:48px;height:48px;object-fit:contain}.account-screen .account-identity-avatar b{position:relative;z-index:1;color:#fff;font-size:13px;letter-spacing:.04em;text-shadow:0 1px 3px rgba(9,62,143,.65)}.account-screen [data-account-panel="profile"]{display:block;background:#fff;border:1px solid #e1eaf5;border-radius:18px;padding:0 22px;box-shadow:0 8px 24px rgba(29,74,124,.045)}.account-screen [data-account-panel="profile"]>.account-form:first-child,.account-screen [data-account-panel="profile"]>.account-section,.account-screen [data-account-panel="profile"]>.account-password-form,.account-screen [data-account-panel="profile"]>.account-section:nth-of-type(2),.account-screen [data-account-panel="profile"]>.account-section.account-danger{display:grid;grid-column:auto;grid-row:auto;margin:0;padding:23px 0;border:0;border-top:1px solid #e7eef7;border-radius:0;background:transparent;box-shadow:none}.account-screen [data-account-panel="profile"]>.account-form:first-child{border-top:0}.account-screen [data-account-panel="profile"]>.account-section h3,.account-screen [data-account-panel="profile"]>.account-password-form h3{font-size:15px}.account-screen [data-account-panel="profile"]>.account-form:first-child{max-width:560px}.account-screen [data-account-panel="profile"]>.account-password-form{max-width:620px}.account-screen [data-account-panel="profile"]>.account-section{max-width:620px}.account-screen [data-account-panel="profile"]>.account-section.account-danger{max-width:none}.account-screen [data-account-panel="billing"]{padding:0;background:#fff;border:1px solid #e1eaf5;border-radius:18px;box-shadow:0 8px 24px rgba(29,74,124,.045)}.account-screen [data-account-panel="billing"] .billing-intro{padding:22px 22px 17px;border-bottom:1px solid #e7eef7}.account-screen [data-account-panel="billing"] .billing-section,.account-screen [data-account-panel="billing"] .billing-refunds,.account-screen [data-account-panel="billing"] .billing-empty,.account-screen [data-account-panel="billing"] .billing-status{margin-left:22px;margin-right:22px}.account-screen [data-account-panel="billing"] .billing-empty{margin-bottom:22px}.account-screen [data-account-panel="billing"] .billing-section{margin-top:20px}.account-screen [data-account-panel="billing"] .billing-item{padding:15px 0}.account-screen .account-tabs button .lucide{fill:none;stroke:currentColor}
@media(max-width:700px){.account-screen .account-identity-avatar{width:48px;height:48px;flex-basis:48px;border-radius:15px}.account-screen .account-identity-avatar img{width:42px;height:42px}.account-screen [data-account-panel="profile"]{padding:0 17px}.account-screen [data-account-panel="profile"]>.account-form:first-child,.account-screen [data-account-panel="profile"]>.account-section,.account-screen [data-account-panel="profile"]>.account-password-form,.account-screen [data-account-panel="profile"]>.account-section:nth-of-type(2),.account-screen [data-account-panel="profile"]>.account-section.account-danger{padding:19px 0}.account-screen [data-account-panel="billing"] .billing-intro{padding:18px 17px 15px}.account-screen [data-account-panel="billing"] .billing-section,.account-screen [data-account-panel="billing"] .billing-refunds,.account-screen [data-account-panel="billing"] .billing-empty,.account-screen [data-account-panel="billing"] .billing-status{margin-left:17px;margin-right:17px}}
.credits-dialog{width:min(500px,calc(100vw - 30px));padding:30px 30px 24px;border:1px solid #d8e9fb;border-radius:28px;background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);text-align:center;box-shadow:0 28px 90px rgba(30,76,132,.2)}.credits-dialog::backdrop{background:rgba(25,51,81,.28);backdrop-filter:blur(6px)}.credits-dialog .close{top:11px;right:13px;width:38px;height:38px;font-size:26px}.credits-dialog-mark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 15px;border:1px solid #d9eaff;border-radius:24px;background:#edf6ff;box-shadow:0 12px 26px rgba(39,119,230,.12)}.credits-dialog-mark img{width:62px;height:62px;object-fit:contain}.credits-dialog .eyebrow{margin:0;color:#6f8eb8}.credits-dialog h2{max-width:380px;margin:10px auto 9px;font-size:clamp(25px,4vw,32px);line-height:1.1;letter-spacing:-.8px}.credits-dialog-copy{max-width:390px;margin:0 auto;color:#7186a4;font-size:13px;line-height:1.55}.credits-dialog-balance{display:inline-flex;align-items:baseline;gap:6px;margin:19px auto 20px;padding:10px 15px;border:1px solid #dceafb;border-radius:999px;background:#fff;color:#7b90ad}.credits-dialog-balance strong{color:#203452;font-size:26px;letter-spacing:-.8px}.credits-dialog-balance span{font-size:12px}.credits-dialog-actions{display:grid;gap:9px}.credits-dialog-actions a{min-height:48px;justify-content:space-between;border-radius:13px;padding:0 16px}.credits-dialog-actions .primary{box-shadow:0 10px 22px rgba(8,105,245,.18)}.credits-dialog-secondary{display:inline-flex;align-items:center;border:1px solid #cfe1f8;background:#fff;color:#0869f5;font-size:13px;font-weight:700}.credits-dialog-secondary:hover{background:#edf6ff;border-color:#9fc8f8}.credits-dialog-actions .lucide,.credits-dialog-secondary i{font-size:18px;font-style:normal}.credits-dialog-later{margin:16px auto 0;border:0;background:none;color:#8598b0;font-size:12px}.credits-dialog-later:hover{color:#0869f5}@media(max-width:700px){.credits-dialog{padding:26px 20px 21px;border-radius:24px}.credits-dialog h2{font-size:26px}.credits-dialog-copy{font-size:13px}.credits-dialog-actions a{font-size:13px}}
.credits-dialog-actions i{font-style:normal;font-size:18px}
.credits-dialog-actions button{width:100%;font:inherit;cursor:pointer}.credits-dialog-actions .primary,.credits-dialog-actions .credits-dialog-secondary{min-height:48px;justify-content:space-between;padding:0 16px;border-radius:13px;box-sizing:border-box}.credits-dialog-actions .credits-dialog-secondary{border-radius:13px}.credits-dialog-status{min-height:18px;margin:10px 0 0;color:#b05d54;font-size:11px;line-height:1.4}
.local-plans-dialog{width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;padding:34px 34px 27px;border:1px solid #d8e9fb;border-radius:30px;background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);box-shadow:0 30px 100px rgba(30,76,132,.22)}.local-plans-dialog::backdrop{background:rgba(25,51,81,.32);backdrop-filter:blur(8px)}.local-plans-dialog .close{top:13px;right:14px}.local-plans-heading{max-width:620px;margin:0 auto 20px;text-align:center}.local-plans-heading .eyebrow{margin:0;color:#6f8eb8}.local-plans-heading h2{margin:10px 0 9px;font-size:clamp(28px,4vw,40px);letter-spacing:-1.2px}.local-plans-heading p:not(.eyebrow){margin:0;color:#7186a4;font-size:13px;line-height:1.55}.local-plans-toggle{display:flex;justify-content:center;gap:4px;width:max-content;margin:0 auto 24px;padding:4px;border:1px solid #dceafb;border-radius:999px;background:#edf5ff}.local-plans-toggle button{min-height:34px;padding:7px 13px;border:0;border-radius:999px;background:transparent;color:#7186a4;font:inherit;font-size:11px;font-weight:700}.local-plans-toggle button[aria-pressed="true"]{background:#fff;color:#0869f5;box-shadow:0 3px 10px rgba(33,93,160,.12)}.local-plans-toggle button span{margin-left:4px;color:#2b9b68;font-size:9px}.local-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px}.local-plan-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:340px;padding:23px 21px 19px;border:1px solid #dce9f8;border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(34,82,139,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.local-plan-card:hover{transform:translateY(-5px);border-color:#9fc8f8;box-shadow:0 18px 36px rgba(34,82,139,.13)}.local-plan-card.is-featured{border-color:#8ebcf4;background:linear-gradient(145deg,#f1f8ff,#fff);box-shadow:0 16px 36px rgba(8,105,245,.13)}.local-plan-badge{display:inline-flex;align-self:flex-start;margin:-36px 0 17px;padding:6px 9px;border-radius:999px;background:#0869f5;color:#fff;font-size:8px;font-weight:700;letter-spacing:.08em}.local-plan-kicker{min-height:24px;color:#8298b6;font-size:9px;font-weight:700;letter-spacing:.13em}.local-plan-card h3{margin:10px 0 7px;color:#203452;font-size:25px;letter-spacing:-.7px}.local-plan-description{min-height:39px;margin:0;color:#7c90aa;font-size:12px;line-height:1.5}.local-plan-price{display:flex;align-items:baseline;gap:5px;margin:20px 0 7px;color:#8296b1}.local-plan-price small{font-size:12px}.local-plan-price strong{color:#172b49;font-size:35px;letter-spacing:-1.4px}.local-plan-price span{font-size:10px}.local-plan-allowance{min-height:35px;margin:0;color:#4b6d99;font-size:12px;font-weight:700;line-height:1.45}.local-plan-checkout{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;margin:20px 0 17px;padding:0 14px;border:0;border-radius:12px;background:#0869f5;color:#fff;font:inherit;font-size:12px;font-weight:700;box-shadow:0 9px 20px rgba(8,105,245,.16);transition:background .2s,transform .2s}.local-plan-checkout:hover{background:#0058d8;transform:translateY(-1px)}.local-plan-checkout:disabled{cursor:wait;opacity:.7;transform:none}.local-plan-checkout span{font-size:19px;font-weight:400}.local-plan-card ul{display:grid;gap:7px;margin:auto 0 0;padding:0;list-style:none;color:#7186a4;font-size:11px;line-height:1.4}.local-plan-card li{position:relative;padding-left:15px}.local-plan-card li::before{content:'✓';position:absolute;left:0;color:#4b96f2;font-weight:700}.local-plans-status{min-height:19px;margin:17px 0 0;text-align:center;color:#b05d54;font-size:12px}.local-plans-note{margin:4px 0 0;text-align:center;color:#91a2b7;font-size:10px}@media(max-width:820px){.local-plans-dialog{padding:29px 20px 22px}.local-plan-grid{display:flex;overflow-x:auto;gap:12px;padding:4px 3px 12px;scroll-snap-type:x mandatory}.local-plan-card{min-width:min(76vw,330px);scroll-snap-align:start}.local-plan-badge{margin:-36px 0 17px}}@media(max-width:700px){.local-plans-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);padding:25px 12px 19px;border-radius:24px}.local-plans-heading h2{font-size:28px}.local-plans-heading p:not(.eyebrow){padding:0 10px;font-size:12px}.local-plans-toggle{margin-bottom:17px}.local-plan-card{min-height:325px;padding:21px 18px 17px}.local-plan-card h3{font-size:24px}}

/* A LP pricing section inside the app: same cards and billing animation, navigated as a carousel. */
.local-plans-dialog{width:min(1320px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:auto;padding:0;border:0;border-radius:30px;background:transparent;box-shadow:0 30px 100px rgba(30,76,132,.24)}
.local-plans-dialog::backdrop{background:rgba(25,51,81,.34);backdrop-filter:blur(9px)}
.local-plans-dialog>.close{z-index:4;top:14px;right:16px}
.local-plans-dialog>.pricing-section{padding:58px 34px 36px;border-radius:30px;background:linear-gradient(180deg,#fff,#f7faff 70%,#fff)}
.local-plans-dialog .pricing-heading{margin-bottom:40px}
.local-plans-dialog .pricing-heading h2{font-size:clamp(32px,4vw,52px)}
.local-plans-dialog .billing-toggle{margin:-12px auto 26px}
.local-plans-dialog .local-pricing-carousel-nav{display:flex;align-items:center;justify-content:center;gap:15px;margin:-4px auto 18px;color:#7890ae;font-size:12px}
.local-pricing-carousel-hint{min-width:190px;text-align:center}
.local-pricing-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cde0f6;border-radius:50%;background:#fff;color:#0869f5;font:inherit;font-size:18px;line-height:1;box-shadow:0 6px 16px rgba(32,75,134,.09);cursor:pointer;transition:background .2s,transform .2s,opacity .2s}
.local-pricing-arrow:hover:not(:disabled){background:#eef6ff;transform:translateY(-1px)}
.local-pricing-arrow:disabled{cursor:default;opacity:.32}
.local-plans-dialog .pricing-grid.local-pricing-track{display:flex;overflow-x:auto;align-items:stretch;gap:16px;max-width:none;padding:30px 3px 18px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.local-plans-dialog .pricing-grid.local-pricing-track::-webkit-scrollbar{display:none}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card{flex:0 0 calc((100% - 32px)/3);min-width:0;scroll-snap-align:start}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro{flex-shrink:0}
.local-plans-dialog .price-footer{margin-top:15px}
.local-plans-dialog>.local-plans-status{min-height:18px;margin:0;padding:0 28px 16px;text-align:center;color:#b05d54;font-size:12px}
@media(max-width:1100px){.local-plans-dialog .pricing-grid.local-pricing-track>.price-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:760px){.local-plans-dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);border-radius:24px}.local-plans-dialog>.pricing-section{padding:45px 15px 25px;border-radius:24px}.local-plans-dialog .pricing-heading{text-align:left;margin-bottom:31px}.local-plans-dialog .pricing-heading h2{font-size:36px}.local-plans-dialog .billing-toggle{margin:-6px auto 21px}.local-plans-dialog .pricing-grid.local-pricing-track{gap:12px;padding:26px 2px 14px}.local-plans-dialog .pricing-grid.local-pricing-track>.price-card{flex-basis:calc(88% - 6px)}.local-plans-dialog .local-pricing-carousel-nav{margin-bottom:8px}.local-pricing-carousel-hint{font-size:11px}}

/* Focused local picker: only the billing toggle and floating LP cards remain visible. */
.local-plans-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;overflow:hidden;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.local-plans-dialog>.close{position:fixed;top:22px;right:25px;width:42px;height:42px;border:1px solid rgba(207,226,248,.8);border-radius:50%;background:rgba(255,255,255,.86);color:#7186a3;box-shadow:0 8px 22px rgba(28,75,135,.12);font-size:25px}
.local-plans-dialog>.pricing-section{width:100%;height:100%;padding:76px 0 38px;background:transparent}
.local-plans-dialog .pricing-heading,.local-plans-dialog .price-footer,.local-plans-dialog .local-pricing-carousel-nav{display:none!important}
.local-plans-dialog .billing-toggle{position:relative;z-index:6;margin:0 auto 22px;padding:5px;background:rgba(242,246,252,.94);box-shadow:0 10px 26px rgba(25,75,135,.13)}
.local-plans-dialog .pricing-grid.local-pricing-track{width:100%;height:calc(100% - 80px);max-width:none;display:flex;align-items:center;gap:14px;overflow-x:auto;overflow-y:hidden;padding:38px max(calc((100% - 280px)/2),100px) 38px;scroll-padding-inline:calc((100% - 280px)/2);scroll-snap-type:x mandatory;scrollbar-width:none}
.local-plans-dialog .pricing-grid.local-pricing-track::-webkit-scrollbar{display:none}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card{flex:0 0 280px;min-width:280px;height:min(var(--local-card-height,1000px),calc(100dvh - 220px));max-height:calc(100dvh - 220px);margin-inline:0;overflow:hidden auto;border-radius:28px;scroll-snap-align:center;opacity:.78;filter:saturate(.9);transform:scale(.96);z-index:1;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .32s ease,filter .32s ease,box-shadow .42s ease}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro{margin-top:0}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.is-active{opacity:1;filter:none;transform:scale(1.02);z-index:3;box-shadow:0 24px 55px rgba(25,77,150,.18),0 3px 0 #d9e8fb,inset 0 1px 0 #fff}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro.is-active{transform:scale(1.02)}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card:not(.is-active):hover{transform:scale(.98);opacity:.92}
@media(max-width:760px){.local-plans-dialog>.pricing-section{padding:62px 0 26px}.local-plans-dialog>.close{top:13px;right:14px;width:38px;height:38px}.local-plans-dialog .billing-toggle{margin-bottom:16px}.local-plans-dialog .pricing-grid.local-pricing-track{height:calc(100% - 70px);gap:14px;padding:34px max(20px,calc((100% - min(320px,74vw))/2)) 34px;scroll-padding-inline:calc((100% - min(320px,74vw))/2)}.local-plans-dialog .pricing-grid.local-pricing-track>.price-card{flex-basis:min(320px,74vw);min-width:min(320px,74vw);height:min(var(--local-card-height,1200px),calc(100dvh - 190px));max-height:calc(100dvh - 190px);margin-inline:0;transform:scale(.96)}.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.is-active{transform:scale(1.02)}}

/* The floating picker must fit as one card, never become a scrollable card inside the page. */
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card{height:var(--local-card-height,auto);max-height:none;overflow:hidden;padding:24px 20px 20px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro{padding-top:46px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card h3{font-size:26px;margin:11px 0 7px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-description{font-size:13px;line-height:1.4;min-height:36px;margin-bottom:15px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-value{font-size:35px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-value small{font-size:14px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-annual-total,.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-annual-total[hidden]{min-height:24px;margin:2px 0 0;font-size:11px;line-height:14px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-allowance{font-size:13px;line-height:1.4;min-height:36px;margin:8px 0 16px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-choose{min-height:44px;padding:10px;font-size:12px;border-radius:12px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card ul{margin:18px 0;gap:10px;font-size:12px;line-height:1.35}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card li{padding-left:16px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-per-minute{padding-top:11px;font-size:11px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-per-minute + .price-extra{margin-top:7px;padding-top:0;font-size:12px}
@media(max-width:760px){.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-value{font-size:38px}.local-plans-dialog .pricing-grid.local-pricing-track>.price-card{padding:22px 20px 18px}.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro{padding-top:44px}}

/* Give the Pro copy a little more breathing room without changing the shared card size. */
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro{margin-top:-12px;padding-left:16px;padding-right:16px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro .price-badge{top:-1px;height:39px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro .price-description{font-size:12.5px;letter-spacing:-.12px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro .price-allowance{font-size:12.5px;letter-spacing:-.1px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro ul{font-size:11.5px;gap:9px}
@media(max-width:760px){.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro{margin-top:-8px}.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro .price-description,.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro .price-allowance{font-size:12px}}

/* Keep checkout feedback visible above the viewport edge when the provider is slow. */
.local-plans-dialog>.local-plans-status{position:fixed;z-index:8;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(420px,calc(100vw - 32px));padding:10px 16px;border:1px solid rgba(197,219,243,.92);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(25,75,135,.14);color:#5d7698;font-size:12px;line-height:1.3;pointer-events:none}

/* The checkout button already communicates loading; avoid a detached status pill. */
.local-plans-dialog>.local-plans-status{display:none!important}

/* Give the focused plan enough width and rhythm to read as a purchase decision. */
.local-plans-dialog .pricing-grid.local-pricing-track{padding-inline:max(calc((100% - 340px)/2),72px);scroll-padding-inline:calc((100% - 340px)/2)}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card{flex-basis:340px;min-width:340px;padding:30px 26px 25px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro{padding:52px 26px 25px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card h3{margin:14px 0 10px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-description{margin-bottom:21px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-allowance{margin:12px 0 21px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card .price-choose{min-height:50px;margin-block:0 22px;padding-inline:16px}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card ul{margin:0 0 22px;gap:12px}
@media(max-width:760px){.local-plans-dialog .pricing-grid.local-pricing-track{padding-inline:max(18px,calc((100% - min(360px,84vw))/2));scroll-padding-inline:calc((100% - min(360px,84vw))/2)}.local-plans-dialog .pricing-grid.local-pricing-track>.price-card{flex-basis:min(360px,84vw);min-width:min(360px,84vw);padding:27px 23px 22px}.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro{padding:49px 23px 22px}}

/* Keep the picker a centered carousel on desktop too, with equal card geometry. */
@media(min-width:761px){
 .local-plans-dialog>.pricing-section{padding-top:68px;padding-bottom:18px}
 .local-plans-dialog .billing-toggle{margin-bottom:10px}
 .local-plans-dialog .pricing-grid.local-pricing-track{display:flex;align-items:flex-start;gap:16px;height:calc(100dvh - 126px);overflow:auto;padding:28px max(calc((100% - 300px)/2),90px) 58px;scroll-padding-inline:calc((100% - 300px)/2);scroll-snap-type:x mandatory;overscroll-behavior:contain}
 .local-plans-dialog .pricing-grid.local-pricing-track>.price-card{flex:0 0 300px;min-width:300px;margin:0;padding:28px 23px 23px;scroll-snap-align:center}
 .local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro{margin:0;padding:55px 23px 23px}
 .local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro .price-type{display:block;margin-bottom:12px}
}
.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro .price-type{display:block;margin-bottom:12px}
@media(max-width:760px){.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro{padding-top:54px}.local-plans-dialog .pricing-grid.local-pricing-track>.price-card.price-pro .price-type{margin-bottom:11px}}

/* Flexible one-time minute purchase. */
.account-balance>div{min-width:0}
.account-buy-minutes{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 13px;border:1px solid #cfe1f8;border-radius:11px;background:#fff;color:#0869f5;font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}
.account-buy-minutes:hover{border-color:#8ab9ff;background:#edf6ff}
.account-buy-minutes i{font-style:normal;font-size:17px;font-weight:400}
.minutes-dialog{width:min(480px,calc(100vw - 30px));padding:28px 30px 23px;border:1px solid #d8e9fb;border-radius:28px;background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);text-align:center;box-shadow:0 28px 90px rgba(30,76,132,.2)}
.minutes-dialog::backdrop{background:rgba(25,51,81,.3);backdrop-filter:blur(7px)}
.minutes-dialog .close{top:11px;right:13px;width:38px;height:38px;font-size:26px}
.minutes-dialog-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 13px;border:1px solid #d9eaff;border-radius:22px;background:#edf6ff;box-shadow:0 12px 26px rgba(39,119,230,.12)}
.minutes-dialog-mark img{width:59px;height:59px;object-fit:contain}
.minutes-dialog .eyebrow{margin:0;color:#6f8eb8}
.minutes-dialog h2{max-width:370px;margin:10px auto 8px;font-size:clamp(25px,4vw,31px);line-height:1.1;letter-spacing:-.8px}
.minutes-dialog-copy{max-width:370px;margin:0 auto;color:#7186a4;font-size:13px;line-height:1.55}
.minutes-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:22px 0 15px}
.minutes-presets button{min-height:42px;border:1px solid #cfe1f8;border-radius:12px;background:#fff;color:#55739b;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.minutes-presets button:hover,.minutes-presets button.is-active{border-color:#0869f5;background:#edf6ff;color:#0869f5}
.minutes-input-label{display:block;margin-bottom:7px;color:#526986;font-size:11px;font-weight:700;text-align:left}
.minutes-input-wrap{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:7px;min-height:56px;padding:5px 7px;border:1px solid #cfe1f8;border-radius:15px;background:#fff}
.minutes-input-wrap button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:#edf6ff;color:#0869f5;font:inherit;font-size:23px;line-height:1;cursor:pointer}
.minutes-input-wrap button:hover{background:#dcecff}
.minutes-input-value{grid-column:2;display:flex;align-items:baseline;justify-content:center;gap:11px;min-width:0}
.minutes-input-wrap input{width:112px;min-width:0;border:0;background:transparent;color:#203452;font:inherit;font-size:24px;font-weight:700;text-align:right;outline:0;appearance:textfield}
.minutes-input-wrap input::-webkit-inner-spin-button,.minutes-input-wrap input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}
.minutes-input-value>span{color:#7186a4;font-size:13px;text-align:left}
.minutes-help{min-height:17px;margin:7px 0 0;color:#8497b0;font-size:11px;text-align:left}
.minutes-total{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:8px;margin:19px 0 14px;padding:14px 16px;border:1px solid #dceafb;border-radius:15px;background:#f7fbff;text-align:left}
.minutes-total span{color:#7186a4;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.minutes-total strong{justify-self:end;color:#203452;font-size:25px;letter-spacing:-.5px}
.minutes-total small{grid-column:1/-1;color:#8497b0;font-size:11px}
.minutes-plan-note{display:flex;align-items:center;gap:10px;margin:-2px 0 13px;padding:10px 12px;border:1px solid #d9e9fb;border-radius:13px;background:#eef7ff;color:#5f789b;font-size:11px;line-height:1.4;text-align:left}
.minutes-plan-note span{flex:1}
.minutes-plan-note button{flex:none;border:0;background:none;color:#0869f5;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}
.minutes-plan-note button:hover{text-decoration:underline}
.minutes-checkout{width:100%;justify-content:space-between;min-height:48px;border-radius:13px}
.minutes-checkout:disabled{cursor:not-allowed;opacity:.5}
.minutes-checkout i{font-style:normal;font-size:18px;font-weight:400}
.minutes-dialog-status{min-height:18px;margin:10px 0 0;color:#b05d54;font-size:11px;line-height:1.4}
.minutes-dialog-later{margin:13px auto 0;border:0;background:none;color:#8598b0;font-size:12px;cursor:pointer}
.minutes-dialog-later:hover{color:#0869f5}
body.modal-open{overflow:hidden}
.minutes-dialog{max-height:calc(100dvh - 30px);overflow-y:hidden;overscroll-behavior:contain}
.minutes-dialog.has-plan-note{overflow-y:auto}
.minutes-input-label{margin-top:22px;text-align:center}
.minutes-input-wrap{width:min(100%,360px);margin-inline:auto}
.minutes-input-value{justify-content:center;gap:5px}
.minutes-input-wrap input{width:88px;text-align:center}
.minutes-input-value>span{font-size:15px;font-weight:600;color:#55739b}
.minutes-total{grid-template-columns:1fr auto;width:min(100%,360px);margin:19px auto 12px;padding:17px 19px;align-items:center;column-gap:16px;text-align:left;background:linear-gradient(135deg,#eef7ff,#fff)}
.minutes-total span{align-self:end;font-size:10px}
.minutes-total strong{justify-self:end;font-size:30px;line-height:1;letter-spacing:-.8px}
.minutes-total small{grid-column:1/-1;margin-top:7px;padding-top:9px;border-top:1px solid #dceafb;color:#7890ae;font-size:11px}
.minutes-plan-note{display:grid;gap:9px;width:min(100%,360px);margin:12px auto 11px;padding:12px 14px;align-items:center;text-align:center}
.minutes-plan-note span{display:block}
.minutes-plan-note button{width:100%;min-height:44px;padding:10px 14px;border:1px solid #9fc8f8;border-radius:11px;background:#0869f5;color:#fff;font:inherit;font-weight:700;box-shadow:0 8px 18px rgba(8,105,245,.15)}
.minutes-plan-note button:hover{background:#0058d8;text-decoration:none}
.minutes-dialog-later{margin:2px auto 0;padding:4px 12px;line-height:1.2}
@media(max-width:700px){
 .account-screen>.account-balance{display:block}
 .account-buy-minutes{width:100%;margin-top:13px}
 .minutes-dialog{padding:25px 20px 21px;border-radius:24px}
 .minutes-dialog h2{font-size:26px}
 .minutes-presets{gap:5px}
 .minutes-presets button{font-size:11px}
}

/* Live conversation: keep bubbles inside the stage and retain an interrupted
   sentence as a real chat turn instead of making it vanish. */
.live-chat{box-sizing:border-box;width:min(620px,100%);max-width:100%;padding-inline:6px;overflow-x:hidden}
.live-message{box-sizing:border-box;max-width:calc(100% - 8px);min-width:0}
.live-message p{overflow-wrap:anywhere;word-break:break-word}
.live-message.is-interrupted p{border-style:dashed;opacity:.9}
.live-tip{box-sizing:border-box;max-width:100%}
.live-mic-reconnect{border:1px solid #c9dcfa;border-radius:999px;background:#eef5ff;color:#1268e8;padding:9px 14px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.live-mic-reconnect:disabled{opacity:.65;cursor:wait}
@media(max-width:700px){
  .live-chat{width:100%;padding-inline:4px}
  .live-message{max-width:calc(100% - 4px)}
  .live-tip{width:100%;max-width:100%}
}

/* Final mobile pass: keep app views centered and give close controls a quiet, rounded focus state. */
button.close{
  -webkit-appearance:none;
  appearance:none;
  -webkit-tap-highlight-color:transparent;
  outline:0;
}
button.close:focus,
button.close:focus-visible{
  outline:0;
  outline-offset:0;
  box-shadow:0 0 0 3px rgba(139,185,255,.38);
}
button.close:focus:not(:focus-visible){box-shadow:none}

@media(max-width:700px){
  dialog{
    width:calc(100vw - 24px);
    max-width:calc(100vw - 24px);
    margin:auto;
  }
  .credits-dialog,.minutes-dialog,.billing-dialog,.account-dialog,.leave-session-dialog{
    width:calc(100vw - 24px);
    max-width:calc(100vw - 24px);
    max-height:calc(100dvh - 24px);
    margin:auto;
  }
  .oratry-app>main{width:100%;max-width:none}
  .daily-session{width:100%;display:block}
  .daily-session .prep-layout{
    width:100%;
    max-width:560px;
    margin-inline:auto;
    padding-inline:0;
  }
  .daily-session .prep-heading{
    width:100%;
    max-width:none;
    margin-inline:auto;
    text-align:center;
  }
  .daily-session .prep-heading>p:last-child{margin-inline:auto}
  .daily-session .prep-brief,.daily-session .prep-mic-row{width:100%}
  .account-screen{
    width:100%;
    max-width:none;
    margin-inline:auto;
  }
  .account-screen>.close{right:0}
}

/* Account hub: visual system aligned to the supplied profile reference. */
body.is-account-view{background:#f8fbff;padding-bottom:0}
body.is-account-view .sidebar,body.is-account-view main#inicio>header{display:none}
body.is-account-view main#inicio{width:100%;max-width:none;min-height:100dvh;margin:0;padding:0;background:radial-gradient(circle at 50% 20%,#fff 0,#f8fbff 52%,#f2f8ff 100%)}
.account-screen{position:relative;width:min(925px,calc(100vw - 84px));max-width:none;min-height:100dvh;margin:0 auto;padding:51px 0 22px;color:#0f1930}
.account-screen[hidden],.account-details[hidden]{display:none!important}
.account-close{position:absolute;z-index:2;top:48px;right:1px;display:grid;place-items:center;width:70px;height:70px;border:1px solid #d7e1ef;border-radius:50%;background:rgba(246,249,253,.7);color:#4b5d7c;box-shadow:0 8px 20px rgba(48,77,119,.06);cursor:pointer}
.account-close:hover{background:#fff;border-color:#b9cde8}
.account-close .lucide{width:29px;height:29px;stroke-width:1.55}
.account-heading{padding:0 95px 31px 21px}
.account-wordmark{display:block;color:#506a94;font-size:15px;font-weight:700;letter-spacing:.34em;line-height:1.2}
.account-heading h1{margin:18px 0 8px;font-size:58px;line-height:1;letter-spacing:-2.8px;color:#0e172c}
.account-heading p{margin:0;color:#687ea5;font-size:26px;line-height:1.3;letter-spacing:-.65px}
.account-identity-card{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:40px;min-height:254px;padding:31px 31px 31px 40px;border:1px solid rgba(255,255,255,.98);border-radius:30px;background:linear-gradient(110deg,rgba(255,255,255,.78),rgba(239,247,255,.63));box-shadow:0 13px 40px rgba(72,119,181,.1),inset 0 1px 0 #fff}
.account-identity-avatar{position:relative;display:grid;place-items:center;width:187px;height:187px;flex:0 0 187px;border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#9ed5ff 4%,#4e9bf1 69%,#9ad3ff);overflow:visible;box-shadow:0 9px 20px rgba(42,112,209,.2),inset 0 0 0 1px rgba(67,136,229,.3)}
.account-identity-avatar:before,.account-identity-avatar:after{content:'';position:absolute;z-index:1;border-radius:999px;background:rgba(255,255,255,.7);transform:rotate(45deg);pointer-events:none}
.account-identity-avatar:before{width:58px;height:21px;top:12px;right:4px}
.account-identity-avatar:after{width:48px;height:19px;bottom:18px;left:-7px}
.account-identity-avatar img{position:absolute;width:164px;height:164px;object-fit:contain;opacity:.22;filter:brightness(0) invert(1)}
.account-identity-avatar b{position:relative;z-index:2;color:#fff;font-size:43px;font-weight:700;letter-spacing:-1.8px;text-shadow:0 2px 6px rgba(31,88,174,.25)}
.account-avatar-camera{position:absolute;z-index:3;right:-2px;bottom:4px;display:grid;place-items:center;width:54px;height:54px;border:2px solid #dce8f6;border-radius:50%;background:#fff;color:#50617d;box-shadow:0 4px 12px rgba(40,86,148,.12)}
.account-avatar-camera .lucide{width:25px;height:25px}
.account-identity-copy{min-width:0}
.account-identity-copy h2{margin:0;color:#0e172c;font-size:37px;line-height:1.08;letter-spacing:-1.75px}
.account-identity-email{margin:11px 0 17px;color:#6e84aa;font-size:21px;line-height:1.25;overflow-wrap:anywhere}
.account-identity-meta{display:flex;flex-wrap:wrap;gap:9px;color:#637ca5;font-size:16px}
.account-identity-meta>span{display:inline-flex;align-items:center;gap:9px;min-height:43px;padding:0 18px;border:1px solid #d9e7f8;border-radius:24px;background:rgba(247,251,255,.72);white-space:nowrap}
.account-identity-meta .lucide{width:20px;height:20px;stroke-width:1.8}
.account-edit-button{display:inline-flex;align-items:center;justify-content:center;gap:21px;width:151px;height:67px;border:1px solid #c8daf1;border-radius:36px;background:rgba(255,255,255,.54);color:#101a31;font-size:21px;cursor:pointer;box-shadow:0 4px 12px rgba(64,105,159,.04)}
.account-edit-button:hover{background:#fff;border-color:#9fc0e9}
.account-edit-button .lucide{width:24px;height:24px;color:#56709b}
.account-balance-card{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr) 293px;grid-template-rows:1fr auto;column-gap:27px;min-height:280px;margin-top:21px;padding:40px 39px 27px;border:1px solid rgba(255,255,255,.98);border-radius:30px;background:radial-gradient(ellipse at 78% 51%,rgba(197,222,255,.8),transparent 48%),radial-gradient(ellipse at 90% 70%,rgba(209,210,255,.65),transparent 38%),linear-gradient(112deg,rgba(248,252,255,.95),rgba(240,248,255,.82));box-shadow:0 13px 40px rgba(72,119,181,.1),inset 0 1px 0 #fff;overflow:hidden}
.account-balance-card:after{content:'';position:absolute;right:-70px;bottom:-78px;width:440px;height:260px;border:1px solid rgba(255,255,255,.62);border-radius:50%;transform:rotate(-18deg);pointer-events:none}
.account-balance-main{grid-column:1/3;display:flex;align-items:flex-start;gap:28px;min-width:0}
.account-balance-icon{display:grid;place-items:center;width:84px;height:82px;flex:0 0 84px;border-radius:25px;background:rgba(228,240,255,.86);color:#1470ed}
.account-balance-icon .lucide{width:42px;height:42px;stroke-width:1.55}
.account-balance-copy{padding-top:1px}
.account-balance-heading{display:block;color:#6079a4;font-size:15px;font-weight:700;letter-spacing:.16em;line-height:1.25}
.account-balance-copy p{display:grid;gap:0;margin:8px 0 0}
.account-balance-copy strong{color:#0e172c;font-size:60px;line-height:.96;letter-spacing:-2.5px}
.account-balance-copy p span{color:#6d83a8;font-size:24px;line-height:1.2}
.account-balance-progress{grid-column:1/3;align-self:end;min-width:0;padding-top:25px}
.account-progress-track{height:20px;border-radius:99px;background:rgba(219,231,248,.72);overflow:hidden}
.account-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#318cf3,#1475e8);box-shadow:0 2px 7px rgba(25,114,239,.2)}
.account-balance-progress p{margin:18px 0 0;color:#6e84aa;font-size:18px;line-height:1.25}
.account-balance-card>.account-buy-minutes{position:relative;z-index:1;grid-column:3;grid-row:1;align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:29px;width:293px;height:74px;border:0;border-radius:40px;background:linear-gradient(105deg,#2e91f2,#225ce3);color:#fff;font-size:21px;font-weight:700;box-shadow:0 10px 18px rgba(28,102,222,.18);white-space:nowrap;cursor:pointer}
.account-balance-card>.account-buy-minutes:hover{filter:brightness(.97);transform:translateY(-1px)}
.account-balance-card>.account-buy-minutes i{font-style:normal;font-size:34px;font-weight:400;line-height:1}
.account-menu-card,.account-logout-card{border:1px solid rgba(255,255,255,.98);border-radius:30px;background:rgba(255,255,255,.76);box-shadow:0 13px 40px rgba(72,119,181,.09),inset 0 1px 0 #fff}
.account-menu-card{margin-top:20px;padding:23px 39px}
.account-menu-item{display:grid;grid-template-columns:83px minmax(0,1fr) 24px;align-items:center;gap:24px;width:100%;min-height:101px;padding:0;border:0;border-bottom:1px solid #dbe6f4;background:transparent;color:#101a31;text-align:left;cursor:pointer}
.account-menu-item:last-child{border-bottom:0}
.account-menu-item:hover .account-menu-copy strong{color:#0b69ed}
.account-menu-icon{display:grid;place-items:center;width:83px;height:80px;border-radius:25px;background:linear-gradient(145deg,#eef5fd,#f5f8fc);color:#101a31}
.account-menu-icon .lucide{width:34px;height:34px;stroke-width:1.55}
.account-menu-copy{min-width:0}
.account-menu-copy strong,.account-menu-copy small{display:block}
.account-menu-copy strong{font-size:25px;line-height:1.15;letter-spacing:-.7px;font-weight:500}
.account-menu-copy small{margin-top:7px;color:#7187aa;font-size:19px;line-height:1.25;letter-spacing:-.3px}
.account-menu-item>.lucide{width:27px;height:27px;color:#7186aa;stroke-width:1.7}
.account-hub-status{min-height:0;margin:0;color:#4b6b9d;font-size:13px;text-align:center}
.account-hub-status:not(:empty){margin:13px 0 -3px}
.account-logout-card{margin-top:20px}
.account-logout-card>button{display:grid;grid-template-columns:83px minmax(0,1fr) 24px;align-items:center;gap:24px;width:100%;min-height:116px;padding:0 39px;border:0;background:transparent;color:#e0212a;text-align:left;cursor:pointer}
.account-logout-card .account-menu-icon{background:linear-gradient(145deg,#fff0f1,#ffebed);color:#e0212a}
.account-logout-card .account-menu-copy strong{color:#e0212a}
.account-logout-card .account-menu-copy small{color:#7187aa}
.account-logout-card>button>.lucide{width:27px;height:27px;color:#7186aa}
.account-footer{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:18px;padding-bottom:0;border:0;color:#94a8c9;font-size:14px}
.account-footer strong{color:#7992b9;font-size:16px;font-weight:700}
.account-details{padding-bottom:60px}
.account-details-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 29px;padding:0;border:0;background:transparent;color:#6080ad;font-size:14px;cursor:pointer}
.account-details-back:hover{color:#0b69ed}
.account-details-back .lucide{width:18px;height:18px}
.account-details-heading{margin-bottom:23px}
.account-details-heading h2{margin:14px 0 8px;font-size:42px;letter-spacing:-1.5px}
.account-details-heading p{margin:0;color:#6e84aa;font-size:17px}
.account-details .account-tabs{display:flex;gap:9px;margin:0 0 18px;padding:0;border:0;background:transparent}
.account-details .account-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:10px 15px;border:1px solid #d5e3f4;border-radius:14px;background:#fff;color:#6f85a7;font-size:12px;font-weight:700}
.account-details .account-tabs button[aria-selected="true"]{border-color:#9fc7f6;background:#eaf4ff;color:#0d70ee}
.account-details .account-tabs .lucide{width:18px;height:18px}
.account-details .account-panel{padding:22px;border:1px solid #dce8f6;border-radius:21px;background:#fff;box-shadow:0 10px 28px rgba(48,91,145,.06)}
.account-details .account-panel[hidden]{display:none!important}
.account-details .account-panel[data-account-panel="profile"]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:15px}
.account-details .account-panel[data-account-panel="profile"]>.account-form:first-child,.account-details .account-panel[data-account-panel="profile"]>.account-section,.account-details .account-panel[data-account-panel="profile"]>.account-password-form{margin:0;padding:20px;border:1px solid #e0eaf6;border-radius:16px;background:#fff;box-shadow:none}
.account-details .account-panel[data-account-panel="profile"]>.account-form:first-child{grid-column:1;grid-row:1}
.account-details .account-panel[data-account-panel="profile"]>.account-section{grid-column:2;grid-row:1}
.account-details .account-panel[data-account-panel="profile"]>.account-password-form{grid-column:1/-1;grid-row:2}
.account-details .account-panel[data-account-panel="profile"]>.account-section:nth-of-type(2){grid-column:1;grid-row:3}
.account-details .account-panel[data-account-panel="profile"]>.account-section.account-danger{grid-column:2;grid-row:3}
.account-details .account-panel[data-account-panel="billing"]{padding:0;overflow:hidden}
.account-details .account-panel[data-account-panel="billing"] .billing-intro{padding:20px 22px 16px;border-bottom:1px solid #e7eef7}
.account-details .account-panel[data-account-panel="billing"] .billing-section,.account-details .account-panel[data-account-panel="billing"] .billing-refunds,.account-details .account-panel[data-account-panel="billing"] .billing-empty,.account-details .account-panel[data-account-panel="billing"] .billing-status{margin-left:22px;margin-right:22px}
.account-details .account-panel[data-account-panel="billing"] .billing-empty{margin-bottom:22px}
.account-details .account-form input{min-height:46px;border-radius:11px}
.account-details .account-form .primary{min-height:44px}
.account-details .account-secondary-button,.account-details .account-support-link{min-height:42px;border-radius:11px}
.account-details .account-danger{background:#fffafa!important;border-color:#f1dddd!important}
.account-details .account-legal-links{padding-top:14px}
.account-screen.is-detail-view>.account-heading,.account-screen.is-detail-view>.account-identity-card,.account-screen.is-detail-view>.account-balance,.account-screen.is-detail-view>.account-time-card,.account-screen.is-detail-view>.account-menu-card,.account-screen.is-detail-view>.account-hub-status,.account-screen.is-detail-view>.account-logout-card,.account-screen.is-detail-view>.account-footer{display:none}

@media(max-width:760px){
  .account-screen{width:calc(100vw - 36px);padding:28px 0 18px}
  .account-close{top:24px;right:0;width:50px;height:50px}
  .account-close .lucide{width:22px;height:22px}
  .account-heading{padding:0 65px 24px 3px}
  .account-wordmark{font-size:11px;letter-spacing:.28em}
  .account-heading h1{margin-top:14px;font-size:41px;letter-spacing:-1.8px}
  .account-heading p{font-size:17px;letter-spacing:-.2px}
  .account-identity-card{grid-template-columns:88px minmax(0,1fr);gap:18px;min-height:0;padding:22px 21px}
  .account-identity-avatar{width:88px;height:88px;flex-basis:88px}
  .account-identity-avatar img{width:78px;height:78px}
  .account-identity-avatar b{font-size:23px;letter-spacing:-.8px}
  .account-identity-avatar:before{width:30px;height:11px;top:5px;right:0}
  .account-identity-avatar:after{width:26px;height:10px;bottom:10px;left:-4px}
  .account-avatar-camera{right:-4px;bottom:-2px;width:30px;height:30px;border-width:1px}
  .account-avatar-camera .lucide{width:15px;height:15px}
  .account-identity-copy h2{font-size:22px;letter-spacing:-.8px}
  .account-identity-email{margin:6px 0 10px;font-size:13px}
  .account-identity-meta{gap:5px;font-size:10px}
  .account-identity-meta>span{min-height:27px;padding:0 9px;gap:4px}
  .account-identity-meta .lucide{width:13px;height:13px}
  .account-edit-button{grid-column:2;width:100%;height:45px;font-size:14px;gap:12px}
  .account-edit-button .lucide{width:18px;height:18px}
  .account-balance-card{grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:15px;min-height:0;margin-top:15px;padding:22px 21px 21px;border-radius:25px}
  .account-balance-main{grid-column:1/-1;gap:15px}
  .account-balance-icon{width:58px;height:58px;flex-basis:58px;border-radius:18px}
  .account-balance-icon .lucide{width:29px;height:29px}
  .account-balance-heading{font-size:10px;letter-spacing:.12em}
  .account-balance-copy p{margin-top:5px}
  .account-balance-copy strong{font-size:43px;letter-spacing:-1.5px}
  .account-balance-copy p span{font-size:16px}
  .account-balance-progress{grid-column:1/-1;padding-top:21px}
  .account-progress-track{height:12px}
  .account-balance-progress p{margin-top:11px;font-size:13px}
  .account-balance-card>.account-buy-minutes{grid-column:1/-1;grid-row:3;width:100%;height:53px;margin-top:19px;border-radius:29px;font-size:15px;gap:15px}
  .account-balance-card>.account-buy-minutes i{font-size:27px}
  .account-menu-card,.account-logout-card{border-radius:25px}
  .account-menu-card{margin-top:15px;padding:8px 18px}
  .account-menu-item{grid-template-columns:57px minmax(0,1fr) 18px;gap:15px;min-height:82px}
  .account-menu-icon{width:57px;height:57px;border-radius:18px}
  .account-menu-icon .lucide{width:25px;height:25px}
  .account-menu-copy strong{font-size:17px;letter-spacing:-.3px}
  .account-menu-copy small{margin-top:4px;font-size:12px;letter-spacing:0}
  .account-menu-item>.lucide,.account-logout-card>button>.lucide{width:20px;height:20px}
  .account-logout-card{margin-top:15px}
  .account-logout-card>button{grid-template-columns:57px minmax(0,1fr) 18px;gap:15px;min-height:87px;padding:0 18px}
  .account-footer{margin-top:15px;font-size:11px}
  .account-footer strong{font-size:13px}
  .account-details{padding-bottom:38px}
  .account-details-heading h2{font-size:31px}
  .account-details-heading p{font-size:14px;line-height:1.45}
  .account-details .account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .account-details .account-tabs button{min-height:54px;padding:8px;font-size:10px;line-height:1.25;flex-direction:column}
  .account-details .account-panel[data-account-panel="profile"]{display:grid;grid-template-columns:1fr;gap:10px;padding:17px}
  .account-details .account-panel[data-account-panel="profile"]>.account-form:first-child,.account-details .account-panel[data-account-panel="profile"]>.account-section,.account-details .account-panel[data-account-panel="profile"]>.account-password-form,.account-details .account-panel[data-account-panel="profile"]>.account-section:nth-of-type(2),.account-details .account-panel[data-account-panel="profile"]>.account-section.account-danger{grid-column:1;grid-row:auto}
  .account-details .account-panel[data-account-panel="profile"]>.account-form:first-child,.account-details .account-panel[data-account-panel="profile"]>.account-section,.account-details .account-panel[data-account-panel="profile"]>.account-password-form{padding:17px}
  .account-details .account-panel[data-account-panel="billing"] .billing-intro{padding:17px}
  .account-details .account-panel[data-account-panel="billing"] .billing-section,.account-details .account-panel[data-account-panel="billing"] .billing-refunds,.account-details .account-panel[data-account-panel="billing"] .billing-empty,.account-details .account-panel[data-account-panel="billing"] .billing-status{margin-left:17px;margin-right:17px}
}

/* Higher-specificity corrections for the app's legacy global header/account rules. */
.account-screen .account-heading{display:block;height:auto;min-height:0;border:0;align-items:initial;justify-content:initial}
.account-screen .account-heading{padding:14px 95px 34px 21px}
.account-screen .account-identity-avatar{width:187px;height:187px;flex:0 0 187px;border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#9ed5ff 4%,#4e9bf1 69%,#9ad3ff);overflow:visible}
.account-screen .account-identity-avatar img{width:164px;height:164px;object-fit:contain;opacity:.38;filter:none}
.account-screen .account-identity-avatar b{font-size:43px;letter-spacing:-1.8px}
.account-screen .account-identity-email{margin:11px 0 17px;font-size:21px;line-height:1.25}
.account-screen{padding-bottom:13px}
.account-screen .account-footer{margin-top:15px;padding:0}
.account-screen>.account-balance-card{display:grid;grid-template-columns:84px minmax(0,1fr) 293px;grid-template-rows:1fr auto;align-items:initial;justify-content:initial;column-gap:27px;height:280px;min-height:280px;margin:21px 0 0;padding:40px 39px 27px;border-radius:30px}
.account-screen>.account-balance-card .account-balance-heading{font-size:15px}
.account-screen>.account-balance-card p{margin:0}
.account-screen>.account-balance-card .account-balance-copy p{margin:8px 0 0}
.account-screen>.account-balance-card .account-balance-progress{width:calc(100% - 12px);min-height:0;margin-left:4px;padding-top:22px;transform:translateY(-3px)}
.account-screen>.account-balance-card .account-balance-progress p{margin:18px 0 0}
.account-screen>.account-balance-card .account-balance-copy strong{font-size:60px}
.account-screen>.account-balance-card>.account-buy-minutes{align-self:end;width:288px;justify-self:end;position:relative;top:15px}
.account-screen .account-menu-item{min-height:98px}

@media(max-width:760px){
  .account-screen{padding-bottom:18px}
  .account-screen .account-heading{display:block;height:auto;min-height:0;padding:0 65px 24px 3px}
  .account-screen .account-identity-avatar{width:112px;height:112px;flex-basis:112px}
  .account-screen .account-identity-avatar img{width:96px;height:96px}
  .account-screen .account-identity-avatar b{font-size:29px}
  .account-screen>.account-balance-card{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:initial;column-gap:15px;height:auto;min-height:0;margin:15px 0 0;padding:22px 21px 21px}
  .account-screen>.account-balance-card .account-balance-heading{font-size:10px}
  .account-screen>.account-balance-card .account-balance-copy p{margin:5px 0 0}
  .account-screen>.account-balance-card .account-balance-copy strong{font-size:43px}
  .account-screen>.account-balance-card p{margin:0}
  .account-screen>.account-balance-card .account-balance-progress{width:auto;margin-left:0;transform:none}
  .account-screen>.account-balance-card>.account-buy-minutes{align-self:initial;width:100%;justify-self:stretch;top:0}
  .account-screen .account-footer{margin-top:15px;padding:0}
  .account-screen .account-menu-item{min-height:82px}
}

/* Account is a regular app view: keep the shell and use the app's compact scale. */
body.is-account-view{background:#fafcff;padding-bottom:0}
body.is-account-view .sidebar{display:flex}
body.is-account-view main#inicio{width:auto;max-width:1550px;min-height:0;margin-left:248px;padding:0 5%;background:transparent}
body.is-account-view main#inicio>header{display:none}
body.is-account-view .account-close{display:none}
body.is-account-view .account-screen{width:100%;max-width:1040px;min-height:0;margin:0 auto;padding:32px 0 50px}
body.is-account-view .account-heading{padding:0 72px 22px 0}
body.is-account-view .account-wordmark{font-size:11px;letter-spacing:.28em}
body.is-account-view .account-heading h1{margin:12px 0 6px;font-size:42px;letter-spacing:-2px}
body.is-account-view .account-heading p{font-size:18px;line-height:1.35;letter-spacing:-.35px}
body.is-account-view .account-identity-card{grid-template-columns:112px minmax(0,1fr) auto;gap:24px;min-height:174px;padding:20px 24px}
body.is-account-view .account-identity-avatar{width:112px;height:112px;flex-basis:112px;border-width:2px}
body.is-account-view .account-identity-avatar img{width:98px;height:98px}
body.is-account-view .account-identity-avatar b{font-size:29px;letter-spacing:-1px}
body.is-account-view .account-identity-avatar:before{width:36px;height:14px;top:8px;right:2px}
body.is-account-view .account-identity-avatar:after{width:30px;height:12px;bottom:12px;left:-5px}
body.is-account-view .account-avatar-camera{right:-3px;bottom:1px;width:36px;height:36px;border-width:1px}
body.is-account-view .account-avatar-camera .lucide{width:17px;height:17px}
body.is-account-view .account-identity-copy h2{font-size:25px;letter-spacing:-1px}
body.is-account-view .account-identity-email{margin:6px 0 10px;font-size:14px;line-height:1.25}
body.is-account-view .account-identity-meta{gap:6px;font-size:12px}
body.is-account-view .account-identity-meta>span{min-height:32px;padding:0 12px;gap:6px}
body.is-account-view .account-identity-meta .lucide{width:15px;height:15px}
body.is-account-view .account-edit-button{width:110px;height:44px;gap:10px;border-radius:24px;font-size:14px}
body.is-account-view .account-edit-button .lucide{width:17px;height:17px}
body.is-account-view>.account-balance-card,
body.is-account-view .account-balance-card{grid-template-columns:58px minmax(0,1fr) 230px;column-gap:16px;height:190px;min-height:190px;margin-top:16px;padding:24px 24px 20px;border-radius:22px}
body.is-account-view .account-balance-main{gap:16px}
body.is-account-view .account-balance-icon{width:58px;height:58px;flex-basis:58px;border-radius:18px}
body.is-account-view .account-balance-icon .lucide{width:29px;height:29px}
body.is-account-view .account-balance-heading{font-size:11px;letter-spacing:.13em}
body.is-account-view .account-balance-copy p{margin-top:5px}
body.is-account-view .account-balance-copy strong{font-size:42px;letter-spacing:-1.8px}
body.is-account-view .account-balance-copy p span{font-size:16px}
body.is-account-view .account-balance-progress{width:calc(100% - 8px);margin-left:0;padding-top:16px;transform:none}
body.is-account-view .account-balance-progress{width:calc(100% - 95px)}
body.is-account-view .account-progress-track{height:10px}
body.is-account-view .account-balance-progress p{margin-top:10px;font-size:12px}
body.is-account-view .account-balance-card>.account-buy-minutes{width:230px;height:52px;top:10px;gap:16px;border-radius:28px;font-size:15px}
body.is-account-view .account-balance-card>.account-buy-minutes i{font-size:25px}
body.is-account-view .account-menu-card,.account-screen .account-logout-card{border-radius:22px}
body.is-account-view .account-menu-card{margin-top:16px;padding:8px 24px}
body.is-account-view .account-menu-item{grid-template-columns:58px minmax(0,1fr) 20px;gap:16px;min-height:72px}
body.is-account-view .account-menu-icon{width:58px;height:56px;border-radius:18px}
body.is-account-view .account-menu-icon .lucide{width:25px;height:25px}
body.is-account-view .account-menu-copy strong{font-size:17px;letter-spacing:-.35px}
body.is-account-view .account-menu-copy small{margin-top:4px;font-size:13px;letter-spacing:0}
body.is-account-view .account-menu-item>.lucide{width:20px;height:20px}
body.is-account-view .account-logout-card{margin-top:16px}
body.is-account-view .account-logout-card>button{grid-template-columns:58px minmax(0,1fr) 20px;gap:16px;min-height:84px;padding:0 24px}
body.is-account-view .account-logout-card>button>.lucide{width:20px;height:20px}
body.is-account-view .account-footer{margin-top:16px;font-size:11px}
body.is-account-view .account-footer strong{font-size:13px}
body.is-account-view .account-details{padding:0 0 42px}
body.is-account-view .account-details-back{gap:6px;margin:0 0 18px;font-size:12px}
body.is-account-view .account-details-back .lucide{width:16px;height:16px}
body.is-account-view .account-details-heading{margin-bottom:16px}
body.is-account-view .account-details-heading h2{margin:10px 0 5px;font-size:31px;letter-spacing:-1px}
body.is-account-view .account-details-heading p{font-size:14px;line-height:1.45}
body.is-account-view .account-details .account-tabs{gap:7px;margin:0 0 14px}
body.is-account-view .account-details .account-tabs button{min-height:40px;padding:8px 12px;border-radius:11px;font-size:11px}
body.is-account-view .account-details .account-tabs .lucide{width:15px;height:15px}
body.is-account-view .account-details .account-panel{padding:16px;border-radius:16px}
body.is-account-view .account-details [data-account-panel="profile"]{gap:10px}
body.is-account-view .account-details [data-account-panel="profile"]>.account-form:first-child,
body.is-account-view .account-details [data-account-panel="profile"]>.account-section,
body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form{padding:16px;border-radius:14px}
body.is-account-view .account-details .account-section h3,
body.is-account-view .account-details .account-password-form h3{font-size:14px}
body.is-account-view .account-details .account-form{gap:7px}
body.is-account-view .account-details .account-form label{font-size:11px}
body.is-account-view .account-details .account-form input{min-height:40px;padding:9px 10px;border-radius:10px;font-size:12px}
body.is-account-view .account-details .account-form .primary{min-height:39px;padding:10px 13px;font-size:11px}
body.is-account-view .account-details .account-note,
body.is-account-view .account-details .account-email{font-size:11px;line-height:1.45}
body.is-account-view .account-details .account-support-link,
body.is-account-view .account-details .account-secondary-button,
body.is-account-view .account-details .account-danger-button{min-height:36px;padding:8px 10px;border-radius:9px;font-size:11px}
body.is-account-view .account-details .account-password-form{gap:7px}
body.is-account-view .account-details .account-password-reset{font-size:10px}
body.is-account-view .account-details .account-legal-links{padding-top:10px;font-size:10px}
body.is-account-view .account-details [data-account-panel="billing"]{padding:0}
body.is-account-view .account-details [data-account-panel="billing"] .billing-intro{padding:16px 16px 13px;font-size:12px}
body.is-account-view .account-details [data-account-panel="billing"] .billing-section,
body.is-account-view .account-details [data-account-panel="billing"] .billing-refunds,
body.is-account-view .account-details [data-account-panel="billing"] .billing-empty,
body.is-account-view .account-details [data-account-panel="billing"] .billing-status{margin-left:16px;margin-right:16px}
body.is-account-view .account-details [data-account-panel="billing"] .billing-section{margin-top:16px}
body.is-account-view .account-details [data-account-panel="billing"] .billing-item{padding:12px 0}
body.is-account-view .account-details [data-account-panel="billing"] .billing-item strong{font-size:13px}
body.is-account-view .account-details [data-account-panel="billing"] .billing-item small{font-size:11px}
body.is-account-view .account-details [data-account-panel="billing"] .billing-actions button{min-height:34px;padding:7px 9px;font-size:10px}

@media(max-width:1000px) and (min-width:701px){
  body.is-account-view main#inicio{margin-left:205px;padding-inline:4%}
  body.is-account-view .account-identity-card{grid-template-columns:96px minmax(0,1fr) auto;gap:18px;padding:18px}
  body.is-account-view .account-identity-avatar{width:96px;height:96px;flex-basis:96px}
  body.is-account-view .account-identity-avatar img{width:84px;height:84px}
  body.is-account-view .account-balance-card{grid-template-columns:52px minmax(0,1fr) 190px}
  body.is-account-view .account-balance-card>.account-buy-minutes{width:190px}
}

@media(max-width:700px){
  body.is-account-view main#inicio{margin-left:0;padding:0 6%}
  body.is-account-view .account-screen{width:100%;padding:24px 0 36px}
  body.is-account-view .account-heading{padding:0 52px 20px 0}
  body.is-account-view .account-heading h1{font-size:34px}
  body.is-account-view .account-heading p{font-size:14px}
  body.is-account-view .account-identity-card{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px}
  body.is-account-view .account-identity-avatar{width:72px;height:72px;flex-basis:72px}
  body.is-account-view .account-identity-avatar img{width:62px;height:62px}
  body.is-account-view .account-identity-avatar b{font-size:20px}
  body.is-account-view .account-identity-copy h2{font-size:18px}
  body.is-account-view .account-identity-email{font-size:11px}
  body.is-account-view .account-identity-meta{font-size:10px}
  body.is-account-view .account-identity-meta>span{min-height:25px;padding:0 8px}
  body.is-account-view .account-edit-button{grid-column:2;width:100%;height:38px;font-size:12px}
  body.is-account-view .account-balance-card{grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto auto;height:auto;min-height:0;padding:18px 16px;border-radius:18px}
  body.is-account-view .account-balance-progress{width:auto}
  body.is-account-view .account-balance-icon{width:48px;height:48px;flex-basis:48px}
  body.is-account-view .account-balance-main{gap:12px}
  body.is-account-view .account-balance-copy strong{font-size:36px}
  body.is-account-view .account-balance-card>.account-buy-minutes{grid-column:1/-1;grid-row:3;width:100%;top:0;margin-top:14px}
  body.is-account-view .account-menu-card{padding:6px 16px;border-radius:18px}
  body.is-account-view .account-menu-item{grid-template-columns:48px minmax(0,1fr) 18px;gap:12px;min-height:64px}
  body.is-account-view .account-menu-icon{width:48px;height:46px;border-radius:15px}
  body.is-account-view .account-menu-icon .lucide{width:21px;height:21px}
  body.is-account-view .account-menu-copy strong{font-size:14px}
  body.is-account-view .account-menu-copy small{font-size:11px}
  body.is-account-view .account-logout-card>button{grid-template-columns:48px minmax(0,1fr) 18px;gap:12px;min-height:72px;padding:0 16px}
  body.is-account-view .account-details{padding-bottom:30px}
  body.is-account-view .account-details-heading h2{font-size:26px}
  body.is-account-view .account-details .account-panel{padding:12px}
  body.is-account-view .account-details [data-account-panel="profile"]>.account-form:first-child,
  body.is-account-view .account-details [data-account-panel="profile"]>.account-section,
  body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form{padding:12px}

  /* Mobile account view follows the same compact rhythm as the rest of the app. */
  body.is-account-view .account-heading{padding:0 0 16px}
  body.is-account-view .account-wordmark{font-size:9px;letter-spacing:.24em}
  body.is-account-view .account-heading h1{margin:8px 0 3px;font-size:28px;letter-spacing:-1.3px}
  body.is-account-view .account-heading p{font-size:12px;line-height:1.35}
  body.is-account-view .account-identity-card{min-height:0;grid-template-columns:62px minmax(0,1fr);gap:11px;padding:13px;border-radius:17px}
  body.is-account-view .account-identity-avatar{width:62px;height:62px;flex-basis:62px}
  body.is-account-view .account-identity-avatar img{width:54px;height:54px}
  body.is-account-view .account-identity-avatar b{font-size:18px}
  body.is-account-view .account-avatar-camera{right:-4px;bottom:-2px;width:27px;height:27px}
  body.is-account-view .account-avatar-camera .lucide{width:13px;height:13px}
  body.is-account-view .account-identity-copy h2{font-size:16px;letter-spacing:-.45px}
  body.is-account-view .account-identity-email{margin:3px 0 7px;font-size:10px}
  body.is-account-view .account-identity-meta{gap:4px;font-size:9px}
  body.is-account-view .account-identity-meta>span{min-height:23px;padding:0 7px}
  body.is-account-view .account-identity-meta .lucide{width:11px;height:11px}
  body.is-account-view .account-edit-button{grid-column:1/-1;width:100%;height:34px;margin-top:1px;font-size:11px}

  body.is-account-view .account-balance-card{grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;margin-top:12px;padding:14px;border-radius:17px}
  body.is-account-view .account-balance-main{grid-column:1/-1;gap:10px}
  body.is-account-view .account-balance-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px}
  body.is-account-view .account-balance-icon .lucide{width:21px;height:21px}
  body.is-account-view .account-balance-heading{font-size:9px;letter-spacing:.11em}
  body.is-account-view .account-balance-copy p{margin-top:2px}
  body.is-account-view .account-balance-copy strong{font-size:29px;letter-spacing:-1px}
  body.is-account-view .account-balance-copy p span{font-size:12px}
  body.is-account-view .account-balance-progress{grid-column:1/-1;width:auto;padding-top:11px}
  body.is-account-view .account-progress-track{height:7px}
  body.is-account-view .account-balance-progress p{margin-top:7px;font-size:10px}
  body.is-account-view .account-balance-card>.account-buy-minutes{height:40px;margin-top:11px;border-radius:21px;font-size:12px;gap:9px}
  body.is-account-view .account-balance-card>.account-buy-minutes i{font-size:19px}

  body.is-account-view .account-menu-card{margin-top:12px;padding:5px 12px;border-radius:17px}
  body.is-account-view .account-menu-item{grid-template-columns:40px minmax(0,1fr) 15px;gap:10px;min-height:56px}
  body.is-account-view .account-menu-icon{width:40px;height:40px;border-radius:12px}
  body.is-account-view .account-menu-icon .lucide{width:18px;height:18px}
  body.is-account-view .account-menu-copy strong{font-size:13px;letter-spacing:-.2px}
  body.is-account-view .account-menu-copy small{margin-top:2px;font-size:9px;line-height:1.25}
  body.is-account-view .account-menu-item>.lucide{width:15px;height:15px}
  body.is-account-view .account-logout-card{margin-top:12px;border-radius:17px}
  body.is-account-view .account-logout-card>button{grid-template-columns:40px minmax(0,1fr) 15px;gap:10px;min-height:60px;padding:0 12px}

  body.is-account-view .account-details-back{margin-bottom:12px}
  body.is-account-view .account-details-heading{margin-bottom:11px}
  body.is-account-view .account-details-heading h2{margin:5px 0 3px;font-size:22px;letter-spacing:-.7px}
  body.is-account-view .account-details-heading p{font-size:11px}
  body.is-account-view .account-details .account-tabs{gap:5px;margin-bottom:10px}
  body.is-account-view .account-details .account-tabs button{min-height:34px;padding:6px;font-size:9px;border-radius:9px}
  body.is-account-view .account-details .account-panel{padding:0;background:transparent;border:0;box-shadow:none}
  body.is-account-view .account-details [data-account-panel="profile"]{gap:8px}
  body.is-account-view .account-details [data-account-panel="profile"]>.account-form:first-child,
  body.is-account-view .account-details [data-account-panel="profile"]>.account-section,
  body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form{padding:12px;background:#fff;border:1px solid #e7edf7;border-radius:13px;box-shadow:0 8px 24px rgba(38,78,137,.055)}
  body.is-account-view .account-details [data-account-panel="billing"]{padding:0;background:#fff;border:1px solid #e7edf7;border-radius:13px;box-shadow:0 8px 24px rgba(38,78,137,.055);overflow:hidden}
  body.is-account-view .account-details [data-account-panel="billing"] .billing-intro{padding:12px 12px 10px;font-size:10px}
  body.is-account-view .account-details [data-account-panel="billing"] .billing-section,
  body.is-account-view .account-details [data-account-panel="billing"] .billing-refunds,
  body.is-account-view .account-details [data-account-panel="billing"] .billing-empty,
  body.is-account-view .account-details [data-account-panel="billing"] .billing-status{margin-left:12px;margin-right:12px}
}

/* Final avatar reset: only Orinha and the user's initials remain visible. */
body.is-account-view .account-identity-avatar{
  width:88px;height:88px;flex-basis:88px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible
}
body.is-account-view .account-identity-avatar:before,
body.is-account-view .account-identity-avatar:after{display:none;content:none}
body.is-account-view .account-identity-avatar img{position:absolute;width:88px;height:88px;object-fit:contain;opacity:1;filter:none}
body.is-account-view .account-identity-avatar b{position:relative;z-index:2;margin-top:4px;color:#fff;font-size:20px;letter-spacing:-.4px;text-shadow:0 1px 4px rgba(14,73,158,.58)}
body.is-account-view .account-identity-avatar b[data-initial-count="1"]{font-size:25px}
body.is-account-view .account-avatar-camera{display:none}

@media(max-width:700px){
  body.is-account-view .account-identity-avatar{width:58px;height:58px;flex-basis:58px}
  body.is-account-view .account-identity-avatar img{width:58px;height:58px}
  body.is-account-view .account-identity-avatar b{font-size:14px}
  body.is-account-view .account-identity-avatar b[data-initial-count="1"]{font-size:19px}
}

body.is-account-view .billing-item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
body.is-account-view .billing-item-actions button{min-height:34px}
@media(max-width:700px){body.is-account-view .billing-item-actions{width:100%;justify-content:stretch}.billing-item-actions button{flex:1}}

/* Account: one compact visual language shared by the overview and both detail topics. */
body.is-account-view main#inicio{background:#fafcff}
body.is-account-view .account-screen{width:min(860px,calc(100vw - 40px));padding:32px 0 56px;color:#172238;font-family:Satoshi,sans-serif}
body.is-account-view .account-close{top:30px;width:38px;height:38px;border-color:#e0e9f6;background:#fff;box-shadow:none}
body.is-account-view .account-close .lucide{width:18px;height:18px}
body.is-account-view .account-heading{padding:0 48px 22px 0}
body.is-account-view .account-wordmark{font-size:10px;letter-spacing:.22em;color:#6783ae}
body.is-account-view .account-heading h1{margin:7px 0 4px;font-size:clamp(29px,3vw,37px);line-height:1.1;letter-spacing:-1.4px;color:#172238}
body.is-account-view .account-heading p{font-size:13px;line-height:1.45;letter-spacing:0;color:#8192aa}
body.is-account-view .account-identity-card{grid-template-columns:64px minmax(0,1fr) auto;gap:17px;min-height:0;padding:19px 21px;border:1px solid #e4ebf5;border-radius:20px;background:#fff;box-shadow:0 5px 18px rgba(30,76,139,.035)}
body.is-account-view .account-identity-avatar,body.is-account-view .account-identity-avatar img{width:64px;height:64px}
body.is-account-view .account-identity-avatar{flex-basis:64px}
body.is-account-view .account-identity-avatar b{font-size:16px}
body.is-account-view .account-identity-avatar b[data-initial-count="1"]{font-size:21px}
body.is-account-view .account-identity-copy h2{font-size:21px;line-height:1.2;letter-spacing:-.65px}
body.is-account-view .account-identity-email{margin:3px 0 0;font-size:12px;color:#8191a9}
body.is-account-view .account-identity-meta{gap:7px;margin-top:9px;font-size:10px}
body.is-account-view .account-identity-meta>span{min-height:24px;padding:0 9px;border-color:#e4ebf5;background:#f7faff;color:#7589a5}
body.is-account-view .account-identity-meta .lucide{width:12px;height:12px}
body.is-account-view .account-edit-button{width:auto;height:36px;padding:0 13px;gap:5px;border-color:#dce8f7;border-radius:10px;background:#fff;font-size:12px;box-shadow:none}
body.is-account-view .account-edit-button .lucide{width:14px;height:14px}
body.is-account-view .account-plan-badge{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin-top:9px;padding:5px 10px 5px 6px;border:1px solid #b9d8fc;border-radius:11px;background:linear-gradient(120deg,#eaf5ff,#f8fbff);color:#1266d5;box-shadow:inset 0 1px #fff}
body.is-account-view .account-plan-badge img{width:24px;height:24px;object-fit:contain}
body.is-account-view .account-plan-badge span{display:grid;gap:1px}
body.is-account-view .account-plan-badge small{font-size:7px;font-weight:700;line-height:1;letter-spacing:.12em}
body.is-account-view .account-plan-badge strong{font-size:11px;line-height:1.1}
body.is-account-view .account-plan-badge--pro{border-color:#c6c2f4;background:linear-gradient(120deg,#f0eeff,#fbfaff);color:#6555bf}
body.is-account-view .account-plan-badge--intensivo{border-color:#bdd9e8;background:linear-gradient(120deg,#eaf7fc,#f8fcff);color:#256b90}
body.is-account-view .account-menu-card,body.is-account-view .account-logout-card{border:1px solid #e4ebf5;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(30,76,139,.035)}
body.is-account-view .account-menu-card{margin-top:14px;padding:4px 16px}
body.is-account-view .account-menu-item{grid-template-columns:38px minmax(0,1fr) 16px;gap:11px;min-height:58px;border-color:#e9eff7}
body.is-account-view .account-menu-icon{width:38px;height:38px;border-radius:11px;background:#f0f6ff;color:#176ee6}
body.is-account-view .account-menu-icon .lucide{width:18px;height:18px}
body.is-account-view .account-menu-copy strong{font-size:14px;font-weight:700;letter-spacing:-.25px}
body.is-account-view .account-menu-copy small{display:none}
body.is-account-view .account-menu-item>.lucide,body.is-account-view .account-logout-card>button>.lucide{width:16px;height:16px}
body.is-account-view .account-logout-card{margin-top:12px}
body.is-account-view .account-logout-card>button{grid-template-columns:38px minmax(0,1fr) 16px;gap:11px;min-height:57px;padding:0 16px}
body.is-account-view .account-logout-card .account-menu-icon{background:#fff0f0;color:#db3b42}
body.is-account-view .account-logout-card .account-menu-copy strong{color:#bf303b}
body.is-account-view .account-footer{margin-top:14px;font-size:10px}
body.is-account-view .account-footer strong{font-size:11px}
body.is-account-view .account-details-back{margin-bottom:17px;font-size:12px}
body.is-account-view .account-details-heading{margin-bottom:15px}
body.is-account-view .account-details-heading h2{margin:6px 0 3px;font-size:29px;letter-spacing:-1px}
body.is-account-view .account-details-heading p{font-size:12px}
body.is-account-view .account-details .account-tabs{gap:7px;margin-bottom:13px}
body.is-account-view .account-details .account-tabs button{min-height:38px;padding:8px 11px;border:1px solid #e0e9f6;border-radius:10px;background:#fff;color:#6c809b;font-size:11px;box-shadow:none}
body.is-account-view .account-details .account-tabs button[aria-selected="true"]{border-color:#a8cef9;background:#edf6ff;color:#0869f5}
body.is-account-view .account-details .account-tabs .lucide{width:15px;height:15px}
body.is-account-view .account-details .account-panel{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
body.is-account-view .account-details .account-panel[data-account-panel="profile"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
body.is-account-view .account-details [data-account-panel="profile"]>.account-form:first-child,body.is-account-view .account-details [data-account-panel="profile"]>.account-section,body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form{max-width:none;margin:0;padding:17px;border:1px solid #e4ebf5;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(30,76,139,.035)}
body.is-account-view .account-details [data-account-panel="profile"]>.account-form:first-child{grid-column:1;grid-row:1}
body.is-account-view .account-details [data-account-panel="profile"]>.account-section{grid-column:2;grid-row:1}
body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form{grid-column:1/-1;grid-row:2}
body.is-account-view .account-details [data-account-panel="profile"]>.account-section:nth-of-type(2){grid-column:1;grid-row:3}
body.is-account-view .account-details [data-account-panel="profile"]>.account-section.account-danger{grid-column:2;grid-row:3}
body.is-account-view .account-details .account-section h3,body.is-account-view .account-details .account-password-form h3{font-size:14px;color:#172238}
body.is-account-view .account-details .account-form label{font-size:11px;color:#667c9b}
body.is-account-view .account-details .account-form input{min-height:40px;border-radius:9px;background:#fff;font-size:13px}
body.is-account-view .account-details .account-form .primary,body.is-account-view .account-details .account-secondary-button,body.is-account-view .account-details .account-support-link{min-height:37px;border-radius:9px;font-size:11px}
body.is-account-view .account-details .account-note,body.is-account-view .account-details .account-email{font-size:11px;line-height:1.45}
body.is-account-view .account-details [data-account-panel="billing"] .billing-intro{padding:0 0 10px;border:0;font-size:11px}
body.is-account-view .account-details [data-account-panel="billing"] .billing-section,body.is-account-view .account-details [data-account-panel="billing"] .billing-refunds,body.is-account-view .account-details [data-account-panel="billing"] .billing-empty,body.is-account-view .account-details [data-account-panel="billing"] .billing-status{margin:0 0 11px;padding:14px 17px;border:1px solid #e4ebf5;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(30,76,139,.035)}
body.is-account-view .account-details [data-account-panel="billing"] .billing-section{margin-top:0}
body.is-account-view .account-details .billing-item{padding:11px 0}
@media(max-width:700px){
  body.is-account-view .account-screen{width:calc(100vw - 28px);padding:18px 0 35px}
  body.is-account-view .account-close{top:16px;width:34px;height:34px}
  body.is-account-view .account-heading{padding:0 42px 15px 0}
  body.is-account-view .account-heading h1{font-size:28px}
  body.is-account-view .account-heading p{font-size:11px}
  body.is-account-view .account-identity-card{grid-template-columns:48px minmax(0,1fr) auto;gap:9px;padding:13px;border-radius:15px}
  body.is-account-view .account-identity-avatar,body.is-account-view .account-identity-avatar img{width:48px;height:48px}
  body.is-account-view .account-identity-avatar{flex-basis:48px}
  body.is-account-view .account-identity-avatar b{font-size:13px}
  body.is-account-view .account-identity-avatar b[data-initial-count="1"]{font-size:17px}
  body.is-account-view .account-identity-copy h2{font-size:15px;letter-spacing:-.4px}
  body.is-account-view .account-identity-email{font-size:10px}
  body.is-account-view .account-identity-meta{margin-top:6px}
  body.is-account-view .account-identity-meta>span{min-height:20px;padding:0 6px;font-size:8px}
  body.is-account-view .account-edit-button{grid-column:3;grid-row:1;width:auto;height:30px;padding:0 8px;font-size:10px}
  body.is-account-view .account-edit-button .lucide{display:none}
  body.is-account-view .account-plan-badge{margin-top:6px;padding:3px 7px 3px 4px}
  body.is-account-view .account-plan-badge img{width:19px;height:19px}
  body.is-account-view .account-plan-badge small{font-size:6px}
  body.is-account-view .account-plan-badge strong{font-size:9px}
  body.is-account-view .account-menu-card{padding:3px 12px}
  body.is-account-view .account-menu-item{min-height:52px;grid-template-columns:34px minmax(0,1fr) 14px;gap:9px}
  body.is-account-view .account-menu-icon{width:34px;height:34px;border-radius:10px}
  body.is-account-view .account-menu-icon .lucide{width:17px;height:17px}
  body.is-account-view .account-menu-copy strong{font-size:12px}
  body.is-account-view .account-logout-card>button{min-height:52px;grid-template-columns:34px minmax(0,1fr) 14px;gap:9px;padding:0 12px}
  body.is-account-view .account-details-heading h2{font-size:23px}
  body.is-account-view .account-details-heading p{font-size:11px}
  body.is-account-view .account-details .account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  body.is-account-view .account-details .account-tabs button{min-height:36px;padding:6px 5px;gap:4px;font-size:9px;line-height:1.15}
  body.is-account-view .account-details .account-tabs .lucide{width:12px;height:12px}
  body.is-account-view .account-details .account-panel[data-account-panel="profile"]{grid-template-columns:1fr;gap:8px}
  body.is-account-view .account-details [data-account-panel="profile"]>.account-form:first-child,body.is-account-view .account-details [data-account-panel="profile"]>.account-section,body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form,body.is-account-view .account-details [data-account-panel="profile"]>.account-section:nth-of-type(2),body.is-account-view .account-details [data-account-panel="profile"]>.account-section.account-danger{grid-column:1;grid-row:auto;padding:13px}
  body.is-account-view .account-details [data-account-panel="billing"] .billing-section,body.is-account-view .account-details [data-account-panel="billing"] .billing-refunds,body.is-account-view .account-details [data-account-panel="billing"] .billing-empty,body.is-account-view .account-details [data-account-panel="billing"] .billing-status{padding:12px}
}

/* The account topics are separate destinations, with a shared compact style. */
body.is-account-view .account-details .account-tabs{display:none}
body.is-account-view .account-details .account-panel[hidden]{display:none!important}
body.is-account-view .account-details{padding-bottom:40px}
body.is-account-view .account-details-heading{padding-right:46px;margin-bottom:17px}
body.is-account-view .account-details-heading h2{font-size:30px;line-height:1.14}
body.is-account-view .account-details [data-account-panel="profile"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
body.is-account-view .account-details [data-account-panel="profile"]>.account-form:first-child,
body.is-account-view .account-details [data-account-panel="profile"]>.account-section,
body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form{max-width:none;margin:0;padding:18px;border:1px solid #e3ebf6!important;border-radius:16px;background:#fff!important;box-shadow:0 4px 16px rgba(30,76,139,.04)}
body.is-account-view .account-details [data-account-panel="profile"]>.account-form:first-child{grid-column:1;grid-row:1}
body.is-account-view .account-details [data-account-panel="profile"]>.account-section{grid-column:2;grid-row:1}
body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form{grid-column:1/-1;grid-row:2}
body.is-account-view .account-details [data-account-panel="profile"]>.account-section:nth-of-type(2){grid-column:1;grid-row:3}
body.is-account-view .account-details [data-account-panel="profile"]>.account-section.account-danger{grid-column:2;grid-row:3;border-color:#f3dfe2!important;background:#fffafa!important}
body.is-account-view .account-details .account-password-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
body.is-account-view .account-details .account-password-form h3,
body.is-account-view .account-details .account-password-form .account-note,
body.is-account-view .account-details .account-password-form .account-status,
body.is-account-view .account-details .account-password-form .account-password-reset,
body.is-account-view .account-details .account-password-form label[for="account-current-password"],
body.is-account-view .account-details .account-password-form #account-current-password{grid-column:1/-1}
body.is-account-view .account-details .account-password-form label[for="account-new-password"]{grid-column:1;grid-row:4}
body.is-account-view .account-details .account-password-form label[for="account-confirm-password"]{grid-column:2;grid-row:4}
body.is-account-view .account-details .account-password-form #account-new-password{grid-column:1;grid-row:5}
body.is-account-view .account-details .account-password-form #account-confirm-password{grid-column:2;grid-row:5}
body.is-account-view .account-details .account-password-form [data-password-field="account-current-password"]{grid-column:1/-1}
body.is-account-view .account-details .account-password-form [data-password-field="account-new-password"]{grid-column:1;grid-row:5}
body.is-account-view .account-details .account-password-form [data-password-field="account-confirm-password"]{grid-column:2;grid-row:5}
body.is-account-view .account-details .account-password-form [data-password-save]{grid-column:1;justify-self:start}
body.is-account-view .account-details .account-form input{background:#fbfdff}
body.is-account-view .account-details .account-form .primary{justify-self:start;padding-inline:17px}
body.is-account-view .account-details .account-legal-links{grid-column:1/-1;margin:0;padding:7px 1px 0;border:0}
body.is-account-view .account-details [data-account-panel="billing"]{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
body.is-account-view .account-details [data-account-panel="billing"] .billing-intro{margin:0 0 12px;padding:0;border:0;color:#8192aa;font-size:12px}
body.is-account-view .account-details [data-account-panel="billing"] .billing-section,
body.is-account-view .account-details [data-account-panel="billing"] .billing-refunds,
body.is-account-view .account-details [data-account-panel="billing"] .billing-empty{margin:0 0 11px;padding:16px 18px;border:1px solid #e3ebf6;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(30,76,139,.04)}
body.is-account-view .account-details [data-account-panel="billing"] .billing-section{gap:0}
body.is-account-view .account-details [data-account-panel="billing"] .billing-item:first-of-type{border-top:0}
body.is-account-view .account-details [data-account-panel="billing"] .billing-item{padding:11px 0}
body.is-account-view .account-details [data-account-panel="billing"] .billing-item strong{font-size:14px;overflow-wrap:anywhere}
body.is-account-view .account-details [data-account-panel="billing"] .billing-status{min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
body.is-account-view .account-details [data-account-panel="billing"] .billing-status:empty{display:none}
@media(max-width:700px){
  body.is-account-view main#inicio{width:100%;max-width:none;margin:0;padding:0 14px;background:#fafcff}
  body.is-account-view .account-screen{width:100%;max-width:100%;margin:0 auto;padding:18px 0 35px}
  body.is-account-view .account-details-heading h2{font-size:24px}
  body.is-account-view .account-details [data-account-panel="profile"]{grid-template-columns:minmax(0,1fr);gap:9px}
  body.is-account-view .account-details [data-account-panel="profile"]>.account-form:first-child,
  body.is-account-view .account-details [data-account-panel="profile"]>.account-section,
  body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form,
  body.is-account-view .account-details [data-account-panel="profile"]>.account-section:nth-of-type(2),
  body.is-account-view .account-details [data-account-panel="profile"]>.account-section.account-danger{grid-column:1;grid-row:auto;padding:15px}
  body.is-account-view .account-details .account-password-form{grid-template-columns:minmax(0,1fr)}
  body.is-account-view .account-details .account-password-form h3,
  body.is-account-view .account-details .account-password-form .account-note,
  body.is-account-view .account-details .account-password-form .account-status,
  body.is-account-view .account-details .account-password-form .account-password-reset,
  body.is-account-view .account-details .account-password-form label,
  body.is-account-view .account-details .account-password-form input,
  body.is-account-view .account-details .account-password-form .password-field,
  body.is-account-view .account-details .account-password-form [data-password-save]{grid-column:1;grid-row:auto}
  body.is-account-view .account-details .account-form input{min-height:43px;font-size:16px}
  body.is-account-view .account-details .account-form .primary,
  body.is-account-view .account-details .account-password-form [data-password-save]{width:100%;justify-content:center}
  body.is-account-view .account-details [data-account-panel="billing"] .billing-section,
  body.is-account-view .account-details [data-account-panel="billing"] .billing-refunds,
  body.is-account-view .account-details [data-account-panel="billing"] .billing-empty{padding:14px}
}

/* Profile is composed as settings groups, not a grid of unrelated forms. */
body.is-account-view .account-details [data-account-panel="profile"]{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}
body.is-account-view .account-details .account-profile-group,
body.is-account-view .account-details .account-password-form,
body.is-account-view .account-details .account-profile-actions{min-width:0;margin:0;padding:0;border:1px solid #e3ebf6;border-radius:18px;background:#fff;box-shadow:0 4px 16px rgba(30,76,139,.035);overflow:hidden}
body.is-account-view .account-details .account-profile-group{grid-column:1;grid-row:2}
body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form{grid-column:1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:19px 21px;border-color:#e3ebf6!important;background:#fff!important}
body.is-account-view .account-details .account-profile-actions{grid-column:1;grid-row:4}
body.is-account-view .account-details .account-group-heading{grid-column:1;grid-row:1;width:100%;box-sizing:border-box;padding:3px 3px 0;text-align:left}
body.is-account-view .account-details .account-group-heading h3{margin:0;color:#172238;font-size:17px;letter-spacing:-.35px}
body.is-account-view .account-details .account-profile-group>.account-form,
body.is-account-view .account-details .account-profile-group>.account-section{display:grid;grid-column:auto;grid-row:auto;gap:9px;max-width:none;margin:0;padding:17px 20px;border:0;border-radius:0;background:transparent;box-shadow:none}
body.is-account-view .account-details .account-profile-group>.account-form{padding-top:8px}
body.is-account-view .account-details .account-profile-group>.account-section{border-top:1px solid #e9eff7}
body.is-account-view .account-details .account-profile-group .account-form label,
body.is-account-view .account-details .account-password-form label{margin:0;color:#506784;font-size:11px;font-weight:700}
body.is-account-view .account-details .account-profile-group input,
body.is-account-view .account-details .account-password-form input{width:100%;min-height:43px;padding:10px 12px;border:1px solid #dae6f5;border-radius:10px;background:#f9fbff;color:#172238;font-size:13px}
body.is-account-view .account-details .account-profile-group input:focus,
body.is-account-view .account-details .account-password-form input:focus{outline:2px solid #a8ceff;outline-offset:1px}
body.is-account-view .account-details .account-profile-group .primary,
body.is-account-view .account-details .account-password-form [data-password-save]{justify-self:start;width:auto;min-height:38px;margin:3px 0 0;padding:9px 16px;border:0;border-radius:10px;background:#0869f5;color:#fff;font-size:11px;font-weight:700}
body.is-account-view .account-details .account-profile-group .primary:hover,
body.is-account-view .account-details .account-password-form [data-password-save]:hover{background:#0058d8}
body.is-account-view .account-details .account-profile-group .account-section h3{color:#172238;font-size:13px}
body.is-account-view .account-details .account-profile-group .account-email{color:#283d5b;font-size:13px;font-weight:700}
body.is-account-view .account-details .account-profile-group .account-support-link{justify-self:start;min-height:34px;padding:8px 11px;border-radius:9px;background:#f5f9ff;font-size:11px}
body.is-account-view .account-details .account-password-form h3{margin:0 0 14px;color:#172238;font-size:15px;letter-spacing:-.3px}
body.is-account-view .account-details .account-password-form>*{grid-column:1!important;grid-row:auto!important}
body.is-account-view .account-details .account-password-form label:not(:first-child){margin-top:12px}
body.is-account-view .account-details .account-password-form .account-note{margin-top:10px}
body.is-account-view .account-details .account-password-form .account-password-reset{margin-top:9px;color:#0869f5;font-size:11px;font-weight:700}
body.is-account-view .account-details .account-password-form .account-password-reset{display:inline-flex;align-items:center;justify-content:center;justify-self:center;width:max-content;max-width:100%;min-height:40px;margin:15px auto 0;padding:9px 14px;border:1px solid #d2e3f8;border-radius:11px;background:#f3f8ff;color:#1267dc;text-align:center;text-decoration:none;line-height:1.35}
body.is-account-view .account-details .account-password-form .account-password-reset:hover{border-color:#9fc7f7;background:#ebf4ff}
body.is-account-view .account-details .account-password-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin-top:18px}
body.is-account-view .account-details .account-password-actions>[data-password-save],
body.is-account-view .account-details .account-password-actions>.account-password-reset{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 12px;border-radius:11px;font-size:11px;line-height:1.35;text-align:center}
body.is-account-view .account-details .account-password-actions>[data-password-save]{border:0;background:#0869f5;color:#fff;font-weight:700}
body.is-account-view .account-details .account-password-actions>[data-password-save]:hover{background:#0058d8}
body.is-account-view .account-details .account-password-actions>.account-password-reset{width:max-content;min-height:36px;justify-self:center;padding:5px 8px;border:0;background:transparent;color:#1267dc;text-decoration:underline;text-underline-offset:3px}
body.is-account-view .account-details .account-password-actions>.account-password-reset:hover{background:#f3f8ff}
body.is-account-view .account-details .account-profile-actions>.account-section{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;max-width:none;margin:0;padding:16px 20px;border:0;border-radius:0;background:transparent!important;box-shadow:none}
body.is-account-view .account-details .account-profile-actions>.account-section+ .account-section{border-top:1px solid #e9eff7}
body.is-account-view .account-details .account-profile-actions h3{margin:0;color:#172238;font-size:13px}
body.is-account-view .account-details .account-profile-actions .account-danger{background:#fffafa!important}
body.is-account-view .account-details .account-profile-actions .account-danger h3{color:#b33a4a}
body.is-account-view .account-details .account-profile-actions [data-delete-content],
body.is-account-view .account-details .account-profile-actions .account-status{flex-basis:100%}
body.is-account-view .account-details .account-profile-actions [data-delete-content]{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;min-width:0}
body.is-account-view .account-details .account-profile-actions [data-delete-content]>.account-note{max-width:76ch;line-height:1.6}
body.is-account-view .account-details .account-profile-actions .account-support-link{justify-self:start;width:max-content;max-width:100%;min-height:44px;margin:1px 0 0;padding:10px 15px;border:1px solid #e7c8cc;border-radius:12px;background:#fff;color:#a5414e;font-size:12px;line-height:1.35;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
body.is-account-view .account-details .account-profile-actions .account-support-link:hover{background:#fff5f5;border-color:#dcadb4}
body.is-account-view .account-details .account-profile-actions [data-account-signout]{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 15px;border-color:#d7e3f2;background:#f7faff;color:#405a7c;font-size:12px;line-height:1.3}
body.is-account-view .account-details .account-profile-actions [data-account-signout] .lucide{width:17px;height:17px;flex:0 0 17px}
body.is-account-view .account-details .account-profile-actions [data-account-signout]:hover{background:#edf5ff;border-color:#bfd7f5}
body.is-account-view .account-details .account-legal-links{grid-column:1;grid-row:5;justify-content:flex-start;gap:16px;padding:6px 3px 0}
body.is-account-view .account-screen{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
body.is-account-view .account-footer{padding:8px 0 0;line-height:1.45}
@media(max-width:700px){
  body.is-account-view{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  body.is-account-view .account-screen{min-height:0;padding-bottom:30px}
  body.is-account-view .account-footer{margin-top:20px;padding:10px 0 14px}
  body.is-account-view .account-details .account-group-heading{padding:3px 2px 0}
  body.is-account-view .account-details .account-profile-group>.account-form,
  body.is-account-view .account-details .account-profile-group>.account-section{padding:15px}
  body.is-account-view .account-details .account-profile-group>.account-form{padding-top:8px}
  body.is-account-view .account-details .account-password-form{padding:15px}
  body.is-account-view .account-details .account-profile-actions>.account-section{padding:15px}
  body.is-account-view .account-details .account-profile-actions [data-account-signout]{width:100%;justify-content:center}
  body.is-account-view .account-details .account-profile-actions .account-support-link{width:100%;justify-self:stretch;padding:11px 14px}
  body.is-account-view .account-details .account-profile-group input,
  body.is-account-view .account-details .account-password-form input{font-size:16px}
  body.is-account-view .account-details .account-profile-group .primary,
  body.is-account-view .account-details .account-password-form [data-password-save]{width:100%;justify-content:center}
  body.is-account-view .account-details .account-password-actions{gap:8px;margin-top:16px}
}

/* Legendas da sessão: leitura confortável sem relayout a cada fragmento. */
.live-chat.is-visible{max-height:min(26dvh,220px);scroll-behavior:auto}
.live-message p{font-size:13px;line-height:1.5}
.live-message.is-interim p{opacity:.9}
/* Legendas em formato de conversa, alinhadas pela pessoa que está falando. */
.live-chat{align-items:stretch;gap:12px;text-align:left}
.live-chat.is-visible{max-height:min(24dvh,190px)}
.live-stage .live-chat.is-visible{margin-top:18px;margin-bottom:0}
.live-message,.live-message.is-user{align-self:flex-start;width:max-content;max-width:min(88%,480px);text-align:left}
.live-message.is-user{align-self:flex-end;text-align:right}
.live-message small{margin:0 7px 3px;color:#547ba9;font-size:9px;letter-spacing:.08em}
.live-message p{font-size:14px;line-height:1.45}
.live-message.is-interrupted p{border-style:dashed;opacity:.82}
.live-message.is-user.is-interim small::after{color:#0869f5}
.time-limit-dialog{width:min(440px,calc(100vw - 32px));padding:28px;border-radius:22px;text-align:left}
.time-limit-dialog[open]{animation:time-limit-arrive .28s ease-out both}
@keyframes time-limit-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.time-limit-dialog[open]{animation:none}}
.time-limit-dialog .eyebrow{margin:0;color:#6f8eb8}
.time-limit-dialog h2{margin:10px 0 9px;color:#172238;font-size:27px;line-height:1.12}
.time-limit-dialog>p:not(.eyebrow){margin:0;color:#627b9b;font-size:14px;line-height:1.55}
.time-limit-dialog .time-limit-error:not([hidden]){margin-top:12px;color:#b23b3b}
.time-limit-actions{display:grid;gap:9px;margin-top:22px}
.time-limit-actions button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;border-radius:12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.time-limit-actions .ghost-button{background:#fff;color:#2463b7}
@media(max-width:700px){
 .live-chat.is-visible{width:min(100%,520px);max-height:min(24dvh,200px)}
 .live-stage .live-chat.is-visible{margin-top:14px}
 .live-caption-toggle::before{left:0;width:36px;height:36px}
 .live-message,.live-message.is-user{max-width:92%}
 .live-message p,.live-message.is-user p{font-size:13px;line-height:1.45;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){
  .live-chat,.live-message{animation:none;transition:none}
}

dialog[tabindex="-1"]:focus{outline:none}
html.auth-checking::before{content:"Conferindo seu acesso…";position:fixed;z-index:9999;inset:0;display:grid;place-items:center;background:#f7fbff;color:#526d93;font:700 15px Satoshi,sans-serif;letter-spacing:.01em}
html.auth-checking.payment-checking::before{content:"Confirmando seu pagamento…"}

/* Learning views must fit the mobile content column, and hidden states must
   stay hidden even when their desktop layout uses display:grid or display:flex. */
.patterns-screen,.recommendation-screen{width:100%;min-width:0;box-sizing:border-box}
.patterns-screen>*,.recommendation-screen>*,.patterns-oracle>*,.recommendation-hero>*{min-width:0;max-width:100%}
.patterns-oracle[hidden],.patterns-footer-note[hidden],.patterns-practice-selector[hidden]{display:none!important}
.patterns-heading h2,.patterns-heading p,.patterns-oracle h3,.patterns-oracle p,.pattern-card h3,.pattern-card p,.patterns-footer-note p,.recommendation-heading h2,.recommendation-heading p,.recommendation-copy h3,.recommendation-copy p{overflow-wrap:anywhere}
.patterns-footer-note p{min-width:0}
.live-session.is-paused .live-wave i{animation-play-state:paused;background:#9cb2ce;opacity:.55}
@media(max-width:700px){
  .patterns-screen,.recommendation-screen{width:100%;min-width:0;overflow-x:clip}
  .pattern-list{min-width:0;grid-template-columns:minmax(0,1fr)}
  .patterns-oracle,.recommendation-hero{width:100%;box-sizing:border-box}
  .patterns-footer-note p{min-width:0}
}

.billing-actions .billing-recovery-button{border-color:#0869f5;background:#0869f5;color:#fff;font-weight:700}
.billing-actions .billing-recovery-button:hover{border-color:#0058d8;background:#0058d8;color:#fff}
.payment-recovery-dialog{position:relative;width:min(500px,calc(100vw - 32px));max-height:min(740px,calc(100dvh - 32px));overflow:auto;padding:32px;border:1px solid #d9e7f8;border-radius:24px;background:linear-gradient(180deg,#f6faff 0%,#fff 44%);color:#203452;box-shadow:0 28px 80px rgba(19,54,99,.18)}
.payment-recovery-dialog[open]{animation:payment-recovery-arrive .34s cubic-bezier(.2,.75,.25,1) both}
.payment-recovery-dialog::backdrop{background:rgba(17,37,66,.48);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.payment-recovery-dialog[open]::backdrop{animation:payment-recovery-backdrop-arrive .3s ease-out both}
@keyframes payment-recovery-arrive{from{opacity:0;transform:translateY(9px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes payment-recovery-backdrop-arrive{from{background:rgba(17,37,66,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{background:rgba(17,37,66,.48);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}}
.payment-recovery-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce7f5;border-radius:50%;background:#f7faff;color:#6a819f;font-size:23px;line-height:1;cursor:pointer}
.payment-recovery-mark{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 18px;border:1px solid #f4dfbf;border-radius:50%;background:#fff8ec;color:#ae7626}
.payment-recovery-mark svg{width:25px;height:25px}
.payment-recovery-dialog .eyebrow{margin:0 0 8px;color:#7d91ac;font-size:10px;font-weight:800;letter-spacing:.12em;text-align:center}
.payment-recovery-plan-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:max-content;max-width:100%;min-width:156px;margin:0 auto 17px;padding:9px 20px 12px;border:1px solid #dceafb;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(44,99,163,.07)}
.payment-recovery-plan-mascot{display:block;width:68px;height:68px;object-fit:contain;flex:none}
.payment-recovery-plan-summary>span{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-items:center;column-gap:8px;text-align:center}
.payment-recovery-plan-summary small{grid-column:1/-1;color:#7890af;font-size:9px;font-weight:800;letter-spacing:.12em;text-align:center}
.payment-recovery-plan-summary strong{color:#183a68;font-size:17px;font-weight:750;letter-spacing:-.02em}
.payment-recovery-plan-summary em{color:#5d7ca2;font-size:12px;font-style:normal;font-weight:650}
.payment-recovery-dialog h2{max-width:390px;margin:0 auto 10px;color:#203452;font-size:clamp(24px,5vw,31px);letter-spacing:-.8px;line-height:1.15;text-align:center}
.payment-recovery-dialog #payment-recovery-copy,.payment-recovery-note{max-width:390px;margin:0 auto;color:#687f9e;font-size:14px;line-height:1.6;text-align:center}
.payment-recovery-note{margin-top:9px;padding:0;color:#7c8fa8;font-size:12px}
.payment-recovery-actions{display:grid;gap:5px;margin-top:21px}
.payment-recovery-actions button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 15px;border-radius:12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.payment-recovery-actions .primary{min-height:54px;border:1px solid #0869f5;background:linear-gradient(105deg,#0869f5,#2485fb);color:#fff;box-shadow:0 8px 18px rgba(8,105,245,.2);font-size:14px}
.payment-recovery-actions .primary:hover{background:linear-gradient(105deg,#075cdc,#1475ec);box-shadow:0 10px 22px rgba(8,105,245,.25);transform:translateY(-1px)}
.payment-recovery-secondary{border:1px solid #dce7f5;background:#f7faff;color:#365574}
.payment-recovery-secondary:hover{border-color:#c3d7ef;background:#eef5ff}
.payment-recovery-cancel{min-height:40px!important;border:1px solid transparent;background:transparent;color:#7b8fa8;font-size:12px!important;font-weight:600!important}
.payment-recovery-cancel:hover{background:#f3f7fc;color:#496685}
.payment-recovery-reassurance{margin:9px 0 0;color:#8295ad;font-size:11px;line-height:1.4;text-align:center}
.payment-recovery-cancel-confirm{border:1px solid #bd4557;background:#bd4557;color:#fff}
.payment-recovery-cancel-confirm:hover{border-color:#a93447;background:#a93447}
.payment-recovery-mark--cancel{border-color:#dceafb;background:#f3f8ff;color:#527ca8}
.payment-recovery-mark--success{border-color:#ccebd7;background:#effbf3;color:#247a49}
.payment-recovery-actions button:disabled{cursor:wait;opacity:.6}
.payment-recovery-status{min-height:18px;margin:12px 0 0;color:#0869f5;font-size:12px;line-height:1.5}
.payment-recovery-later{display:block;margin:5px auto 0;padding:7px 10px;border:0;background:transparent;color:#8a9bb1;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media(max-width:560px){.payment-recovery-dialog{padding:27px 22px 21px;border-radius:20px}.payment-recovery-mark{width:50px;height:50px;margin-bottom:16px}.payment-recovery-plan-summary{margin-bottom:15px}.payment-recovery-plan-mascot{width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){.payment-recovery-dialog[open],.payment-recovery-dialog[open]::backdrop{animation:none}}
body.is-account-view .account-notifications-view{display:grid;gap:14px}
body.is-account-view .account-email-preferences-view{display:grid;gap:14px}
body.is-account-view .account-email-preference-choice{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #dce7f3;border-radius:14px;background:#f8fbff;color:#29405e}
body.is-account-view .account-email-preference-choice input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:#0869f5}
body.is-account-view .account-email-preference-choice span{display:grid;gap:5px}
body.is-account-view .account-email-preference-choice strong{font-size:14px;line-height:1.4}
body.is-account-view .account-email-preference-choice small{color:#8191a8;font-size:12px;line-height:1.45}
body.is-account-view .owner-notifications-card{display:grid;gap:14px}
body.is-account-view .owner-notifications-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
body.is-account-view .owner-notifications-heading h3{margin:0}
body.is-account-view .owner-notifications-heading p{max-width:62ch;margin:7px 0 0;color:#8191a8;font-size:13px;line-height:1.5}
body.is-account-view .owner-notifications-heading>[data-push-badge]{flex:none;padding:7px 10px;border-radius:999px;background:#eef4fb;color:#627b9a;font-size:9px;font-weight:700;letter-spacing:.07em}
body.is-account-view .owner-notifications-heading>[data-push-badge][data-state="enabled"]{background:#e9f8ef;color:#18814b}
body.is-account-view .owner-notifications-heading>[data-push-badge][data-state="paused"]{background:#f0f3f7;color:#71839a}
body.is-account-view .owner-notifications-message{margin:0;color:#8191a8;font-size:13px;line-height:1.55}
body.is-account-view .owner-notifications-message.is-error{color:#b54f5a}
body.is-account-view .owner-notifications-message.is-success{color:#18814b}
body.is-account-view .owner-notifications-actions{display:flex;flex-wrap:wrap;gap:9px}
body.is-account-view .owner-notifications-actions [hidden]{display:none!important}
body.is-account-view .account-menu-item[hidden]{display:none!important}
@media(max-width:600px){body.is-account-view .owner-notifications-heading{display:grid}body.is-account-view .owner-notifications-actions{display:grid}body.is-account-view .owner-notifications-actions button{width:100%}}

/* Conta: mesma composição da prévia, com dados e ações reais. */
body.is-account-view .account-heading{padding-bottom:22px}
body.is-account-view .account-heading h1{font-size:clamp(30px,3vw,39px)}
body.is-account-view .account-heading p{max-width:55ch}
body.is-account-view .account-identity-card{position:relative;isolation:isolate;grid-template-columns:82px minmax(0,1fr) auto;gap:23px;min-height:175px;overflow:hidden;padding:27px 29px;border:1px solid rgba(255,255,255,.35);border-radius:23px;background:linear-gradient(120deg,#1b335e 0%,#23519b 56%,#456cca 100%);box-shadow:0 16px 35px rgba(32,76,145,.17);color:#fff;transition:background .35s ease,box-shadow .35s ease}
body.is-account-view .account-identity-card.is-entering{transform-origin:50% 50%;transform-style:preserve-3d;backface-visibility:hidden;animation:account-identity-arrive 1.8s cubic-bezier(.16,.82,.24,1)}
@keyframes account-identity-arrive{
  0%{opacity:0;transform:perspective(1100px) translate3d(-12px,16px,-95px) rotateX(9deg) rotateY(-26deg) rotateZ(-5deg) scale(.93);animation-timing-function:cubic-bezier(.35,0,.65,1)}
  22%{opacity:1;transform:perspective(1100px) translate3d(-4px,-2px,14px) rotateX(-5deg) rotateY(-19deg) rotateZ(-3deg) scale(1.008);animation-timing-function:cubic-bezier(.35,.1,.65,1)}
  60%{opacity:1;transform:perspective(1100px) translate3d(4px,-2px,14px) rotateX(5deg) rotateY(19deg) rotateZ(3deg) scale(1.008);animation-timing-function:cubic-bezier(.42,0,.7,1)}
  100%{opacity:1;transform:none}
}
body.is-account-view .account-identity-card.is-entering::after{position:absolute;z-index:2;top:-35%;bottom:-35%;left:-38%;width:32%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.03) 34%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.04) 66%,transparent 100%);content:"";opacity:0;pointer-events:none;mix-blend-mode:screen;transform:translateX(-170%) skewX(-18deg);animation:account-identity-sheen 1.25s cubic-bezier(.18,.7,.24,1) .22s}
@keyframes account-identity-sheen{
  0%{opacity:0;transform:translateX(-170%) skewX(-18deg)}
  14%{opacity:.72}
  82%{opacity:.5;transform:translateX(390%) skewX(-18deg)}
  100%{opacity:0;transform:translateX(390%) skewX(-18deg)}
}
body.is-account-view .account-identity-card[data-tier="starter"]{background:linear-gradient(120deg,#1b3c68 0%,#245b91 56%,#3979b4 100%);box-shadow:0 16px 35px rgba(34,89,142,.19)}
body.is-account-view .account-identity-card[data-tier="pro"]{background:linear-gradient(120deg,#24224e 0%,#403b7e 56%,#6158b4 100%);box-shadow:0 16px 35px rgba(63,55,148,.22)}
body.is-account-view .account-identity-card[data-tier="intensivo"]{background:linear-gradient(120deg,#1c214b 0%,#34366f 56%,#504f9e 100%);box-shadow:0 16px 35px rgba(53,51,132,.21)}
body.is-account-view .account-identity-card::before{position:absolute;z-index:-1;top:-290px;right:-150px;width:580px;height:580px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 64px rgba(255,255,255,.026),0 0 0 126px rgba(255,255,255,.022);content:"";pointer-events:none}
body.is-account-view .account-identity-avatar{width:82px;height:82px;flex-basis:82px;border:1px solid rgba(255,255,255,.32);border-radius:23px;background:rgba(255,255,255,.11);box-shadow:inset 0 1px rgba(255,255,255,.14),0 9px 24px rgba(0,18,52,.12);overflow:hidden}
body.is-account-view .account-identity-avatar img{width:74px;height:74px}
body.is-account-view .account-identity-avatar b{font-size:20px}
body.is-account-view .account-identity-copy{align-self:center}
body.is-account-view .account-identity-kicker{display:block;margin-bottom:9px;color:rgba(255,255,255,.69);font-size:9px;font-weight:700;letter-spacing:.16em}
body.is-account-view .account-identity-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
body.is-account-view .account-identity-line h2{color:#fff;font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-1px;overflow-wrap:anywhere}
body.is-account-view .account-identity-email{margin:7px 0 0;color:rgba(255,255,255,.78);font-size:12px}
body.is-account-view .account-identity-meta{margin-top:12px;color:rgba(255,255,255,.66)}
body.is-account-view .account-identity-meta>span{min-height:0;padding:0;border:0;background:transparent;color:inherit;font-size:10px}
body.is-account-view .account-identity-meta .lucide{width:14px;height:14px}
body.is-account-view .account-plan-badge{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin:0;padding:4px 11px 4px 5px;border:1px solid rgba(255,255,255,.6);border-radius:99px;background:linear-gradient(125deg,#f5f3ff,#fff);color:#5158b5;font-size:10px;box-shadow:0 5px 15px rgba(5,23,66,.12)}
body.is-account-view .account-plan-badge--starter{color:#2368ba;background:linear-gradient(125deg,#edf7ff,#fff)}
body.is-account-view .account-plan-badge--pro{color:#6555bf;background:linear-gradient(125deg,#f0eeff,#fff)}
body.is-account-view .account-plan-badge--intensivo{color:#5452bd;background:linear-gradient(125deg,#f2efff,#fff)}
body.is-account-view .account-plan-badge-mark{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:currentColor}
body.is-account-view .account-plan-badge-mark img{width:15px;height:15px;filter:brightness(0) invert(1)}
body.is-account-view .account-plan-badge strong{font-size:10px;white-space:nowrap}
body.is-account-view .account-edit-button{align-self:start;width:auto;min-width:0;height:33px;padding:0 10px;border:1px solid rgba(255,255,255,.3);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:11px;box-shadow:none}
body.is-account-view .account-edit-button:hover{background:rgba(255,255,255,.17)}
body.is-account-view .account-edit-button .lucide{width:13px;height:13px;color:inherit}
body.is-account-view .account-time-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;width:min(100%,650px);min-height:106px;margin-top:20px;padding:18px 22px;border:1px solid #d5e4f5;border-radius:20px;background:linear-gradient(110deg,#fff 0%,#fbfdff 65%,#f4f9ff 100%);box-shadow:0 9px 25px rgba(37,78,130,.06),inset 0 1px #fff}
body.is-account-view .account-time-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #0053e5;border-radius:14px;background:#0053e5;color:#fff;box-shadow:0 6px 13px rgba(0,83,229,.16)}
body.is-account-view .account-time-icon svg{width:25px;height:25px;overflow:visible}
body.is-account-view .account-time-icon line{transform-box:view-box;transform-origin:center}
body.is-account-view .account-time-card.is-counting .account-clock-hour{animation:account-clock-hour .85s cubic-bezier(.4,0,.2,1) both}
body.is-account-view .account-time-card.is-counting .account-clock-minute{animation:account-clock-minute .85s ease-in-out both}
body.is-account-view .account-time-card.is-counted .account-clock-minute{transform:rotate(45deg)}
@keyframes account-clock-hour{to{transform:rotate(360deg)}}
@keyframes account-clock-minute{from{transform:rotate(0deg)}to{transform:rotate(45deg)}}
body.is-account-view .account-time-label{color:#7890ae;font-size:8px;letter-spacing:.17em}
body.is-account-view .account-time-copy p{gap:6px;margin:4px 0 0}
body.is-account-view .account-time-copy strong{color:#19385f;font-size:31px;letter-spacing:-1.1px;font-variant-numeric:tabular-nums}
body.is-account-view .account-time-copy p span{color:#567396;font-size:11px;font-weight:700}
body.is-account-view .account-time-copy>small{display:block;margin-top:4px;color:#8a9bb0;font-size:9px}
body.is-account-view .account-time-buy{height:40px;min-width:145px;padding:0 14px;border:1px solid #c9def7;border-radius:11px;background:#fff;color:#1b65bd;font-size:11px;box-shadow:0 3px 9px rgba(30,94,163,.06)}
body.is-account-view .account-time-buy:hover{border-color:#9cc6f4;background:#f6faff}
body.is-account-view .account-time-buy .lucide{width:15px;height:15px}
body.is-account-view .account-menu-heading{margin:31px 0 11px;color:#1b304e;font-size:19px;letter-spacing:-.5px}
body.is-account-view .account-menu-card{margin-top:0;padding:0;overflow:hidden;border:1px solid #dce7f5;border-radius:18px;background:#fff;box-shadow:none}
body.is-account-view .account-menu-item{position:relative;grid-template-columns:30px minmax(0,1fr) 18px;gap:13px;min-height:60px;padding:8px 18px;border:0;background:transparent}
body.is-account-view .account-menu-item:not(:last-child)::after{position:absolute;right:18px;bottom:0;left:61px;height:1px;background:#e9edf3;content:""}
body.is-account-view .account-menu-item:hover{background:#f6faff}
body.is-account-view .account-menu-icon{width:27px;height:27px;border:0;border-radius:0;background:transparent;color:#347dd3}
body.is-account-view .account-menu-icon .lucide{width:20px;height:20px}
body.is-account-view .account-menu-copy strong{color:#304765;font-size:12px}
body.is-account-view .account-menu-copy small{display:none}
body.is-account-view .account-menu-item>.lucide{color:#92a7c2}
body.is-account-view .account-logout-card{margin-top:13px;border:0;border-top:1px solid #e7edf5;border-radius:0;background:transparent;box-shadow:none}
body.is-account-view .account-logout-card>button{display:inline-flex;width:auto;min-height:43px;gap:7px;padding:0 4px}
body.is-account-view .account-logout-card .account-menu-icon{display:none}
body.is-account-view .account-logout-card .account-menu-copy strong{color:#7185a0;font-size:11px}
body.is-account-view .account-logout-card>button>.lucide{display:none}
body.is-account-view .account-footer{display:none}
body.is-account-view .account-screen.is-detail-view>.account-menu-heading{display:none}
body.is-account-view .account-details-heading{margin-bottom:22px}
body.is-account-view .account-details-heading p{display:none}
body.is-account-view .account-details .account-group-heading h3{font-size:22px;letter-spacing:-.6px}
body.is-account-view .account-details .account-profile-group{grid-row:2;border-color:#dce7f4;border-radius:20px;box-shadow:0 12px 32px rgba(36,79,132,.045)}
body.is-account-view .account-details .account-security-heading{grid-row:3;margin-top:9px}
body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form{grid-row:4;border-color:#dce7f4!important;border-radius:20px;box-shadow:0 12px 32px rgba(36,79,132,.045)}
body.is-account-view .account-details .account-profile-actions{grid-row:5;margin-top:10px;border:0;border-top:1px solid #e7edf5;border-radius:0;background:transparent;box-shadow:none}
body.is-account-view .account-details .account-profile-actions>.account-section{padding:12px 3px}
body.is-account-view .account-details .account-profile-actions>.account-section+.account-section{border-top:1px solid #e7edf5}
body.is-account-view .account-details .account-profile-actions .account-danger{background:transparent!important}
body.is-account-view .account-details .account-legal-links{grid-row:6}
body.is-account-view .account-details .account-profile-group>.account-form,
body.is-account-view .account-details .account-profile-group>.account-section{padding:21px 25px}
body.is-account-view .account-details .account-profile-group>.account-form{padding-bottom:15px}
body.is-account-view .account-details .account-profile-group>.account-section{padding-top:20px}
body.is-account-view .account-details .account-profile-group .primary{width:min(100%,270px);min-height:44px}
body.is-account-view .account-details .account-password-form [data-password-save]{min-height:44px}
body.is-account-view .account-details .account-password-actions>.account-password-reset{min-height:40px}
body.is-account-view .account-details [data-account-panel="billing"]{display:block}
body.is-account-view .account-plan-pass{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:300px;overflow:hidden;padding:25px 27px;border:1px solid rgba(255,255,255,.55);border-radius:23px;background:linear-gradient(120deg,#142850,#164488 48%,#3976cf);color:#fff;box-shadow:0 16px 37px rgba(32,78,151,.17)}
body.is-account-view .account-plan-pass::before{position:absolute;z-index:-1;top:-220px;right:-150px;width:450px;height:450px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.025),0 0 0 93px rgba(255,255,255,.025);content:""}
body.is-account-view .account-plan-pass-top{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.7);font-size:9px;font-weight:700;letter-spacing:.15em}
body.is-account-view .account-plan-pass-top img{width:21px;height:21px}
body.is-account-view .account-plan-pass-top small{margin-left:auto;padding:6px 9px;border:1px solid rgba(145,233,197,.5);border-radius:99px;background:rgba(28,136,95,.24);color:#d5ffea;font-size:9px;letter-spacing:0}
body.is-account-view .account-plan-pass-main{margin:30px 0 auto}
body.is-account-view .account-plan-pass-main>span,body.is-account-view .account-plan-pass-facts>div>span,body.is-account-view .account-plan-pass>span{color:rgba(255,255,255,.58);font-size:9px;font-weight:700;letter-spacing:.15em}
body.is-account-view .account-plan-pass h3{margin:6px 0 0;color:#fff;font-size:36px;line-height:1.08;letter-spacing:-1.4px}
body.is-account-view .account-plan-pass-main p,body.is-account-view .account-plan-pass>p{margin:8px 0 0;color:rgba(255,255,255,.76);font-size:12px}
body.is-account-view .account-plan-pass-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:29px;padding-top:19px;border-top:1px solid rgba(255,255,255,.23)}
body.is-account-view .account-plan-pass-facts>div+div{padding-left:19px;border-left:1px solid rgba(255,255,255,.17)}
body.is-account-view .account-plan-pass-facts strong{display:block;margin:7px 0 3px;color:#fff;font-size:20px;letter-spacing:-.5px}
body.is-account-view .account-plan-pass-facts strong small{font-size:11px;font-weight:400;letter-spacing:0}
body.is-account-view .account-plan-pass-facts p{margin:0;color:rgba(255,255,255,.65);font-size:10px}
body.is-account-view .account-plan-pass.is-empty,body.is-account-view .account-plan-pass.is-loading{justify-content:center}
body.is-account-view .account-plan-pass.is-empty h3,body.is-account-view .account-plan-pass.is-loading h3{font-size:30px}
body.is-account-view .account-plan-pass.is-empty button{align-self:start;margin-top:25px;padding:10px 0;border:0;background:transparent;color:#fff;font-size:12px;font-weight:700}
body.is-account-view .account-plan-pass.is-empty button span{margin-left:8px}
body.is-account-view .account-billing-ledger{margin-top:16px;padding:23px 25px;border:1px solid #dce7f4;border-radius:21px;background:#fff;box-shadow:0 10px 29px rgba(36,79,132,.045)}
body.is-account-view .account-billing-ledger-heading .prep-label{font-size:9px}
body.is-account-view .account-billing-ledger-heading h3{margin:5px 0 0;color:#1b3150;font-size:20px;letter-spacing:-.45px}
body.is-account-view .account-billing-add-time{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;margin-top:19px;padding:0 14px;border:1px solid #d8e7f7;border-radius:11px;background:#f8fbff;color:#1b65bd;font-size:12px;font-weight:700}
body.is-account-view .account-billing-add-time:hover{background:#eff6ff}
body.is-account-view .account-details [data-account-panel="billing"] .billing-section,
body.is-account-view .account-details [data-account-panel="billing"] .billing-refunds,
body.is-account-view .account-details [data-account-panel="billing"] .billing-empty{margin:17px 0 0;padding:17px 0 0;border:0;border-top:1px solid #e7edf5;border-radius:0;background:transparent;box-shadow:none}
body.is-account-view .account-details [data-account-panel="billing"] .billing-status{margin:0;padding:0;border:0;box-shadow:none}
@media(max-width:700px){
  body.is-account-view .account-identity-card{grid-template-columns:60px minmax(0,1fr) auto;gap:12px;min-height:0;padding:22px 17px}
  body.is-account-view .account-identity-avatar{width:60px;height:60px;flex-basis:60px;border-radius:18px}
  body.is-account-view .account-identity-avatar img{width:54px;height:54px}
  body.is-account-view .account-identity-avatar b{font-size:15px}
  body.is-account-view .account-identity-kicker{font-size:7px}
  body.is-account-view .account-identity-line h2{font-size:23px}
  body.is-account-view .account-identity-email{font-size:10px}
  body.is-account-view .account-identity-meta>span{font-size:8px}
  body.is-account-view .account-edit-button{grid-column:3;grid-row:1;height:28px;padding:0 7px;font-size:9px}
  body.is-account-view .account-time-card{grid-template-columns:42px minmax(0,1fr) auto;gap:11px;min-height:96px;margin-top:12px;padding:16px;border-radius:18px}
  body.is-account-view .account-time-icon{width:42px;height:42px;border-radius:12px}
  body.is-account-view .account-time-icon svg{width:23px;height:23px}
  body.is-account-view .account-time-copy strong{font-size:28px}
  body.is-account-view .account-time-buy{min-width:0;height:38px;padding:0 10px;font-size:10px}
  body.is-account-view .account-menu-heading{margin-top:24px;font-size:17px}
  body.is-account-view .account-menu-item{grid-template-columns:28px minmax(0,1fr) 16px;min-height:56px;padding:7px 14px}
  body.is-account-view .account-menu-item:not(:last-child)::after{right:14px;left:54px}
  body.is-account-view .account-details .account-profile-group>.account-form,
  body.is-account-view .account-details .account-profile-group>.account-section{padding:19px}
  body.is-account-view .account-details .account-security-heading{grid-row:3}
  body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form{grid-row:4}
  body.is-account-view .account-details .account-profile-actions{grid-row:5}
  body.is-account-view .account-details .account-legal-links{grid-row:6}
  body.is-account-view .account-plan-pass{min-height:0;padding:22px 23px;border-radius:21px}
  body.is-account-view .account-plan-pass-main{margin:27px 0 0}
  body.is-account-view .account-plan-pass h3{font-size:33px}
  body.is-account-view .account-plan-pass-facts{margin-top:27px;padding-top:17px}
  body.is-account-view .account-billing-ledger{padding:21px 20px}
}
@media(max-width:620px){
  body.is-account-view .account-time-card{grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:8px 11px}
  body.is-account-view .account-time-copy{grid-column:2;grid-row:1;min-width:0}
  body.is-account-view .account-time-copy p{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0;min-width:0}
  body.is-account-view .account-time-copy p span{white-space:normal}
  body.is-account-view .account-time-buy{grid-column:2;grid-row:2;justify-self:start;width:max-content;max-width:100%;height:36px}
}
@media(max-width:390px){
  body.is-account-view .account-identity-card{grid-template-columns:55px minmax(0,1fr);padding:18px 14px}
  body.is-account-view .account-identity-avatar{width:55px;height:55px;flex-basis:55px}
  body.is-account-view .account-identity-avatar img{width:50px;height:50px}
  body.is-account-view .account-identity-line h2{font-size:20px}
  body.is-account-view .account-edit-button{position:absolute;top:12px;right:12px}
  body.is-account-view .account-time-card{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;gap:7px 10px;padding:14px}
  body.is-account-view .account-time-icon{width:38px;height:38px;border-radius:11px}
  body.is-account-view .account-time-icon svg{width:21px;height:21px}
  body.is-account-view .account-time-copy strong{font-size:27px}
  body.is-account-view .account-time-buy{grid-column:2;grid-row:2;justify-self:start;height:33px}
  body.is-account-view .account-plan-pass-facts{gap:10px}
  body.is-account-view .account-plan-pass-facts>div+div{padding-left:12px}
  body.is-account-view .account-plan-pass-facts strong{font-size:18px}
}
@media(prefers-reduced-motion:reduce){body.is-account-view .account-identity-card.is-entering,body.is-account-view .account-identity-card.is-entering::after,body.is-account-view .account-time-card.is-counting .account-clock-hour,body.is-account-view .account-time-card.is-counting .account-clock-minute{animation:none}}
body.is-account-view .account-menu-item:disabled{cursor:default}
body.is-account-view .account-menu-item:disabled:hover{background:transparent}
body.is-account-view .account-menu-item:disabled .account-menu-copy strong{color:#6c809b}
body.is-account-view .account-menu-item:disabled .account-menu-icon{color:#8da1bb}
body.is-account-view .account-menu-item:disabled>.lucide{opacity:.4}
body.is-account-view .account-menu-copy em{margin-left:5px;color:#8ea0b6;font-size:9px;font-style:normal;font-weight:500}
body.is-account-view .account-menu-item[hidden]{display:none!important}
@media(max-width:390px){body.is-account-view .account-identity-kicker{padding-right:48px}}

/* Perfil real segue os dois cartões editoriais da prévia. */
body.is-account-view .account-details [data-account-panel="profile"]{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
body.is-account-view .account-details .account-profile-group,
body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form{display:grid;grid-template-columns:205px minmax(0,1fr);gap:34px;grid-column:1;grid-row:auto;min-width:0;padding:32px 35px;border:1px solid #dce7f4!important;border-radius:21px;background:#fff!important;box-shadow:0 12px 32px rgba(36,79,132,.045)}
body.is-account-view .account-details .account-group-heading{grid-column:1;grid-row:1;align-self:start;margin:0;padding:2px 0 2px 16px;border-left:2px solid #6faeff}
body.is-account-view .account-details .account-group-heading h3{margin:0;color:#193352;font-size:24px;line-height:1.18;letter-spacing:-.7px}
body.is-account-view .account-details .account-profile-content,
body.is-account-view .account-details .account-security-content{grid-column:2!important;grid-row:1!important;min-width:0;max-width:620px}
body.is-account-view .account-details .account-profile-content>.account-form,
body.is-account-view .account-details .account-profile-content>.account-section{display:grid;gap:8px;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.is-account-view .account-details .account-profile-content>.account-section{margin-top:25px;padding-top:23px;border-top:1px solid #e7edf5}
body.is-account-view .account-details .account-profile-content .account-email{min-height:48px;margin:0;padding:13px 15px;border:1px solid #e4ebf4;border-radius:11px;background:#f7f9fc;color:#6c83a0;font-size:13px;font-weight:400;overflow-wrap:anywhere}
body.is-account-view .account-details .account-profile-content .account-note{margin:2px 0;color:#7288a3;font-size:10px}
body.is-account-view .account-details .account-profile-content .account-support-link{display:flex;align-items:center;justify-content:center;justify-self:stretch;width:100%;min-height:47px;margin-top:4px;border:1px solid #d7e5f5;border-radius:11px;background:#f6f9fd;color:#446788;font-size:12px;text-align:center}
body.is-account-view .account-details .account-profile-content .primary{justify-content:center;justify-self:stretch;width:100%;min-height:47px;margin-top:8px;border-radius:11px;font-size:12px}
body.is-account-view .account-details .account-profile-content .account-section h3{margin:0 0 2px;color:#607998;font-size:11px;font-weight:700}
body.is-account-view .account-details .account-profile-content .account-form label{color:#607998;font-size:11px}
body.is-account-view .account-details .account-profile-content input{min-height:48px;padding:0 15px;border-radius:11px;background:#fcfdff;font-size:13px}
body.is-account-view .account-details .account-security-heading{grid-column:1!important;grid-row:1!important;margin:0}
body.is-account-view .account-details .account-security-content{display:grid;gap:8px}
body.is-account-view .account-details .account-security-content>*{grid-column:1!important;grid-row:auto!important;min-width:0}
body.is-account-view .account-details .account-security-content h3{margin:15px 0 0;color:#294462;font-size:14px;letter-spacing:-.2px}
body.is-account-view .account-details .account-security-content label{margin:7px 0 0;color:#607998;font-size:11px}
body.is-account-view .account-details .account-security-content input{min-height:48px;padding:0 15px;border-radius:11px;background:#fcfdff;font-size:13px}
body.is-account-view .account-details .account-security-content .account-password-actions{display:grid;gap:9px;margin-top:10px}
body.is-account-view .account-details .account-security-content .account-password-actions>[data-password-save]{width:100%;min-height:47px;border-radius:11px;font-size:12px}
body.is-account-view .account-details .account-security-content .account-password-reset{justify-self:center}
body.is-account-view .account-details .account-profile-actions,
body.is-account-view .account-details .account-legal-links{grid-column:1;grid-row:auto}
@media(max-width:760px){
  body.is-account-view .account-details .account-profile-group,
  body.is-account-view .account-details [data-account-panel="profile"]>.account-password-form{grid-template-columns:minmax(0,1fr);gap:21px;padding:24px 20px;border-radius:18px}
  body.is-account-view .account-details .account-group-heading{grid-column:1!important;grid-row:1!important}
  body.is-account-view .account-details .account-group-heading h3{font-size:21px}
  body.is-account-view .account-details .account-profile-content,
  body.is-account-view .account-details .account-security-content{grid-column:1!important;grid-row:2!important;max-width:none}
  body.is-account-view .account-details .account-profile-content input,
  body.is-account-view .account-details .account-security-content input{font-size:16px}
}
body.is-account-view .account-details .account-group-heading{display:block;width:auto;height:auto;min-height:0;border-top:0;border-right:0;border-bottom:0;align-items:initial;justify-content:initial}

/* Em desktop a conta usa todo o espaço disponível depois da navegação lateral. */
@media(min-width:701px){
  body.is-account-view main#inicio{width:calc(100vw - 248px);max-width:none;margin-left:248px;padding-inline:clamp(24px,5vw,76px)}
  body.is-account-view .account-screen{width:min(1040px,100%);max-width:1040px}
  body.is-account-view .account-identity-card.is-entering{animation:none;transform:none;transform-style:flat;backface-visibility:visible}
}
@media(min-width:701px) and (max-width:1000px){
  body.is-account-view main#inicio{width:calc(100vw - 205px);margin-left:205px;padding-inline:4%}
}

/* Home companion and practice preparation, scoped to the authenticated app. */
.greeting{position:relative;isolation:isolate}.greeting-copy,.greeting-ora{position:relative;z-index:1}.greeting-ora>canvas{mix-blend-mode:normal}.home-atmosphere{position:absolute;inset:-30px -4vw;z-index:-1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent)}.home-mist{position:absolute;inset:10% -10%;background:radial-gradient(ellipse at 75% 40%,#b9ddff88,transparent 65%);filter:blur(30px);animation:home-mist-flow 17s ease-in-out infinite alternate}.home-silk{position:absolute;inset:10% -20%;border-radius:50%;background:linear-gradient(175deg,transparent 22%,#ffffffb0 50%,#d1eaff22 58%,transparent 77%);filter:blur(2px);transform:rotate(-18deg);animation:home-silk-flow 15s ease-in-out infinite alternate}.home-silk-two{transform:rotate(17deg);top:30%;opacity:.65;animation-delay:-7s}
@keyframes home-mist-flow{to{transform:translate(5%,8%) scale(1.15)}}@keyframes home-silk-flow{to{translate:0 20px;rotate:6deg}}
#training-dialog.practice-sheet{padding:0;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid white;border-radius:34px;background:radial-gradient(ellipse at 5% 0%,#e0efff,transparent 55%),#fbfdff;overflow:auto;overscroll-behavior:contain;box-shadow:0 35px 110px #142e5640}
#training-dialog::backdrop{background:#12294466;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#training-dialog .practice-shell{position:relative;padding:36px 32px 26px}#training-dialog .close{top:19px;right:19px;width:34px;height:34px;border-radius:50%;background:#e8eff780;display:grid;place-items:center}#training-dialog .close svg{width:17px;height:17px}#training-dialog h2{font-size:34px;letter-spacing:-1.2px;line-height:1.1;margin:10px 36px 0 0;outline:none}#training-dialog .dialog-intro{font-size:14px;line-height:1.5;color:#7186a0;margin:13px 0 25px}#training-dialog form{display:block}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
#training-dialog .app-select-menu{position:static;display:grid;gap:9px;max-height:none;padding:0;border:0;box-shadow:none;background:none;overflow:visible}#training-dialog .focus-choice{display:flex;align-items:center;gap:12px;min-height:57px;padding:13px 15px;width:100%;border:1px solid #dfe9f5;border-radius:17px;background:#ffffffb8;color:#304c6c;text-align:left;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,transform .25s,box-shadow .25s}#training-dialog .focus-choice:hover{background:#f0f7ff;transform:translateX(2px);border-color:#b7d6ff}.focus-number{min-width:22px;font-size:11px;color:#91a9c2}.focus-check{margin-left:auto;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#dcecff;color:#0875ff;display:grid;place-items:center;opacity:0;transform:scale(.65);transition:opacity .2s,transform .3s}#training-dialog .focus-choice[aria-pressed=true]{background:#eaf3ff;border-color:#63a5ff;box-shadow:0 0 0 3px #238aff0c;color:#0869ed}#training-dialog .focus-choice[aria-pressed=true] .focus-check{opacity:1;transform:scale(1)}
#training-dialog .choice-mascot{position:relative;width:34px;height:34px;flex:0 0 34px;margin:-4px 0}#training-dialog .choice-mascot img,#training-dialog .choice-mascot canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s}#training-dialog .choice-mascot canvas{opacity:0}#training-dialog .choice-mascot.is-active canvas{opacity:1}#training-dialog .choice-mascot.is-active img{opacity:0}
#training-dialog .practice-context{margin:22px 0;background:#eaf3ff80;border:1px solid #d9e9fc;border-radius:20px;overflow:hidden}#training-dialog .context-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:none;text-align:left;padding:19px 18px;color:#325c88}.context-toggle strong{display:block;font-size:14px}.context-toggle small{display:block;margin-top:5px;font-size:12px;font-weight:400;color:#7b93b0}.context-toggle svg{width:18px;height:18px;transition:transform .35s}.context-toggle[aria-expanded=true] svg{transform:rotate(45deg)}#context-reveal{overflow:hidden}#context-reveal[hidden]{display:none}.context-inner{padding:0 18px 18px}#training-dialog .context-inner label{display:block;margin:0 0 9px;font-size:12px;color:#627e9d}#training-dialog textarea{border-radius:14px;min-height:100px;max-height:180px;background:#fff;font-size:14px;line-height:1.5}#training-dialog form>.primary{width:100%;min-height:53px;justify-content:space-between;border-radius:17px;padding:15px 19px;font-size:15px}#training-dialog .dialog-note:empty{display:none}#training-dialog .dialog-note{font-size:11px;line-height:1.5;margin-bottom:0}
#training-dialog[open]{animation:practice-sheet-in .58s cubic-bezier(.22,1,.36,1) both}#training-dialog[open]::backdrop{animation:practice-backdrop-in .4s ease both}#training-dialog[open] .focus-choice{animation:practice-choice-in .55s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(80ms + var(--choice-index,0)*55ms)}
@keyframes practice-sheet-in{from{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes practice-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes practice-choice-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@media(max-width:700px){#training-dialog.practice-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:calc(100dvh - 20px);border-radius:30px 30px 0 0}#training-dialog .practice-shell{padding:30px 24px calc(23px + env(safe-area-inset-bottom))}#training-dialog h2{font-size:30px}#training-dialog .focus-choice{min-height:54px}.home-atmosphere{inset:-15px -22px}.home-mist{filter:blur(22px)}}
@media(prefers-reduced-motion:reduce){.home-mist,.home-silk,#training-dialog[open],#training-dialog[open]::backdrop,#training-dialog[open] .focus-choice{animation:none}#training-dialog .focus-choice,#training-dialog .focus-check,#training-dialog .choice-mascot img,#training-dialog .choice-mascot canvas,.context-toggle svg{transition:none}}

#training-dialog .choice-mascot.is-active img.live-ora-fallback{opacity:1}

/* Top of the app reads as one continuous surface. */
.oratry-app>main>header{border-bottom:0}
@media(max-width:700px){.oratry-app>.sidebar{border-bottom:0}}
.home-word{display:inline-block;opacity:0;filter:blur(5px);transform:translateY(9px);animation:home-word-reveal .7s cubic-bezier(.22,1,.36,1) var(--word-delay) forwards}.home-word-accent{color:#0869f5;font-weight:700}
@keyframes home-word-reveal{to{opacity:1;filter:none;transform:none}}
.greeting-ora>canvas{width:var(--ora-size,220px);height:var(--ora-size,220px);max-width:100%;max-height:100%;transition:width .55s cubic-bezier(.22,1,.36,1),height .55s cubic-bezier(.22,1,.36,1)}
.modal-ora-mark{position:absolute;top:27px;left:30px;width:42px;height:42px;opacity:.9}.modal-ora-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px #2587f42b)}#training-dialog .practice-shell{padding-top:79px}#training-dialog h2{margin-top:0}
#training-dialog .practice-more{border:0;background:transparent;color:#5d85b5;font-size:12px;font-weight:700;text-align:left;padding:5px 8px;cursor:pointer}#training-dialog .practice-more:hover{color:#0869f5}#training-dialog .focus-choice[hidden]{display:none!important}
@media(max-width:700px){#training-dialog .practice-shell{padding-top:72px}.modal-ora-mark{left:24px;top:22px;width:40px;height:40px}.greeting-ora>canvas{max-width:calc(100% + 20px);margin-right:-10px}}
@media(prefers-reduced-motion:reduce){.home-word{animation:none;opacity:1;filter:none;transform:none}.greeting-ora>canvas{transition:none}}

/* Shared iOS-style navigation for the authenticated app. */
.main-glass-nav{position:fixed;z-index:40;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(570px,calc(100% - 32px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;gap:0;border:1px solid #ffffffed;border-radius:45px;background:linear-gradient(145deg,#ffffffc7,#f5f8ff99);backdrop-filter:blur(25px) saturate(1.7);-webkit-backdrop-filter:blur(25px) saturate(1.7);box-shadow:0 12px 45px #2c57851c,inset 0 2px 2px #fff,inset 0 -1px 3px #ffffffc7}.main-glass-nav a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:62px;border-radius:35px;color:#6c7a8f;font-size:12px;transition:color .35s;text-decoration:none}.main-glass-nav a svg{width:24px;height:24px;stroke-width:1.9;transition:transform .4s}.main-glass-nav a[aria-current=page]{color:#0875ff;font-weight:700}.main-glass-nav a[aria-current=page] svg{transform:translateY(-1px)}.main-glass-nav a[aria-current=page] svg.lucide-house{fill:#0875ff;stroke:#0875ff}.main-nav-lens{position:absolute;top:8px;bottom:8px;left:8px;width:calc((100% - 16px)/4);border-radius:34px;background:linear-gradient(130deg,#dfedffb8,#cde4ff8a);border:1px solid #ffffffd9;box-shadow:inset 0 1px 3px #fff,0 3px 12px #548acf08;transform:translateX(calc(var(--main-tab,0) * 100%));transition:transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}.oratry-app{padding-bottom:104px}.oratry-app .sidebar nav{display:none}.oratry-app .workspace-label{display:none}
@media(max-width:700px){.main-glass-nav{bottom:calc(12px + env(safe-area-inset-bottom));padding:6px;border-radius:38px;width:calc(100% - 28px)}.main-glass-nav a{font-size:10px;min-height:61px;gap:5px}.main-glass-nav a svg{width:23px;height:23px}.main-nav-lens{left:6px;top:6px;bottom:6px;width:calc((100% - 12px)/4);border-radius:32px}.oratry-app{padding-bottom:112px}}
@media(prefers-reduced-motion:reduce){.main-glass-nav a,.main-glass-nav a svg,.main-nav-lens{transition:none}}

/* Final alignment for the home surface and floating navigation. */
.greeting h1 .home-word{color:#182d4b;margin-right:.22em;white-space:nowrap}.greeting h1 .home-word-accent{color:#0869f5}.greeting h1{max-width:100%;text-wrap:balance}.greeting-ora{min-width:0}.greeting-ora>canvas{display:block;flex:0 0 auto}
.main-glass-nav{font:inherit!important}.main-glass-nav a{font-family:Satoshi,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:12px!important;line-height:1!important;font-weight:500!important;white-space:nowrap!important}.main-glass-nav a[aria-current=page]{font-weight:700!important}.main-glass-nav svg{display:block!important;flex:0 0 auto!important}
.modal-ora-mark img{content:url('/assets/brand/ora-mark.svg')}
@media(max-width:700px){.main-glass-nav a{font-size:10px!important;line-height:1!important}.main-glass-nav{height:auto!important;min-height:0!important}.main-glass-nav a{min-height:61px!important}.greeting h1 .home-word{margin-right:.18em}}
.main-glass-nav a span{font-size:inherit!important;line-height:inherit!important;letter-spacing:normal!important}

.greeting h1 .voice-caption-word{display:inline-block;opacity:.16;filter:blur(3px);transform:translateY(5px);transition:opacity .24s ease,filter .24s ease,transform .24s cubic-bezier(.16,1,.3,1);color:#182d4b;margin-right:.22em;white-space:nowrap}.greeting h1 .voice-caption-word.is-visible{opacity:1;filter:none;transform:none}.greeting h1 .voice-caption-word.home-word-accent{color:#0869f5;font-weight:700}.greeting-ora{aspect-ratio:1;min-height:0}.greeting-ora>canvas{width:min(var(--ora-size,220px),100%);height:auto;aspect-ratio:1;max-width:100%;max-height:none}
#training-dialog .practice-title-row{display:flex;align-items:center;gap:12px;margin:0 38px 0 0}.practice-title-row img{width:43px;height:43px;flex:0 0 43px;object-fit:contain;filter:drop-shadow(0 6px 12px #2587f42b)}#training-dialog .practice-title-row h2{margin:0;min-width:0}.modal-ora-mark{display:none!important}
@media(max-width:700px){#training-dialog .practice-title-row{gap:10px;margin-right:35px}.practice-title-row img{width:39px;height:39px;flex-basis:39px}.greeting-ora>canvas{width:min(var(--ora-size,180px),100%);margin-right:0}}
@media(prefers-reduced-motion:reduce){.greeting h1 .voice-caption-word{transition:none;opacity:1;filter:none;transform:none}}
@media(max-width:700px){.greeting{grid-template-columns:clamp(137px,38vw,170px) minmax(0,1fr);gap:10px}.greeting-ora>canvas{width:100%;max-width:none}}
@media(min-width:701px){
 .oratry-app .main-glass-nav{display:none}
 .oratry-app .sidebar nav{display:grid}
 .oratry-app .workspace-label{display:block}
 .oratry-app{padding-bottom:0}
 .greeting{grid-template-columns:minmax(0,1fr) clamp(220px,27vw,320px);gap:clamp(26px,4vw,64px)}
 .greeting-ora{width:100%;min-width:0;display:grid;place-items:center}
 .greeting-ora>canvas{width:min(var(--ora-size,240px),100%);height:auto;aspect-ratio:1}
}
@media(max-width:700px){
 .oratry-app .sidebar nav,.oratry-app .workspace-label{display:none}
 .oratry-app{padding-bottom:112px}
 .greeting{grid-template-columns:minmax(0,1fr) clamp(145px,38vw,180px);gap:10px;align-items:center}
 .greeting-copy{min-width:0}
 .greeting-ora{width:100%;min-width:0;display:grid;place-items:center}
 .greeting-ora>canvas{width:100%;max-width:none;height:auto;aspect-ratio:1}
}
@media(max-width:360px){.greeting{grid-template-columns:minmax(0,1fr) 137px;gap:7px}}
.main-glass-nav:not([data-ready="true"]) .main-nav-lens{transition:none!important}

/* A saudação é uma fala da Ora: o canvas ganha presença e a legenda fica livre para respirar. */
.greeting-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.greeting-copy .eyebrow{color:#287afa;letter-spacing:.18em}
.greeting h1{max-width:18ch;text-wrap:pretty}
.greeting h1 .voice-caption-word{margin-right:.2em;white-space:normal}
.greeting-ora{justify-self:stretch;align-self:stretch;min-height:clamp(250px,25vw,360px)}
.greeting-ora>canvas{width:clamp(250px,24vw,360px);height:auto;max-width:100%;aspect-ratio:1;filter:drop-shadow(0 18px 28px rgba(36,112,235,.13));transition:width .7s cubic-bezier(.22,1,.36,1),filter .4s ease}
@media(max-width:700px){
 .greeting{padding-top:28px;padding-bottom:30px}
 .greeting h1{max-width:14ch;font-size:clamp(29px,8vw,36px)}
 .greeting-ora{min-height:clamp(170px,42vw,220px)}
 .greeting-ora>canvas{width:clamp(160px,42vw,220px);max-width:100%}
}
@media(prefers-reduced-motion:reduce){.greeting-ora>canvas{transition:none}}
@media(max-width:700px){
 .daily-session .prep-action-footer{position:relative;inset:auto;z-index:1;padding:14px 0 4px;border-top:1px solid #e5eef8;background:transparent;box-shadow:none}
 .daily-session .prep-layout{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
}

/* Home refinement: breathing room, stable mobile input and calmer progressive reveals. */
.greeting{grid-template-columns:minmax(0,1fr) 290px;gap:38px;padding-top:42px;padding-bottom:36px;overflow:visible}
.greeting:before{content:"";position:absolute;z-index:-2;inset:-90px -5vw -520px;background:radial-gradient(ellipse at 72% 18%,#d9ecff 0%,#eef7ff 34%,transparent 72%);pointer-events:none}
.greeting h1{max-width:680px;line-height:1.08;letter-spacing:-.045em}
.greeting-ora{min-height:250px}
#training-dialog textarea{font-size:16px;line-height:1.55;touch-action:manipulation;-webkit-appearance:none}
#training-dialog textarea::placeholder{color:#4385e8;opacity:.72;transition:opacity .35s ease,color .35s ease}
#training-dialog textarea:focus::placeholder{opacity:1;color:#2474df}
#context-reveal{will-change:height,opacity;scroll-margin:18px}
#training-dialog .practice-more{margin:2px 0 4px;transition:color .2s,transform .25s}
#training-dialog .practice-more[aria-expanded=true]{color:#0869f5}
@media(max-width:700px){.greeting{grid-template-columns:minmax(0,1fr) 132px;gap:12px;padding-top:26px;padding-bottom:24px}.greeting h1{font-size:31px;line-height:1.1;max-width:none}.greeting-ora{min-height:158px}.greeting:before{inset:-50px -8vw -330px}.greeting-copy{padding-right:2px}}

/* Continuous home canvas behind the brand and all home sections. */
/* Sala keeps the authenticated shell and its navigation on every viewport. */
#sala-view{min-width:0;min-height:300px}
body.is-sala-view main>header{display:none}
body.is-sala-live #inicio{padding-top:12px}
@media(max-width:700px){body.is-sala-view .main-glass-nav{display:grid}body.is-sala-live #inicio{padding-inline:3%;padding-top:8px}body.is-sala-live>.sidebar{min-height:58px;padding-block:8px}body.is-sala-live .brand{font-size:22px}body.is-sala-live .brand img{width:30px;height:30px}}
body:has(main:not(.is-app-view)){background:#f7fbff;isolation:isolate}
body:has(main:not(.is-app-view))::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 15%,#d9ecffb0,transparent 60%),radial-gradient(ellipse at 10% 80%,#e1efff90,transparent 60%)}
body:has(main:not(.is-app-view))>.sidebar{background:transparent;border-color:transparent}
body:has(main:not(.is-app-view)) main>header{background:transparent;border:0;box-shadow:none}
.greeting:before{display:none}
#training-dialog .context-toggle small{color:#397ed8;line-height:1.5;font-size:13px}
#training-dialog{overflow-anchor:none;scroll-behavior:auto}

/* Feedback explanation belongs below the title, without compressing it. */
.skill-panel{min-width:0}
.skill-panel .panel-heading{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.skill-panel .panel-heading>div{min-width:0}
.skill-panel .panel-note{white-space:normal;line-height:1.5;font-size:12px;padding:0;max-width:52ch}
#training-dialog .context-toggle[aria-expanded=true] small{display:none}
/* Match the focused Ora session: shell returns on preparation and feedback. */
body.is-sala-live{padding:0!important;overflow:hidden}
body.is-sala-live>.sidebar,body.is-sala-live .main-glass-nav{display:none!important}
body.is-sala-live #inicio{width:100%;max-width:none;min-height:100dvh;margin:0!important;padding:0!important;border-radius:0}
body.is-sala-live #sala-view{position:fixed;inset:0;z-index:80;background:#fff;overflow:auto}

body.is-sala-live .ora-support{display:none!important}
#sala-view[hidden]{display:none!important}