:root{--blue:#176c9f;--teal:#078f82;--green:#49a942;--gold:#e4b522;--orange:#fa6b2b;--red:#f23850;--ink:#292d32;--muted:#7d858d;--line:#dfe5e9;--soft:#eef3f5;--page:#f6f8f9;--shadow:0 12px 35px #24384514}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0;font-family:Arial,Segoe UI,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{background:var(--blue);color:#fff;z-index:20;justify-content:space-between;align-items:center;height:78px;padding:0 34px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brandMark{width:42px;height:42px;color:var(--blue);background:#fff;border-radius:12px;place-items:center;font-size:24px;font-weight:900;display:grid}.brand strong,.brand small{display:block}.brand small{opacity:.78}.nav{align-items:center;gap:8px;display:flex}.nav a,.linkButton{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px 15px}.nav a:hover{background:#ffffff18}.navAction{border:1px solid #ffffff62!important}.shell{max-width:1500px;min-height:calc(100vh - 78px);margin:auto;padding:42px 38px}.heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.heading h1{letter-spacing:-1.4px;margin:6px 0 10px;font-size:40px;line-height:1.1}.subhead{color:var(--muted);margin:0;font-size:17px}.eyebrow{letter-spacing:1.5px;color:var(--blue);text-transform:uppercase;margin:0;font-size:11px;font-weight:850}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:17px}.button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;padding:11px 17px;font-weight:750;display:inline-flex}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.small{padding:7px 10px;font-size:12px}.hero{grid-template-columns:1fr 320px 1fr;align-items:center;margin-bottom:36px;padding:34px 44px;display:grid}.metricLabel{color:var(--muted);margin:0}.heroScore{letter-spacing:-5px;color:var(--blue);font-size:72px;font-weight:800;line-height:1.02}.status{border-radius:999px;padding:6px 11px;font-size:11px;font-weight:800;display:inline-block}.critical{--status:var(--red)}.warning{--status:var(--orange)}.fair{--status:var(--gold)}.good{--status:var(--teal)}.excellent{--status:var(--green)}.status{background:color-mix(in srgb,var(--status) 12%,white);color:color-mix(in srgb,var(--status) 72%,#222)}.gauge{width:255px;height:128px;margin:auto;position:relative;overflow:hidden}.gauge:before{content:"";background:conic-gradient(from 270deg at 50% 100%,var(--red) 0 20%,var(--orange) 20% 40%,var(--gold) 40% 60%,var(--teal) 60% 80%,var(--green) 80% 100%);border-radius:260px 260px 0 0;position:absolute;inset:0;-webkit-mask:radial-gradient(circle at 50% 100%,#0000 0 48%,#000 49%);mask:radial-gradient(circle at 50% 100%,#0000 0 48%,#000 49%)}.gauge:after{content:"";background:conic-gradient(from calc(270deg + var(--score)*1.8deg) at 50% 100%,transparent 0 50%,#fff 50% 100%);position:absolute;inset:0}.gaugeCenter{z-index:2;text-align:center;position:absolute;bottom:0;left:0;right:0}.gaugeCenter strong{font-size:30px;display:block}.gaugeCenter span{color:var(--muted);font-size:12px}.breakdown{gap:16px;display:grid}.breakdown div{border-bottom:1px solid var(--soft);justify-content:space-between;padding-bottom:12px;display:flex}.breakdown span{color:var(--muted)}.sectionHead{margin:30px 0 16px}.sectionHead h2{margin:6px 0;font-size:24px}.categoryGrid,.storyGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.category{align-items:center;gap:17px;padding:20px;display:flex}.ring{background:conic-gradient(var(--status) calc(var(--score)*1%),#e8edef 0);border-radius:50%;flex:none;place-items:center;width:62px;height:62px;display:grid;position:relative}.ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.ring span{z-index:1;font-weight:850;position:relative}.category h3{margin:0 0 5px;font-size:16px}.category p{color:var(--muted);margin:0 0 12px;font-size:12px}.progress{background:var(--soft);border-radius:9px;height:5px;overflow:hidden}.progress span{background:var(--blue);height:100%;display:block}.storyCard{padding:21px}.storyCard h2{margin:17px 0 5px;font-size:20px}.question{color:var(--muted);min-height:58px;font-size:13px}.storyTop{justify-content:space-between;display:flex}.formGrid{grid-template-columns:2fr 1fr 1fr 1.4fr;gap:12px;margin-bottom:16px;padding:18px;display:grid}.field{color:#586067;font-size:12px;font-weight:700;display:block}.field input,.field select,.field textarea,input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d7dfe3;border-radius:9px;margin-top:7px;padding:11px 12px}.editor{grid-template-columns:340px 1fr;align-items:start;gap:24px;display:grid}.prompt{padding:22px;position:sticky;top:101px}.visibleQuestion{border-left:4px solid var(--teal);background:#edf8fa;border-radius:8px;margin-top:20px;padding:16px}.editorStack{gap:13px;display:grid}.editorCard{padding:20px}.editorCard h2{margin:0;font-size:18px}.editorCard p{color:var(--muted);margin:5px 0 13px;font-size:12px}.editorCard textarea{resize:vertical;min-height:155px}.detailGrid{grid-template-columns:1fr 350px;align-items:start;gap:19px;display:grid}.reading{padding:23px}.content{white-space:pre-wrap;line-height:1.7}.coach{padding:24px;position:sticky;top:100px}.authShell{background:linear-gradient(135deg,#f8fafb,#e9f4f7);place-items:center;min-height:100vh;padding:20px;display:grid}.authCard{width:min(440px,100%);padding:34px}.authCard h1{margin-bottom:8px;font-size:30px}.authCard form{gap:16px;margin-top:24px;display:grid}.error{color:#a9192c;background:#feecef;border-radius:8px;padding:11px}.empty{text-align:center;color:var(--muted);padding:38px}@media (max-width:950px){.hero{grid-template-columns:1fr 240px}.breakdown{grid-column:1/-1;margin-top:22px}.categoryGrid,.storyGrid{grid-template-columns:repeat(2,1fr)}.editor,.detailGrid{grid-template-columns:1fr}.prompt,.coach{position:static}.formGrid{grid-template-columns:1fr 1fr}}@media (max-width:650px){.topbar{padding:0 15px}.brand small,.nav a:not(.navAction){display:none}.shell{padding:28px 15px}.heading{flex-direction:column;align-items:start}.heading h1{font-size:31px}.hero,.categoryGrid,.storyGrid{grid-template-columns:1fr}.hero{text-align:center;gap:18px;padding:28px 20px}.formGrid{grid-template-columns:1fr}}