.app-layout{min-height:100vh}.prototype-rail{display:none}
.app-shell{position:relative;width:min(100%,var(--app-max));min-height:100vh;margin:0 auto;overflow:hidden;background:rgba(249,246,240,.97)}
.app-topbar{position:sticky;z-index:30;top:0;display:flex;min-height:calc(64px + var(--safe-top));align-items:flex-end;justify-content:space-between;gap:.75rem;padding:calc(.75rem + var(--safe-top)) 1rem .75rem;border-bottom:1px solid rgba(234,219,210,.8);background:rgba(249,246,240,.88);backdrop-filter:blur(18px)}
.app-brand{display:flex;min-width:0;align-items:center;gap:.7rem}.app-brand__mark{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid var(--color-border-strong);border-radius:50%;background:#fff9f5;color:var(--color-primary-strong);box-shadow:var(--shadow-xs)}
.app-brand__copy{min-width:0}.app-brand__title{display:block;overflow:hidden;font-family:var(--font-display);font-size:1.06rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.app-brand__subtitle{display:block;overflow:hidden;color:var(--color-muted);font-size:.66rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.app-topbar__actions{display:flex;align-items:center;gap:.45rem}.streak-pill{display:inline-flex;min-height:36px;align-items:center;gap:.35rem;padding:0 .65rem;border:1px solid var(--color-border);border-radius:99px;background:rgba(255,255,255,.86);color:#7d5134;font-size:.72rem;font-weight:800}
.app-main{min-height:calc(100vh - 64px - var(--nav-height));padding:1rem 1rem calc(var(--nav-height) + var(--safe-bottom) + 1.6rem)}
.route-view{opacity:1;transform:translateY(0)}
.page-header,.greeting{margin:.25rem 0 1.25rem}.page-header h1{margin-bottom:.35rem;font-size:clamp(1.8rem,8vw,2.35rem)}.page-header p,.greeting p{margin:0;color:var(--color-muted);font-size:.84rem}.greeting h1{margin-bottom:.2rem;font-family:var(--font-ui);font-size:1.8rem;font-weight:760;letter-spacing:-.03em}
.checkin-card,.focus-card,.mission-card{padding:1rem}.checkin-card h2{margin-bottom:.2rem;font-family:var(--font-ui);font-size:1.06rem;font-weight:850}.checkin-card>p{margin-bottom:.8rem;color:var(--color-muted);font-size:.72rem}
.focus-card{position:relative;overflow:hidden}.focus-card::before{position:absolute;top:-40px;right:-25px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(220,160,144,.28),transparent 68%);content:""}.focus-card__context{display:flex;align-items:center;gap:.45rem;margin-bottom:.65rem;color:var(--color-primary-strong);font-size:.72rem;font-weight:800}.focus-card h2{position:relative;margin-bottom:.5rem;font-size:1.35rem}.focus-card p{position:relative;margin-bottom:1rem;color:var(--color-muted);font-size:.84rem}
.lesson-preview{position:relative;min-height:205px;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,rgba(54,29,25,.02),rgba(54,29,25,.72)),url("../img/screenshots/01-hoy.png") center 35%/cover;color:white;box-shadow:var(--shadow-sm)}
.lesson-preview__content{position:absolute;z-index:2;inset:auto 1rem 1rem}.lesson-preview__meta{margin-bottom:.35rem;color:rgba(255,255,255,.82);font-size:.7rem;font-weight:700}.lesson-preview h3{max-width:18rem;margin:0;color:white;font-size:1.35rem}.lesson-preview__play{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(212,137,120,.86);color:white;transform:translate(-50%,-50%);backdrop-filter:blur(8px)}
.mission-card{display:grid;gap:.75rem}.mission-card__head{display:flex;align-items:center;gap:.75rem}.mission-card__icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--color-surface-rose);color:var(--color-primary-strong)}.mission-card h3,.mission-card p{margin:0}.mission-card p{color:var(--color-muted);font-size:.84rem}
.sos-banner{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;border:0;border-radius:99px;background:var(--gradient-primary);color:white;font-weight:850;box-shadow:0 12px 28px rgba(155,80,74,.2)}
.sos-intro{position:relative;overflow:hidden;padding:1.25rem;border-radius:28px;background:var(--gradient-wine);color:white;box-shadow:var(--shadow-md)}.sos-intro h1,.sos-intro p{color:white}.sos-intro p{margin-bottom:0;opacity:.78;font-size:.84rem}.sos-grid{display:grid;gap:.65rem;margin-top:1rem}.sos-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:.85rem;background:rgba(255,255,255,.96);color:var(--color-text);text-align:left}.sos-card strong{display:block;font-size:.86rem}.sos-card small{display:block;color:var(--color-muted);font-size:.68rem}
.sos-step,.sos-complete,.sos-safety{display:grid;gap:.85rem;padding:1.1rem}.sos-step h1,.sos-complete h1,.sos-safety h1{margin:0;font-size:1.75rem}.sos-step h2{margin:0;font-family:var(--font-ui);font-size:1.1rem}.sos-step>p,.sos-complete p,.sos-safety p{margin:0;color:var(--color-muted);font-size:.84rem;line-height:1.55}.sos-form{display:grid;gap:.9rem}.sos-intensity{display:grid;gap:.45rem}.sos-intensity>label{font-size:.82rem;font-weight:800}.sos-intensity__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.65rem}.sos-intensity input{width:100%;accent-color:var(--color-primary-strong)}.sos-intensity output{min-width:78px;color:var(--color-primary-strong);font-size:.7rem;font-weight:800;text-align:right}.sos-intervention{display:grid;gap:.85rem;overflow:hidden;padding:1.25rem;border-radius:28px;background:var(--gradient-wine);color:white;box-shadow:var(--shadow-md)}.sos-intervention h1,.sos-intervention p{margin:0;color:white}.sos-intervention h1{font-size:1.75rem}.sos-intervention>p{opacity:.88;line-height:1.5}.sos-timer{display:grid;min-height:132px;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.08);aspect-ratio:1}.sos-timer strong{font-family:var(--font-display);font-size:3.15rem;line-height:1}.sos-timer span{margin-top:.25rem;font-size:.72rem;font-weight:750}.sos-practice{padding:.9rem;border-radius:16px;background:rgba(255,255,255,.12);font-size:.86rem}.sos-aria-link{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:.55rem;margin-top:1rem;border:0;border-radius:16px;background:var(--gradient-primary);color:white;font-size:.86rem;font-weight:850;box-shadow:0 10px 22px rgba(155,80,74,.2)}.sos-aria-link .icon{width:1.35rem;height:1.35rem}.sos-urgent-link{border:0;background:transparent;color:var(--color-muted);font-size:.72rem;text-decoration:underline;text-underline-offset:3px}.sos-safety{border:1px solid #e4b8ad;background:#fff9f5}.sos-safety>.option-button__icon,.sos-complete>.option-button__icon{color:var(--color-primary-strong)}.sos-resources{display:grid;gap:.65rem}.sos-resource{display:grid;gap:.2rem;padding:.8rem;border:1px solid var(--color-border);border-radius:14px;background:white;color:var(--color-text);text-decoration:none}.sos-resource strong{font-size:.82rem}.sos-resource span{color:var(--color-muted);font-size:.74rem;line-height:1.4}.sos-resource .icon{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;color:var(--color-primary-strong)}
.upload-zone{display:grid;min-height:180px;place-items:center;border:1.5px dashed var(--color-border-strong);border-radius:22px;padding:1rem;background:#fffaf7;text-align:center}.upload-zone.is-dragging{border-color:var(--color-primary);background:var(--color-surface-rose)}.upload-zone img{max-height:190px;border-radius:16px}
.guide-loading{position:fixed;z-index:90;inset:0;display:grid;grid-template-rows:auto 1fr auto;overflow:auto;background:radial-gradient(circle at 16% 30%,rgba(238,175,158,.2),transparent 28%),radial-gradient(circle at 84% 42%,rgba(226,179,165,.22),transparent 25%),var(--color-bg);color:var(--color-text);isolation:isolate}.guide-loading::before,.guide-loading::after{position:absolute;z-index:-1;border-radius:50%;background:rgba(248,218,207,.45);content:"";filter:blur(2px)}.guide-loading::before{width:170px;height:170px;top:34%;left:-95px}.guide-loading::after{width:140px;height:140px;right:-78px;top:28%}.guide-loading__header{display:grid;grid-template-columns:48px 1fr 48px;min-height:calc(82px + var(--safe-top));align-items:end;padding:calc(.6rem + var(--safe-top)) 1rem .8rem;border-bottom:1px solid rgba(234,219,210,.82);background:rgba(255,252,249,.78);text-align:center;backdrop-filter:blur(18px)}.guide-loading__header h1{margin:0;font-size:clamp(1.45rem,7vw,2rem)}.guide-loading__header p{margin:.1rem 0 0;font-family:var(--font-display);font-size:.94rem}.guide-loading__back,.guide-loading__privacy{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--color-wine)}.guide-loading__back{transform:rotate(180deg)}.guide-loading__back:hover,.guide-loading__back:focus-visible{background:var(--color-surface-rose)}.guide-loading__privacy{justify-self:end;color:var(--color-primary-strong)}.guide-loading__content{display:grid;align-content:start;gap:1rem;width:min(100%,430px);margin:0 auto;padding:1.35rem 1rem calc(var(--nav-height) + var(--safe-bottom) + 1.1rem);text-align:center}.guide-loading__eyebrow{margin:0;color:var(--color-primary-strong);font-size:var(--text-xs);font-weight:850;letter-spacing:.08em;text-transform:uppercase}.guide-loading__content h2{max-width:20rem;margin:0 auto;font-size:clamp(1.65rem,7.8vw,2.2rem)}.guide-loading__content h2 em{color:var(--color-primary-strong);font-style:normal}.guide-loading__intro{max-width:21rem;margin:0 auto;color:var(--color-muted);font-size:.86rem;line-height:1.55}.guide-loading__orb{position:relative;display:grid;width:min(70vw,280px);margin:.35rem auto .1rem;aspect-ratio:1;place-content:center;justify-items:center;border-radius:50%;background:conic-gradient(from 20deg,var(--color-primary) 0 24%,rgba(255,255,255,.18) 24% 36%,#e4afa5 36% 54%,rgba(255,255,255,.15) 54% 67%,var(--color-primary-strong) 67% 78%,rgba(255,255,255,.18) 78% 100%);box-shadow:0 18px 45px rgba(164,82,75,.16),inset 0 0 22px rgba(255,255,255,.75)}.guide-loading__orb::before{position:absolute;inset:10px;border-radius:inherit;background:radial-gradient(circle at 50% 30%,#fffdfb 0,rgba(255,245,240,.95) 54%,#f6e4dc 100%);box-shadow:inset 0 0 22px rgba(208,133,122,.18);content:""}.guide-loading__orb:not(.is-complete){animation:guide-orbit 5s linear infinite}.guide-loading__orb>*{position:relative;z-index:1}.guide-loading__rose{display:grid;width:82px;height:82px;margin-bottom:.5rem;place-items:center;border:1px solid rgba(199,125,110,.35);border-radius:50%;background:rgba(255,255,255,.7);color:var(--color-primary-strong);box-shadow:0 8px 22px rgba(157,83,75,.14)}.guide-loading__rose .icon{width:42px;height:42px}.guide-loading__orb p{margin:0;font-size:.88rem;font-weight:800}.guide-loading__orb span{max-width:126px;margin-top:.15rem;color:var(--color-muted);font-size:.68rem}.guide-loading__orb strong{margin-top:.1rem;font-family:var(--font-display);font-size:2.4rem;font-weight:500;color:var(--color-primary-strong)}.guide-loading__orb.is-complete{background:conic-gradient(var(--color-primary) 0 100%);transition:background .45s ease}.guide-loading__live{min-height:1.5rem;margin:0;color:var(--color-primary-strong);font-size:.82rem;font-weight:800}.guide-loading__steps{display:grid;gap:0;margin:0;padding:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.68);list-style:none;text-align:left;box-shadow:var(--shadow-xs)}.guide-loading__steps li{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:center;padding:.75rem .85rem;border-bottom:1px solid rgba(234,219,210,.78);color:var(--color-muted)}.guide-loading__steps li:last-child{border-bottom:0}.guide-loading__steps li.is-active{background:#fff8f4;color:var(--color-text)}.guide-loading__steps li.is-done{color:var(--color-success)}.guide-loading__step-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-rose);color:var(--color-primary-strong)}.guide-loading__steps li.is-done .guide-loading__step-icon{border-color:rgba(102,132,93,.25);background:#edf4e9;color:var(--color-success)}.guide-loading__steps strong,.guide-loading__steps small{display:block}.guide-loading__steps strong{font-size:.8rem}.guide-loading__steps small{margin-top:.08rem;color:var(--color-muted);font-size:.68rem;line-height:1.35}.guide-loading__reminder{display:flex;align-items:center;gap:.65rem;margin:0;padding:.85rem .9rem;border:1px solid var(--color-border-strong);border-radius:20px;background:rgba(255,243,237,.74);text-align:left}.guide-loading__reminder>.icon{flex:0 0 auto;color:var(--color-primary-strong)}.guide-loading__reminder p{margin:0;font-family:var(--font-display);font-size:.92rem;line-height:1.35}.guide-loading__nav{display:grid;grid-template-columns:repeat(4,1fr);min-height:calc(var(--nav-height) + var(--safe-bottom));align-items:start;padding:.45rem .45rem calc(.35rem + var(--safe-bottom));border-top:1px solid var(--color-border);background:rgba(255,251,248,.94);backdrop-filter:blur(18px)}.guide-loading__nav>span,.guide-loading__nav button{display:grid;place-items:center;border:0;border-radius:16px;background:transparent;color:var(--color-muted);font-size:.65rem;font-weight:750}.guide-loading__nav small{display:block;margin-top:.15rem;font:inherit}.guide-loading__nav button[aria-current="page"]{color:white}.guide-loading__nav button[aria-current="page"] .icon{display:grid;width:42px;height:42px;margin-top:-17px;padding:9px;border-radius:50%;background:var(--gradient-primary);box-shadow:0 8px 18px rgba(170,76,72,.25)}.guide-loading--error{background:var(--color-bg)}.guide-loading__error-content{display:grid;align-content:center;gap:1rem;width:min(100%,390px);margin:0 auto;padding:2rem 1.25rem calc(var(--nav-height) + var(--safe-bottom) + 2rem);text-align:center}.guide-loading__error-content p{margin:0;color:var(--color-muted)}.guide-loading__error-icon{display:grid;width:72px;height:72px;margin:0 auto;place-items:center;border-radius:50%;background:#fbecec;color:var(--color-danger)}
@keyframes guide-orbit{to{transform:rotate(360deg)}}.guide-loading__orb:not(.is-complete) .guide-loading__rose,.guide-loading__orb:not(.is-complete) p,.guide-loading__orb:not(.is-complete) span{animation:guide-counter-orbit 5s linear infinite}@keyframes guide-counter-orbit{to{transform:rotate(-360deg)}}
/* El aro gira de forma independiente: el contenido central nunca rota ni se superpone. */
.guide-loading__orb{display:grid;width:min(72vw,288px);place-items:center;background:none;box-shadow:none}.guide-loading__orb::before{display:none}.guide-loading__orb:not(.is-complete){animation:none}.guide-loading__orb-track{position:absolute;inset:0;border:9px solid rgba(255,255,255,.9);border-radius:50%;background:conic-gradient(from 210deg,#b26363 0deg 42deg,transparent 42deg 86deg,#e1aaa0 86deg 140deg,transparent 140deg 197deg,#c97d78 197deg 246deg,transparent 246deg 304deg,#d8a097 304deg 348deg,transparent 348deg);box-shadow:0 16px 38px rgba(164,82,75,.14),inset 0 0 12px rgba(164,82,75,.08);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));animation:guide-orbit 3.2s linear infinite}.guide-loading__orb-core{position:relative;z-index:1;display:flex;width:69%;height:69%;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(215,165,153,.26);border-radius:50%;background:radial-gradient(circle at 42% 30%,#fffefc,rgba(255,247,242,.94) 63%,#f8e7e0);box-shadow:inset 0 0 22px rgba(205,128,116,.12),0 8px 24px rgba(164,82,75,.08)}.guide-loading__orb:not(.is-complete) .guide-loading__rose,.guide-loading__orb:not(.is-complete) p,.guide-loading__orb:not(.is-complete) span{animation:none}.guide-loading__rose{width:72px;height:72px;margin:0 0 .55rem;background:rgba(255,255,255,.88)}.guide-loading__rose .icon{width:38px;height:38px}.guide-loading__orb p{margin:0;font-size:.92rem;line-height:1.1}.guide-loading__orb span{display:block;max-width:130px;margin:.28rem 0 0;font-size:.7rem;line-height:1.3}.guide-loading__orb strong{margin:.05rem 0 0}.guide-loading__orb.is-complete .guide-loading__orb-track{background:conic-gradient(var(--color-primary) 0 100%);animation:none}.guide-loading__orb.is-complete .guide-loading__orb-core{border-color:rgba(185,100,94,.4)}
/* El borde nativo evita deformaciones de máscara en iOS/Chrome y mantiene el círculo perfecto. */
.guide-loading .guide-loading__orb:not(.is-complete){animation:none!important}.guide-loading__orb::before{display:block;inset:0;border:9px solid rgba(255,255,255,.94);border-radius:50%;background:none;box-shadow:0 16px 38px rgba(164,82,75,.14),inset 0 0 12px rgba(164,82,75,.08)}.guide-loading__orb-track{box-sizing:border-box;display:block;width:100%;height:100%;border:9px solid transparent;border-top-color:#b26363;border-right-color:#d9a096;border-bottom-color:#c97d78;border-left-color:#e7b9b1;background:none;-webkit-mask:none;mask:none;animation:guide-orbit 2.8s linear infinite}.guide-loading__orb.is-complete .guide-loading__orb-track{border-color:var(--color-primary);background:none}
/* El track no es texto: evita que las reglas tipográficas reduzcan su ancho. */
.guide-loading__orb>span.guide-loading__orb-track{inset:0;max-width:none;margin:0;line-height:normal;animation:guide-orbit 2.8s linear infinite}.guide-loading__orb-core{position:absolute;top:50%;left:50%;width:69%;height:69%;transform:translate(-50%,-50%)}.guide-loading__orb-core span{display:block;max-width:130px;margin:.28rem 0 0;font-size:.7rem;line-height:1.3}.guide-loading__orb.is-complete>span.guide-loading__orb-track{animation:none}
.analysis-result{display:grid;gap:.85rem}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.signal{padding:.7rem;border:1px solid var(--color-border);border-radius:16px;background:white;text-align:center}.signal strong{display:block;font-size:.7rem}.signal span{color:var(--color-muted);font-size:.68rem}.reply-card{display:grid;gap:.45rem;padding:.85rem}.reply-card__top{display:flex;align-items:center;justify-content:space-between}.reply-card p{margin:0;font-family:var(--font-display);font-size:1.08rem}
.case-header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.case-heading{display:flex;align-items:center;gap:.45rem}.case-heading h1{margin:0}.case-help{position:relative;display:inline-flex}.case-help__button{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--color-border-strong);border-radius:50%;background:#fff;color:var(--color-primary-strong);font-size:.76rem;font-weight:850;line-height:1}.case-help__tooltip{position:absolute;z-index:35;top:calc(100% + .5rem);left:0;width:min(270px,calc(100vw - 3rem));padding:.75rem;border:1px solid var(--color-border-strong);border-radius:14px;background:#fffdf9;color:var(--color-text);font-size:.72rem;font-weight:600;line-height:1.45;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease;visibility:hidden}.case-help:hover .case-help__tooltip,.case-help:focus-within .case-help__tooltip{opacity:1;transform:translateY(0);visibility:visible}.case-list{display:grid;gap:.75rem}.case-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:-.45rem 0 1rem;padding:.3rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:rgba(255,255,255,.62)}.case-tabs button{min-height:38px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);font-size:.72rem;font-weight:800}.case-tabs button[aria-selected="true"]{background:var(--color-surface-rose);color:var(--color-primary-strong);box-shadow:var(--shadow-xs)}.case-card{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;width:100%;padding:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:white;color:var(--color-text);text-align:left}.case-card--button{cursor:pointer}.case-card--button:hover,.case-card--button:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.case-avatar{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:var(--color-surface-rose);color:var(--color-primary-strong);font-family:var(--font-display);font-size:1.2rem}.case-card__content{display:grid;min-width:0;gap:.2rem}.case-card__title{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.case-card__title strong{font-family:var(--font-ui);font-size:.95rem;font-weight:850}.case-card__event,.case-card__summary{overflow:hidden;color:var(--color-muted);font-size:.72rem;text-overflow:ellipsis}.case-card__summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.case-card__arrow{align-self:center;color:var(--color-primary-strong)}.case-score{font-size:.68rem;font-weight:850;color:var(--color-primary-strong)}.case-form{display:grid;gap:.85rem}.case-edit-fields{display:grid;gap:.85rem;margin:0;padding:0;border:0;min-inline-size:0}.textarea--compact{min-height:84px}.case-detail{display:grid;gap:1.15rem}.case-detail h3{margin:0;font-family:var(--font-ui);font-size:1rem}.case-detail__status{display:flex;gap:.4rem;margin:0}.case-detail__section{padding-top:1rem;border-top:1px solid var(--color-border)}.case-detail__section .section-title{margin:.05rem 0 .65rem}.case-reciprocity{display:grid;gap:.75rem;margin:0;padding:.85rem;border:1px solid var(--color-border);border-radius:16px}.case-reciprocity legend{padding:0 .35rem;font-size:.8rem;font-weight:800}.case-reciprocity p{margin:0}.case-timeline,.case-versions ol{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.timeline-item,.case-versions li{display:grid;gap:.15rem;padding:.75rem;border-left:3px solid var(--color-primary);border-radius:0 12px 12px 0;background:#fffaf7}.timeline-item time,.case-versions li>span{color:var(--color-muted);font-size:.68rem}.timeline-item strong,.case-versions li strong{font-size:.8rem}.timeline-item span,.case-versions li p{margin:0;color:var(--color-muted);font-size:.74rem}.case-versions summary{cursor:pointer;color:var(--color-primary-strong);font-size:.78rem;font-weight:800}.case-versions[open] summary{margin-bottom:.7rem}.case-archive{padding-top:.2rem}.case-archive__confirm{margin-top:.6rem;border:1px solid #d9a29b;border-radius:16px;padding:.8rem;background:#fff4f1}.case-archive__confirm p{margin:0 0 .7rem;color:var(--color-muted);font-size:.76rem}.btn--danger{border-color:#a84c50;background:#a84c50;color:white}.btn--text{min-height:38px;border-color:transparent;background:transparent;color:var(--color-primary-strong);padding-inline:.2rem}.btn--secondary{border-color:var(--color-border-strong);background:white;color:var(--color-primary-strong)}
.rose-hero{position:relative;display:grid;gap:.8rem;overflow:hidden;padding:1.2rem;text-align:center}.rose-stage{display:grid;width:190px;height:230px;margin:.1rem auto;place-items:center;border:1px solid rgba(199,160,100,.45);border-radius:100px 100px 30px 30px;background:radial-gradient(circle at 50% 35%,#fff,rgba(255,246,240,.92) 58%,#f0d9cc);box-shadow:inset 0 0 45px rgba(208,151,132,.12),0 18px 40px rgba(92,50,42,.08)}.rose-stage img{width:142px}.rose-hero__metric{display:grid;gap:.2rem}.rose-hero__metric strong{font-family:var(--font-display);font-size:3.2rem;font-weight:500;line-height:1;color:var(--color-primary-strong)}.rose-hero__metric p{margin:0;color:var(--color-text);font-size:.82rem;font-weight:750}.rose-hero__metric small{color:var(--color-muted);font-size:.72rem}.rose-petal-track{display:flex;justify-content:center;gap:.4rem;margin:0;padding:0;list-style:none}.rose-petal-track li{width:13px;height:13px;border:1px solid var(--color-primary);border-radius:50% 50% 50% 0;opacity:.45;transform:rotate(-45deg)}.rose-petal-track li.is-unlocked{background:var(--gradient-primary);box-shadow:0 3px 8px rgba(165,79,72,.22);opacity:1}.rose-hero .progress-track{width:min(100%,280px);margin:0 auto}.rose-section{display:grid;gap:.65rem}.rose-action-list,.rose-history ol{display:grid;gap:.1rem;margin:0;padding:0;list-style:none}.rose-action-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.72rem 0;border-bottom:1px solid var(--color-border)}.rose-action-list li:last-child{border-bottom:0}.rose-action-list strong{display:block;font-size:.78rem}.rose-action-list p{margin:.15rem 0 0;color:var(--color-muted);font-size:.67rem}.rose-action-score{display:grid;justify-items:end;gap:.18rem;color:var(--color-muted);font-size:.61rem;font-weight:800}.rose-action-score small{color:var(--color-primary-strong);font-size:.65rem}.rose-action-dots{display:flex;gap:.16rem}.rose-action-dots i{display:block;width:7px;height:7px;border:1px solid var(--color-primary);border-radius:50%;opacity:.55}.rose-action-dots i.is-filled{background:var(--color-primary);opacity:1}.rose-milestone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;margin-top:1rem;padding:1rem;background:linear-gradient(115deg,#fff9f7,#f8e3dc)}.rose-milestone h2{margin:.15rem 0;font-family:var(--font-ui);font-size:.9rem}.rose-milestone p{margin:0;color:var(--color-muted);font-size:.72rem}.rose-milestone>strong{color:var(--color-primary-strong);font-family:var(--font-display);font-size:1.15rem}.rose-history,.rose-rules{margin-top:1rem;border:1px solid var(--color-border);border-radius:16px;background:rgba(255,255,255,.7);padding:.75rem}.rose-history summary,.rose-rules summary{cursor:pointer;color:var(--color-primary-strong);font-size:.78rem;font-weight:850}.rose-history[open] summary,.rose-rules[open] summary{margin-bottom:.65rem}.rose-history li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.5rem 0;border-top:1px solid var(--color-border)}.rose-history li:first-child{border-top:0}.rose-history strong,.rose-history small{display:block;font-size:.7rem}.rose-history small,.rose-rules p{color:var(--color-muted);font-size:.67rem}.rose-history li>span:last-child{color:var(--color-primary-strong);font-size:.7rem;font-weight:850}.rose-rules p{margin:.35rem 0 0;line-height:1.45}
.radar-wrap{position:relative;display:grid;min-height:230px;place-items:center}.radar{width:210px;height:210px}.radar text{font-family:var(--font-ui);font-size:10px;fill:var(--color-muted)}.insight-card{padding:1rem}.insight-card h3{font-family:var(--font-ui);font-size:.8rem;font-weight:850}.metric-change{display:flex;align-items:end;justify-content:space-between;gap:1rem}.metric-change strong{font-family:var(--font-display);font-size:2.2rem;color:var(--color-primary-strong)}
.evolution-route{display:grid;gap:1rem}.evolution-filters{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.evolution-filters label{display:grid;gap:.35rem;color:var(--color-muted);font-size:.7rem;font-weight:800}.evolution-filters .select{padding:.7rem}.evolution-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.25rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:rgba(255,255,255,.66)}.evolution-tabs button{min-height:36px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);font-size:.72rem;font-weight:850}.evolution-tabs button[aria-selected="true"]{background:var(--color-surface-rose);color:var(--color-primary-strong);box-shadow:var(--shadow-xs)}.evolution-panel{display:grid;gap:.8rem}.evolution-card{padding:1rem}.evolution-card h2{margin:.35rem 0 .45rem;font-family:var(--font-ui);font-size:.98rem;font-weight:850}.evolution-card>p:last-child{margin-bottom:0}.evolution-card--sample{background:linear-gradient(145deg,#fff,#fff5f0)}.evolution-sample,.evolution-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:1rem 0 0}.evolution-sample div,.evolution-comparison div{padding:.65rem .45rem;border-radius:12px;background:rgba(253,241,235,.72);text-align:center}.evolution-sample dt,.evolution-comparison dt{color:var(--color-muted);font-size:.6rem;font-weight:800}.evolution-sample dd,.evolution-comparison dd{margin:.15rem 0 0;color:var(--color-primary-strong);font-family:var(--font-display);font-size:1.2rem}.evolution-metric-list{display:grid;gap:.65rem;margin:.8rem 0 0;padding:0;list-style:none}.evolution-metric-list li{display:grid;grid-template-columns:minmax(0,1fr) 76px auto;align-items:center;gap:.55rem}.evolution-metric-list strong,.evolution-metric-list span{display:block}.evolution-metric-list strong{font-size:.76rem}.evolution-metric-list span{color:var(--color-muted);font-size:.65rem}.evolution-metric-list b{color:var(--color-primary-strong);font-size:.75rem}.evolution-metric-list progress{width:100%;height:8px;overflow:hidden;border:0;border-radius:99px;background:#efe5df}.evolution-metric-list progress::-webkit-progress-bar{background:#efe5df}.evolution-metric-list progress::-webkit-progress-value{background:var(--gradient-primary)}.evolution-metric-list progress::-moz-progress-bar{background:var(--color-primary)}.evolution-insights{display:grid;gap:.65rem}.insight-card{border-left:4px solid var(--color-primary)}.insight-card--hypothesis{border-left-color:var(--color-accent)}.insight-card--recommendation{border-left-color:#879b77}.insight-card p{margin:.4rem 0 0;font-size:.8rem;line-height:1.5}
.followup-lock{min-height:560px;border-radius:30px;padding:2rem 1rem;background:linear-gradient(160deg,#4a4651,#9f8993);color:white}.followup-time{text-align:center;font-size:3.4rem;font-weight:250}.notification-card{margin-top:1rem;border-radius:22px;padding:1rem;background:rgba(245,239,239,.9);color:#342a2e;box-shadow:var(--shadow-md)}.notification-card h2{font-family:var(--font-ui);font-size:1rem;font-weight:850}.notification-actions{display:grid;gap:.5rem;margin-top:.8rem}.notification-actions button{border:0;border-radius:14px;padding:.75rem;background:rgba(255,255,255,.55);font-size:.78rem;font-weight:750}
.voice-panel{text-align:center;padding:1.25rem}.coach-avatar{width:120px;height:120px;margin:1rem auto;border-radius:50%;object-fit:cover;border:5px solid #f8e9e4;box-shadow:0 0 0 1px var(--color-border)}.wave{display:flex;height:78px;align-items:center;justify-content:center;gap:4px;margin:.45rem 0}.wave span{display:block;width:3px;height:var(--wave-height,24px);border-radius:99px;background:linear-gradient(180deg,#edb6a9,var(--color-primary-strong));box-shadow:0 1px 4px rgba(169,80,73,.2);transform-origin:center}.record-button{display:grid;width:72px;height:72px;margin:1rem auto;place-items:center;border:0;border-radius:50%;background:var(--gradient-primary);color:white;box-shadow:0 14px 30px rgba(165,79,72,.26)}
.voice-route{display:grid;gap:1rem}.voice-context{display:grid;gap:.35rem;padding:.8rem 1rem}.voice-context label{font-size:.75rem;font-weight:850;color:var(--color-muted)}.voice-context__hint{margin:.35rem 0 0;color:var(--color-muted);font-size:.72rem;line-height:1.35}.voice-context__create{justify-self:start;min-height:34px;padding:.1rem 0;font-size:.76rem}.voice-duration{font-family:var(--font-display);font-size:1.5rem}.coach-composer{display:grid;gap:.65rem;margin-top:1rem;text-align:left}.coach-composer .btn{justify-content:center}.coach-memory{display:grid;gap:.5rem;padding:1rem;border:1px solid #e8b9af;border-radius:18px;background:#fff7f3}.coach-memory strong{color:var(--color-primary-strong);font-size:.78rem}.coach-memory p{margin:0;font-size:.82rem;line-height:1.45}.coach-memory .btn--text{justify-self:start}
.voice-transcription-loading{display:grid;min-height:calc(100dvh - 150px);align-content:center;gap:1.35rem;text-align:center}.voice-transcription-loading__header{display:grid;gap:.15rem}.voice-transcription-loading__header p{margin:0;color:var(--color-muted);font-size:.78rem;font-weight:750}.voice-transcription-loading__content{display:grid;justify-items:center;gap:1rem;padding:1.25rem 0}.voice-transcription-loading h1{margin:0;font-size:clamp(1.85rem,8vw,2.45rem)}.voice-transcription-loading__content>p{max-width:300px;margin:0;color:var(--color-muted);font-size:.88rem;line-height:1.55}.voice-transcription-loader{position:relative;display:grid;width:min(70vw,280px);aspect-ratio:1;place-items:center}.voice-transcription-loader__track{position:absolute;inset:0;border:9px solid transparent;border-top-color:#b26363;border-right-color:#d9a096;border-bottom-color:#c97d78;border-left-color:#e7b9b1;border-radius:50%;box-shadow:0 16px 38px rgba(164,82,75,.14),inset 0 0 12px rgba(164,82,75,.08);animation:guide-orbit 2.8s linear infinite}.voice-transcription-loader__core{position:relative;z-index:1;display:grid;width:64%;height:64%;place-items:center;border:1px solid rgba(215,165,153,.3);border-radius:50%;background:radial-gradient(circle at 42% 30%,#fffefc,rgba(255,247,242,.94) 63%,#f8e7e0);color:var(--color-primary-strong);box-shadow:inset 0 0 22px rgba(205,128,116,.12),0 8px 24px rgba(164,82,75,.08)}.voice-transcription-loader__core .icon{width:42px;height:42px}.voice-transcription-loading__reminder{display:flex;max-width:340px;align-items:flex-start;gap:.55rem;margin-top:.3rem;padding:.8rem .9rem;border:1px solid var(--color-border);border-radius:16px;background:rgba(255,255,255,.7);color:var(--color-muted);font-size:.73rem;line-height:1.45;text-align:left}.voice-transcription-loading__reminder .icon{flex:0 0 auto;color:var(--color-primary-strong)}
.coach-response-loading{display:flex;align-items:center;gap:.8rem;margin-top:1rem;padding:.85rem;border:1px solid var(--color-border);border-radius:18px;background:#fff9f6;text-align:left}.coach-response-loading strong,.coach-response-loading p{display:block;margin:0}.coach-response-loading p{margin-top:.15rem;color:var(--color-muted);font-size:.75rem;line-height:1.4}.coach-response-loading__spinner{width:28px;height:28px;flex:0 0 auto;border:3px solid #efd6cf;border-top-color:var(--color-primary-strong);border-radius:50%;animation:guide-orbit 1s linear infinite}.coach-response{display:grid;gap:.6rem;margin-top:1rem;padding:1rem;border:1px solid var(--color-border-strong);border-radius:20px;background:linear-gradient(145deg,#fffdfb,#fbefe9);text-align:left;box-shadow:var(--shadow-xs)}.coach-response h2,.coach-response p{margin:0}.coach-response h2{font-family:var(--font-ui);font-size:1rem}.coach-response p{white-space:pre-wrap;color:var(--color-text);font-size:.86rem;line-height:1.55}.coach-response .btn{justify-self:start;margin-top:.15rem}
.settings-list{display:grid;gap:.65rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.settings-row__copy strong{display:block}.settings-row__copy small{display:block;color:var(--color-muted);font-size:.7rem}.switch{position:relative;width:48px;height:28px;border:0;border-radius:99px;background:#d9cec8}.switch::after{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:white;box-shadow:var(--shadow-xs);content:"";transition:.2s}.switch[aria-checked="true"]{background:var(--color-primary)}.switch[aria-checked="true"]::after{transform:translateX(20px)}
.privacy-settings{display:grid;gap:.85rem;padding:1rem;scroll-margin-top:1rem}.privacy-actions{display:flex;flex-wrap:wrap;gap:.55rem}.privacy-actions .btn{flex:1 1 155px}.privacy-delete-form{display:grid;gap:.85rem}.privacy-delete-form>p{margin:0;color:var(--color-muted);font-size:.8rem}.privacy-delete-form .privacy-actions{margin-top:.15rem}.privacy-delete-form [data-privacy-delete-status]{min-height:1.3rem;color:var(--color-primary-strong)}.notification-settings{display:grid;gap:.9rem;padding:1rem}.notification-settings__push,.notification-settings__privacy{padding-top:.85rem;border-top:1px solid var(--color-border)}.notification-settings__form{display:grid;gap:.75rem}.quiet-hours{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.notification-card__heading{display:flex;gap:.7rem;align-items:center}.notification-card__heading p{margin:.15rem 0 0;font-size:.78rem}.notification-actions button:disabled{opacity:.6;cursor:wait}@media (prefers-reduced-motion:reduce){.switch::after{transition:none}}
.bottom-nav{position:fixed;z-index:40;right:0;bottom:0;left:0;display:grid;width:min(100%,var(--app-max));height:calc(var(--nav-height) + var(--safe-bottom));grid-template-columns:repeat(4,1fr);margin:0 auto;padding:.45rem .45rem calc(.35rem + var(--safe-bottom));border-top:1px solid var(--color-border);background:rgba(255,251,248,.94);backdrop-filter:blur(18px)}.bottom-nav__item{display:grid;place-items:center;border:0;border-radius:16px;background:transparent;color:var(--color-muted);font-size:.65rem;font-weight:750}.bottom-nav__item[aria-current="page"]{color:var(--color-primary-strong);background:#faeee9}.bottom-nav__icon{display:block;margin-bottom:.18rem}.bottom-nav__item--aria{position:relative;z-index:1}.bottom-nav__item--aria .bottom-nav__icon{display:grid;width:64px;height:64px;margin-top:-36px;margin-bottom:.15rem;place-items:center;border:7px solid #f8e9e4;border-radius:50%;background:var(--gradient-primary);color:white;box-shadow:0 12px 25px rgba(155,80,74,.28),0 0 0 1px rgba(255,255,255,.72)}.bottom-nav__item--aria .icon{width:39px;height:39px;stroke-width:1.5}.bottom-nav__item--aria[aria-current="page"]{background:transparent;color:var(--color-primary-strong)}.bottom-nav__item--aria[aria-current="page"]>span:last-child{font-weight:850}
.fab{position:fixed;z-index:35;right:max(1rem,calc((100vw - var(--app-max))/2 + 1rem));bottom:calc(var(--nav-height) + var(--safe-bottom) + .85rem);display:grid;width:50px;height:50px;place-items:center;border:0;border-radius:50%;background:var(--gradient-primary);color:white;box-shadow:var(--shadow-md)}
.pwa-update-notice{position:fixed;z-index:130;right:1rem;bottom:calc(var(--nav-height) + var(--safe-bottom) + 1rem);left:1rem;display:flex;align-items:center;gap:.8rem;padding:.85rem .9rem;border:1px solid var(--color-border-strong);border-radius:20px;background:rgba(255,251,248,.98);box-shadow:var(--shadow-md);backdrop-filter:blur(18px)}.pwa-update-notice__copy{min-width:0;flex:1}.pwa-update-notice__copy strong,.pwa-update-notice__copy span{display:block}.pwa-update-notice__copy strong{font-size:.78rem}.pwa-update-notice__copy span{margin-top:.1rem;color:var(--color-muted);font-size:.68rem;line-height:1.35}.pwa-update-notice__actions{display:flex;flex:0 0 auto;gap:.4rem}.pwa-update-notice .btn{min-height:38px;padding:.55rem .72rem;font-size:.67rem;white-space:nowrap}.pwa-update-notice .btn:disabled{cursor:wait;opacity:.7}