:root{color-scheme:light;--bg: #f6f8fb;--surface: #ffffff;--ink: #162033;--muted: #637084;--line: #dbe2ea;--accent: #146c66;--accent-strong: #0d514d;--accent-soft: #e2f3ef;--warn: #a14111;--warn-soft: #fff1e8;--ok: #1d6f42;--shadow: 0 18px 50px rgba(20, 31, 52, .1);--accent-glow: 0 0 0 3px rgba(20, 108, 102, .12), 0 0 18px rgba(20, 108, 102, .22);--accent-text-glow: 0 0 12px rgba(20, 108, 102, .26);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button,.btn{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,text-shadow .16s ease,transform .16s ease}a:hover{color:var(--accent);text-shadow:var(--accent-text-glow)}button:not(:disabled):hover,.btn:not(:disabled):hover{box-shadow:var(--accent-glow)}button:not(:disabled):focus-visible,.btn:not(:disabled):focus-visible,a:focus-visible{outline:2px solid rgba(20,108,102,.45);outline-offset:3px;box-shadow:var(--accent-glow)}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px clamp(18px,5vw,64px);background:#f6f8fbeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--ink);text-align:left}.brand-mark{display:block;width:42px;height:42px;border-radius:8px;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 8px 22px #141f341f}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.78rem;margin-top:2px}.nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav button{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);padding:9px 11px;font-size:.92rem}.nav button.active,.nav button:hover{background:var(--surface);color:var(--accent-strong);border-color:var(--line)}main{padding:clamp(22px,5vw,64px)}.site-footer{display:grid;gap:4px;justify-items:center;padding:28px 18px 38px;color:var(--muted);border-top:1px solid var(--line)}.site-footer strong{color:var(--ink)}.site-footer span{font-size:.9rem}.site-footer button{border:0;background:transparent;color:var(--accent-strong);font-weight:750;padding:6px 8px}.site-footer button:hover{text-decoration:underline}.home-grid,.page{max-width:1180px;margin:0 auto}.narrow{max-width:880px}.hero{min-height:66vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:clamp(28px,6vw,72px);align-items:center}h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98;margin:0 0 22px;letter-spacing:0}h2{font-size:clamp(1.45rem,2vw,2.1rem);line-height:1.14;margin:0 0 16px;letter-spacing:0}h3{margin:0 0 8px}p{color:var(--muted);line-height:1.62}a{color:var(--accent-strong);font-weight:750}.subhead{font-size:clamp(1.05rem,1.7vw,1.35rem);max-width:720px}.hero-actions,.split-actions,.sample-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.compact{justify-content:flex-end}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent;min-height:44px;padding:10px 15px;font-weight:700;font-size:.95rem}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-strong)}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.hero-panel,.form-panel,.auth-panel,.auth-strip,.result-summary,.recommendation,.feedback,.band{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.hero-panel{padding:clamp(22px,4vw,36px)}.hero-motion-mark{min-height:440px;display:grid;place-items:center}.home-motion-mark{width:clamp(350px,34vw,520px)}.mini-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.mini-row svg{color:var(--accent)}.bars{display:grid;gap:10px;margin:28px 0}.bars span{display:block;height:12px;border-radius:999px;background:var(--accent)}.bars span:nth-child(2){background:#4464ad}.bars span:nth-child(3){background:#d28445}.band{padding:clamp(24px,4vw,42px);margin-top:34px}.feature-grid,.score-grid,.detail-grid{display:grid;gap:16px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid article{border-top:3px solid var(--accent);padding-top:16px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.page-heading h1{font-size:clamp(2rem,4vw,3.6rem)}.progress-wrap{margin-bottom:22px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:.92rem;margin-bottom:8px}.progress{height:12px;background:#e7edf3;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent)}.form-panel,.auth-panel,.result-summary,.feedback{padding:clamp(20px,4vw,34px)}.auth-panel{margin-bottom:18px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);gap:20px;align-items:start}.auth-form{display:grid;gap:2px}.auth-strip{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;margin-bottom:18px}.auth-strip span{color:var(--muted);font-weight:700}.privacy-note{color:var(--ink);background:var(--accent-soft);border:1px solid #b9ded7;border-radius:8px;padding:12px;font-size:.92rem}.compact-auth h2{font-size:1.2rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px;margin-bottom:18px}.field span{font-weight:750;color:#2a3446}.field input,.field textarea,.field select{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:12px 13px;background:#fff;color:var(--ink);resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:3px solid rgba(20,108,102,.18);border-color:var(--accent)}.wide{grid-column:1 / -1}.inline-select{max-width:520px}.error,.success{border-radius:8px;padding:13px 15px;margin:14px 0}.error{background:var(--warn-soft);color:var(--warn);border:1px solid #ffd1b9}.success{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #b9ded7}.recommendation{display:flex;align-items:center;gap:18px;padding:20px 24px;margin-bottom:18px}.recommendation strong{display:grid;place-items:center;min-width:86px;min-height:52px;border-radius:8px;color:#fff;background:var(--accent)}.recommendation.skip strong{background:var(--warn)}.recommendation.maybe strong{background:#99650d}.score-grid{grid-template-columns:repeat(6,1fr);margin:18px 0}.score-card{min-height:118px;display:flex;flex-direction:column;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px}.score-card span{color:var(--muted);font-size:.9rem}.score-card strong{font-size:2.2rem;color:var(--accent-strong)}.score-card.risk strong{color:var(--warn)}.detail-grid{grid-template-columns:1fr 1fr}.section-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.section-panel summary{padding:16px 18px;font-weight:800;cursor:pointer}.section-panel div{padding:0 18px 18px;color:var(--muted);line-height:1.6}.section-panel h3{color:var(--ink);font-size:.95rem;margin:14px 0 6px}ul,ol{color:var(--muted);line-height:1.6}.prose h1{font-size:clamp(2.2rem,4vw,3.6rem)}.prose h2{margin-top:28px}.admin-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:clamp(20px,4vw,34px);margin-bottom:18px}.pie-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center}.pie-chart{width:min(220px,100%);aspect-ratio:1;border-radius:50%;border:1px solid var(--line);box-shadow:inset 0 0 0 22px #fff}.legend-list{display:grid;gap:12px}.legend-row{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;color:var(--muted)}.legend-row span{width:14px;height:14px;border-radius:4px}.legend-row strong{color:var(--ink)}.legend-row em{font-style:normal}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left}.admin-table th{color:var(--ink);font-size:.9rem}.admin-table td{color:var(--muted)}.profile-panel,.profile-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.profile-panel{padding:clamp(20px,4vw,34px);margin-bottom:18px}.profile-panel-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:24px}.profile-panel-heading p{margin:0}.profile-panel-heading strong{flex:0 0 auto;color:var(--accent-strong);background:var(--accent-soft);border:1px solid #b9ded7;border-radius:8px;padding:10px 12px}.weight-list{display:grid;gap:22px}.weight-row{display:grid;gap:10px}.weight-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.weight-title span{color:var(--muted);font-weight:750}.weight-track{position:relative;min-height:52px;padding-top:24px}.weight-line{position:absolute;left:0;right:0;top:31px;height:8px;border-radius:999px;background:linear-gradient(90deg,#cfd8e3,#edf2f7 48%,#d5e8e3);border:1px solid #c7d3df}.weight-marker{position:absolute;top:22px;width:24px;height:24px;border-radius:999px;background:var(--accent);border:4px solid white;box-shadow:0 4px 16px #141f3438;transform:translate(-50%);z-index:1}.weight-end{position:absolute;top:0;max-width:44%;color:var(--muted);font-size:.84rem;font-weight:700}.weight-end.left{left:0}.weight-end.right{right:0;text-align:right}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-card{padding:18px}.profile-card h3{margin-bottom:12px}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip-list span{display:inline-flex;align-items:center;min-height:32px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#344056;padding:6px 9px;font-size:.9rem;line-height:1.25}.profile-actions{margin-top:18px}.motion-cog-briefcase{position:relative;z-index:3;width:clamp(350px,40vw,560px);aspect-ratio:1;display:grid;place-items:center;opacity:.96;filter:drop-shadow(0 28px 58px rgba(20,31,52,.18))}.motion-cog{position:relative;width:70%;aspect-ratio:1;border-radius:50%;background:#167b72;animation:motion-cog-spin 18s linear infinite}.motion-cog:before{content:"";position:absolute;inset:5%;z-index:1;border-radius:50%;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.16),transparent 28%),conic-gradient(from 10deg,#0d5b55,#1a8279 35%,#167b72 58%,#0a4f4a)}.motion-cog span{position:absolute;left:50%;top:50%;display:block;width:17%;height:20%;border-radius:7px 7px 3px 3px;background:#167b72;box-shadow:inset 0 1px #ffffff14;transform:translate(-50%,-50%) rotate(calc(var(--tooth) * 30deg)) translateY(-244%);transform-origin:center}.motion-cog-inner{position:absolute;inset:19%;z-index:2;display:grid;place-items:center;border-radius:50%;padding:clamp(18px,3vw,36px);background:radial-gradient(circle at 38% 30%,#fff,#f6f9fb 58%,#edf3f7) content-box,conic-gradient(from 210deg,#4f5c67,#e8edf1 14%,#9da9b3 30%,#fff 45%,#6f7b86 64%,#d9e0e6,#4f5c67) border-box;box-shadow:inset 0 2px 8px #10243a29,inset 0 -3px 10px #ffffffd1;color:#10243a;animation:motion-cog-counter 18s linear infinite}.motion-briefcase-mark{width:92%;max-width:176px;height:auto;display:block;overflow:visible;filter:drop-shadow(0 5px 8px rgba(16,36,58,.14))}.motion-briefcase-mark .case-body,.motion-briefcase-mark .case-handle-fill{fill:url(#caseInk);stroke:#fff;stroke-width:6;stroke-linejoin:round}.motion-briefcase-mark .case-highlight{fill:url(#caseHighlight)}.motion-briefcase-mark .case-curve,.motion-briefcase-mark .case-lid,.motion-briefcase-mark .case-clasp-shine{fill:none;stroke:#fff;stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}.motion-briefcase-mark .case-clasp{fill:url(#caseInk);stroke:#fff;stroke-width:5;stroke-linejoin:round}@keyframes motion-cog-spin{to{transform:rotate(360deg)}}@keyframes motion-cog-counter{to{transform:rotate(-360deg)}}.empty-state{text-align:center;padding-top:8vh}@media(max-width:900px){.topbar,.page-heading,.recommendation{flex-direction:column}.topbar{align-items:stretch}.nav{justify-content:flex-start}.hero,.feature-grid,.auth-panel,.two-col,.detail-grid,.profile-grid,.pie-layout{grid-template-columns:1fr}.profile-panel-heading{flex-direction:column}.score-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){main{padding:18px}.nav button span{display:none}.hero{min-height:auto}.hero-motion-mark{min-height:330px}.home-motion-mark{width:min(84vw,360px)}.score-grid{grid-template-columns:1fr}.btn,.hero-actions,.sample-row{width:100%}.motion-cog-briefcase{width:min(78vw,360px)}.weight-track{min-height:72px;padding-top:42px}.weight-line{top:49px}.weight-marker{top:40px}.weight-end{font-size:.78rem;line-height:1.2}}@media(prefers-reduced-motion:reduce){.motion-cog,.motion-cog-inner{animation:none}}