:root{--brand-primary:#ce0303;--brand-primary-hover:#8d0202;--brand-primary-contrast:#fff;--brand-accent:#ce0303;--brand-accent-soft:#fae6e6;--brand-success:#008a1e;--brand-error:#c40000;--brand-link:#0c7392;--surface:#f8f6f2;--surface-raised:#fff;--surface-sunken:#eae8e2;--text:#222;--text-muted:#666;--border:#d9d9d9;--font-sans:"Source Sans 3", "Source Sans Pro", Helvetica, Arial, sans-serif;--font-heading:"Source Sans 3", Helvetica, Arial, sans-serif;--radius:16px;--shadow:0 1px 2px #2222220d, 0 6px 20px #2222220f;--shadow-hover:0 2px 4px #2222220f, 0 14px 32px #2222221f;--ease:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){:root{--brand-primary:#e52b2b;--brand-primary-hover:#ff4a4a;--brand-accent:#ff5c5c;--brand-accent-soft:#3a1717;--brand-success:#2fb34d;--brand-error:#ff6b6b;--brand-link:#4fb3d1;--surface:#161412;--surface-raised:#211e1b;--surface-sunken:#2b2723;--text:#f3f1ed;--text-muted:#aaa49b;--border:#3a3530;--shadow:0 1px 2px #0000004d, 0 6px 20px #00000040;--shadow-hover:0 2px 4px #00000059, 0 14px 32px #0006}}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;font-size:17px;line-height:1.5;display:flex}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.01em;line-height:1.15}h1{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:300}h2{font-weight:700}a{color:var(--brand-link)}main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:24px 16px 40px}.site-header{justify-content:space-between;align-items:center;width:100%;max-width:1040px;margin:0 auto;padding:16px;display:flex}.site-header .brand{color:var(--text);align-items:center;gap:10px;font-size:1.5rem;font-weight:300;text-decoration:none;display:inline-flex}.site-header .brand img{transition:transform .3s var(--ease);display:block}.site-header .brand:hover img{transform:rotate(-3deg)scale(1.04)}.site-footer{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:.85rem}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.muted{color:var(--text-muted)}.small{font-size:.875rem}.error{color:var(--brand-error)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:6px;font-size:.8rem;font-weight:700;display:inline-block}.row{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.row.center{justify-content:center}.page{animation:rise .5s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.button{font:inherit;border:2px solid var(--brand-primary);background:var(--brand-primary);color:var(--brand-primary-contrast);cursor:pointer;transition:background .2s, border-color .2s, transform .15s var(--ease), box-shadow .2s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.button:active:not(:disabled){transform:scale(.97)}.button:focus-visible,.scenario:focus-visible,.link-button:focus-visible{outline:3px solid var(--brand-link);outline-offset:3px}.button:disabled{opacity:.6;cursor:default}.button-ghost{color:var(--text);border-color:var(--border);background:0 0}.button-ghost:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--border)}.button-ghost.is-on{background:var(--brand-accent-soft);border-color:var(--brand-primary)}.button-big{padding:16px 32px;font-size:1.15rem}.button-hangup{background:var(--brand-primary)}.link-button{font:inherit;color:var(--brand-link);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.login{max-width:460px;margin:6vh auto 0;padding:32px}.login form{gap:12px;margin-top:20px;display:grid}.login label{font-weight:600}.login input{font:inherit;letter-spacing:.04em;border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:12px 16px;font-size:1.3rem;transition:border-color .2s,box-shadow .2s}.login input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-accent-soft);outline:none}.login .error{margin:0;animation:.35s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:24px;display:grid}.scenario{color:inherit;animation:rise .5s var(--ease) both;animation-delay:calc(var(--i,0) * 60ms);transition:transform .25s var(--ease), box-shadow .25s, border-color .25s;flex-direction:column;text-decoration:none;display:flex;position:relative}.scenario:hover{box-shadow:var(--shadow-hover);border-color:var(--brand-primary);transform:translateY(-4px)}.scenario .icon{transition:transform .3s var(--ease);width:fit-content;font-size:2.2rem;display:inline-block}.scenario:hover .icon{transform:scale(1.15)rotate(-6deg)}.scenario h2{margin:12px 0 6px;font-size:1.15rem}.scenario p{flex:1;margin:0 0 16px}.scenario .go{color:var(--brand-primary);font-size:.95rem;font-weight:700}.scenario.is-done{border-color:color-mix(in srgb, var(--brand-success) 40%, var(--border))}.done{background:var(--brand-success);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:14px;right:14px}.done path{stroke-dasharray:24;stroke-dashoffset:0}.done.fresh{animation:pop .6s var(--ease) .45s both}.done.fresh path{animation:.45s ease-out .75s both draw}.done.fresh:after{content:"";border:2px solid var(--brand-success);border-radius:50%;animation:.9s ease-out .7s both ripple;position:absolute;inset:0}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.call{text-align:center;max-width:640px;margin:0 auto}.back{color:var(--text-muted);margin-bottom:16px;text-decoration:none;display:inline-block}.back:hover{color:var(--text)}.call-head{text-align:left;align-items:center;gap:16px;display:flex}.call-head .icon{font-size:2.6rem}.call-head h1{margin:0}.call-head p{margin:4px 0 0}.orb-stage{aspect-ratio:1;width:min(360px,80vw);transition:transform .6s var(--ease), opacity .6s;margin:16px auto 0}.orb-fallback{background:radial-gradient(circle at 35% 30%, var(--surface-raised), var(--surface-sunken));border-radius:50%;width:100%;height:100%;animation:2.4s ease-in-out infinite breathe}.phase-ending .orb-stage{opacity:.4;transform:scale(.6)}.call-status{min-height:4.5em}.call-status p{margin:8px 0}.call-controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.timer{font-variant-numeric:tabular-nums}.live-dot{background:var(--brand-primary);border-radius:50%;width:10px;height:10px;margin-right:4px;animation:1.2s infinite blink;display:inline-block}.pulse-text{animation:1.6s ease-in-out infinite blink}@keyframes blink{50%{opacity:.35}}@keyframes breathe{50%{transform:scale(1.06)}}.result-loading{text-align:center;max-width:520px;margin:8vh auto 0}.result-loading .row{justify-content:center}.mini-orb{background:radial-gradient(circle at 35% 30%, #ff6b6b, var(--brand-primary) 60%, var(--brand-primary-hover));border-radius:50%;width:96px;height:96px;margin:0 auto 24px;animation:1.8s ease-in-out infinite breathe,3s linear infinite spin-glow}@keyframes spin-glow{0%,to{box-shadow:0 0 #ce030359}50%{box-shadow:0 0 0 18px #ce030300}}.swap-in{animation:rise .4s var(--ease) both}.result-hero{align-items:center;gap:24px;display:flex}.result-hero h1{margin-bottom:4px}.result-hero p{margin:0}.ring{--p:0;text-align:center;background:radial-gradient(closest-side, var(--surface-raised) 80%, transparent 81%), conic-gradient(var(--brand-primary) calc(var(--p) * 360deg), var(--surface-sunken) 0);width:128px;height:128px;animation:ring-in 1.1s var(--ease) both;border-radius:50%;flex:none;place-content:center;display:grid}@property --p{syntax:"<number>";inherits:false;initial-value:0}@keyframes ring-in{0%{--p:0}}.ring-value{font-size:2.4rem;font-weight:700;line-height:1}.ring-of{color:var(--text-muted);font-size:.85rem}.sections{gap:16px;margin-top:16px;display:grid}.section{animation:rise .5s var(--ease) both;animation-delay:calc(.3s + var(--i,0) * 90ms)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head h2{margin:0;font-size:1.2rem}.score-pill{align-items:center;gap:4px;display:inline-flex}.score-pill span{background:var(--surface-sunken);border-radius:4px;width:18px;height:8px}.score-pill span.on{background:var(--brand-primary)}.score-pill b{font-variant-numeric:tabular-nums;margin-left:6px}.quote{border-left:4px solid var(--brand-primary);background:var(--surface);border-radius:0 12px 12px 0;gap:12px;margin:16px 0 12px;padding:12px 16px;font-style:italic;display:flex}.quote .ts{font-variant-numeric:tabular-nums;color:var(--text-muted);padding-top:2px;font-size:.85rem;font-style:normal;font-weight:700}.verdict{align-items:flex-start;gap:10px;margin:0 0 12px;display:flex}.verdict .mark{color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.9rem;font-weight:700;display:grid}.verdict.ok .mark{background:var(--brand-success)}.verdict.bad .mark{background:var(--brand-error)}.improve{background:var(--brand-accent-soft);border-radius:12px;margin:0;padding:12px 16px;font-weight:600}details{color:var(--text-muted);margin-top:12px;font-size:.9rem}summary{cursor:pointer}.checks{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.checks li.ok{color:var(--text)}.checks li.ok span{color:var(--brand-success);font-weight:700}@media (max-width:560px){.result-hero{text-align:center;flex-direction:column}.quote{flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}