.ax13{--g:#54B385;--b:#071312;--s:#0B1B19;position:relative;isolation:isolate;overflow:hidden;min-height:100vh;padding:30px;color:#f4f8f7;background:linear-gradient(180deg,#071312,#0b1b19 48%,#10231f 75%,#071312);font-family:Inter,system-ui,sans-serif;border-radius:24px}.ax13 *{box-sizing:border-box}.ax13-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;background-image:linear-gradient(rgba(84,179,133,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(84,179,133,.03) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.ax13-bg:before,.ax13-bg:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;filter:blur(110px);opacity:.12;background:#54b385;animation:drift 20s ease-in-out infinite alternate}.ax13-bg:before{right:-200px;top:-180px}.ax13-bg:after{left:-250px;bottom:4%;animation-duration:27s}.ax13-bg i{position:absolute;inset:-15%;opacity:.3;background:repeating-radial-gradient(ellipse at 70% 18%,rgba(84,179,133,.05) 0 2px,transparent 3px 74px);animation:wave 30s linear infinite}.ax13 header{display:flex;justify-content:space-between;align-items:center}.ax13 header strong{font-size:20px;letter-spacing:.09em}.ax13 header strong span{color:var(--g)}.ax13 header button{width:42px;height:34px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:transparent;color:#82958f}.ax13 header button.on{background:var(--g);color:#071312}.hero{padding:76px 0 50px}.hero small,.coach small,.feed small{color:var(--g);font-weight:800;letter-spacing:.14em}.hero h1{max-width:1100px;margin:15px 0;color:#fff!important;font-size:clamp(52px,7vw,92px);line-height:.95;letter-spacing:-.055em}.hero p{max-width:900px;color:#9db0aa;font-size:19px;line-height:1.65}.actions{display:flex;gap:10px;margin-top:25px}.ax13 button{font:inherit;cursor:pointer}.primary,.actions button{min-height:46px;padding:0 18px;border-radius:999px;font-weight:800}.primary{border:1px solid var(--g);background:var(--g);color:#071312}.actions button:not(.primary){border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#fff}.layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px}.surface{margin-bottom:22px;padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(180deg,rgba(16,35,31,.83),rgba(11,27,25,.75));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 28px 80px rgba(0,0,0,.12);backdrop-filter:blur(18px);transition:.26s}.surface:hover{transform:translateY(-2px);border-color:rgba(84,179,133,.28)}.surface.focus{border-color:rgba(84,179,133,.28);background:linear-gradient(145deg,rgba(20,48,40,.9),rgba(11,27,25,.8))}.ax13.focus-mode .surface:not(.focus){opacity:.42}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.head h2{margin:0;color:#fff!important}.head em{padding:7px 10px;border:1px solid rgba(84,179,133,.3);border-radius:999px;color:var(--g);font-size:10px;font-style:normal;letter-spacing:.12em}.scores{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scores article{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(5,20,17,.55)}.scores article small{color:var(--g);letter-spacing:.1em}.scores article strong{display:block;margin:10px 0 8px;font-size:42px}.scores article div{height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.scores article div i{display:block;height:100%;background:linear-gradient(90deg,#54b385,#8dd5b2);transition:width .9s}.scores article span{display:block;margin-top:8px;color:#82968f;font-size:12px}.heat{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.heat article{padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(5,20,17,.58)}.heat span,.heat strong{display:block}.heat span{color:#81958e;font-size:10px}.heat strong{margin-top:8px;color:var(--g);letter-spacing:.12em}.rf{padding:18px;border:1px solid rgba(84,179,133,.12);border-radius:18px;background:rgba(5,20,17,.58)}.rf svg{width:100%;height:auto}.rf path{fill:none;stroke:#54b385;stroke-opacity:.55;stroke-width:2}.rf path:nth-child(2){stroke-width:1;opacity:.55}.rf circle{fill:#071312;stroke:#54b385;stroke-width:2}.rf text{fill:#c9eee0;font-size:12px;font-weight:800;text-anchor:middle}.timeline{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.timeline article{padding:16px 8px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(5,20,17,.58);text-align:center}.timeline strong,.timeline span{display:block}.timeline span{margin-top:6px;color:#789088;font-size:9px}.story{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.story article{padding:18px;border-left:3px solid var(--g);border-radius:13px;background:rgba(84,179,133,.055)}.story strong,.story span{display:block}.story span{margin-top:7px;color:#8fa39b;font-size:11px}.layout aside{position:sticky;top:25px;height:max-content;padding:22px;border:1px solid rgba(84,179,133,.3);border-radius:24px;background:linear-gradient(180deg,rgba(15,39,33,.9),rgba(9,25,22,.88));backdrop-filter:blur(20px)}.coach,.feed{padding:18px;border-radius:17px;background:rgba(255,255,255,.035);margin-bottom:12px}.coach h3{color:#fff!important}.coach p{color:#aebfba;line-height:1.55}.note{margin-top:10px;padding:11px 12px;border:1px solid rgba(84,179,133,.14);border-radius:11px;background:rgba(84,179,133,.055);color:#b8cec6;font-size:11px;animation:toast 4.5s ease both}.metric{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.metric span{color:#7e938b;font-size:11px}.metric strong{font-size:11px}.full{width:100%;height:52px}.modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px;background:rgba(2,10,8,.78);backdrop-filter:blur(16px)}.modal>div{width:min(680px,100%);padding:38px;border:1px solid rgba(84,179,133,.4);border-radius:28px;background:linear-gradient(145deg,#143028,#081713);text-align:center}.modal>div>small{color:var(--g);letter-spacing:.14em}.modal h2{color:#fff!important;font-size:clamp(32px,5vw,54px)}.modal section{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.modal article{padding:17px;border-radius:14px;background:rgba(255,255,255,.045)}.modal article span,.modal article strong{display:block}.modal article span{color:#7e938b;font-size:10px}.modal article strong{margin-top:7px;font-size:20px}@keyframes drift{to{transform:translate(90px,50px) scale(1.08)}}@keyframes wave{to{transform:translate(-2%,1%) rotate(.4deg)}}@keyframes toast{0%{opacity:0;transform:translateX(12px)}15%,85%{opacity:1;transform:none}100%{opacity:0;transform:translateX(-8px)}}@media(max-width:1100px){.layout{grid-template-columns:1fr}.layout aside{position:static}.timeline{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.ax13{padding:20px 14px}.scores,.heat,.story,.modal section{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.ax13 *{animation:none!important;transition:none!important}}
/* PP-013 RevB stability fixes */
.ax13 .modal[hidden]{display:none!important}
.ax13 .modal{overflow:auto}
.ax13 .modal>div{position:relative;max-height:calc(100vh - 40px);overflow:auto}
.ax13 .modal h2{display:block!important;position:static!important;margin:20px auto 8px!important;max-width:590px!important;font-size:clamp(30px,4.4vw,52px)!important;line-height:1.08!important;letter-spacing:-.035em!important;white-space:normal!important;overflow-wrap:anywhere!important;text-wrap:balance!important;transform:none!important;opacity:1!important}
.ax13 .modal h2::before,.ax13 .modal h2::after{content:none!important;display:none!important}
.ax13 .modal [data-close]{position:relative;z-index:2;min-width:110px}
.ax13.is-optimizing [data-opt]{pointer-events:none;opacity:.72}
.ax13.is-optimizing .scores article{border-color:rgba(84,179,133,.35)}
.ax13 .modal.is-opening>div{animation:ax13ModalIn .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes ax13ModalIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:760px){.ax13 .modal>div{padding:26px 18px}.ax13 .modal h2{font-size:32px!important;line-height:1.12!important}}
