:root{--tool-ink: var(--dusk-night-0);--tool-text: var(--dusk-light);--tool-sand: var(--dusk-glow);--tool-mint: #b5dec1;--tool-green: #8cc0a0;--tool-text-75: rgba(243, 245, 240, .75);--tool-text-65: rgba(243, 245, 240, .65);--tool-text-55: rgba(243, 245, 240, .55);--tool-text-38: rgba(243, 245, 240, .38);--tool-line-1: rgba(243, 245, 240, .12);--tool-line-2: rgba(243, 245, 240, .16);--tool-line-3: rgba(243, 245, 240, .25);--tool-mint-line: rgba(181, 222, 193, .2);--tool-glass: rgba(6, 16, 28, .38);--tool-glass-bar: rgba(6, 16, 28, .45);--tool-shadow-card: 0 24px 80px -20px rgba(0, 0, 0, .6);--tool-ease: cubic-bezier(.2, .7, .3, 1);--tool-dur-morph: .6s;--tool-dur-close: .4s;--tool-dur-rise: 1.6s;--tool-motion: 1}[hidden]{display:none!important}.tool-overlay{position:fixed;inset:0;z-index:10000;background:linear-gradient(180deg,var(--dusk-night-0) 0%,var(--dusk-night-1) 45%,var(--dusk-night-2) 100%);overflow:hidden}.tool-overlay--morph{transition:transform calc(var(--tool-dur-morph) * var(--tool-motion)) var(--tool-ease),border-radius calc(var(--tool-dur-morph) * var(--tool-motion)) var(--tool-ease)}.tool-overlay--fade{animation:tool-fade calc(var(--tool-dur-morph) * var(--tool-motion)) ease both}.tool-overlay--closing{transition:opacity calc(var(--tool-dur-close) * var(--tool-motion)) ease;opacity:0;pointer-events:none}.tool-overlay__session,.tool-overlay__complete,.tool-overlay__result{position:absolute;inset:0}.tool-chrome-left,.tool-chrome-right{position:absolute;top:clamp(18px,3vh,32px);display:flex;flex-direction:column;z-index:2}.tool-chrome-left{left:clamp(18px,3vw,36px);gap:4px}.tool-chrome-right{right:clamp(18px,3vw,36px);align-items:flex-end;gap:2px}.tool-status{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tool-text-65)}.tool-status-dot{width:6px;height:6px;border-radius:50%;background:var(--tool-mint);flex-shrink:0}.tool-status-dot--warm{background:var(--tool-sand)}.tool-status-dot--live{animation:tool-twinkle-dot 2.4s ease-in-out infinite}.tool-session-name{font-family:var(--font-display);font-size:clamp(17px,2vw,22px);color:var(--tool-text)}.tool-session-sub,.tool-progress-small{font-family:var(--font-display);font-style:italic;font-size:13px;color:var(--tool-text-65)}.tool-progress-big{font-family:var(--font-display);font-size:clamp(20px,2.4vw,26px);font-variant-numeric:tabular-nums;color:var(--tool-text)}.tool-stage{position:absolute;inset:0;z-index:1}.tool-stage-centre{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:2;padding:0 clamp(20px,5vw,56px);text-align:center}.tool-bar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(36px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;padding:8px;background:var(--tool-glass-bar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--tool-mint-line);border-radius:999px;box-shadow:0 16px 48px -16px #0009;z-index:3}.tool-bar-round{width:44px;height:44px;display:grid;place-content:center;border-radius:50%;border:1px solid var(--tool-line-3);background:transparent;color:var(--tool-text-75);cursor:pointer}.tool-bar-round--off{color:var(--tool-text-38)}.tool-bar-primary{min-height:44px;min-width:120px;padding:0 22px;border:0;border-radius:999px;background:var(--tool-mint);color:var(--tool-ink);font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:.02em;cursor:pointer}.tool-bar-primary--warm{background:var(--tool-sand);min-width:150px}.tool-bar-end{min-height:44px;padding:0 18px;border:1px solid var(--tool-line-3);border-radius:999px;background:transparent;color:var(--tool-text-75);font-family:var(--font-body);font-size:14px;cursor:pointer}.tool-keyhint{position:absolute;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));font-size:11px;color:var(--tool-text-38);z-index:3}@media(max-width:819px){.tool-keyhint{display:none}.tool-chrome-right{top:auto;right:18px;bottom:calc(96px + env(safe-area-inset-bottom,0px));align-items:flex-end}}.tool-complete{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(28px,5vw,96px);max-width:1180px;margin:0 auto;padding:clamp(28px,5vh,48px) clamp(20px,4vw,56px);align-content:center}.tool-complete--enter .tool-complete-left{animation:tool-rise calc(.75s * var(--tool-motion)) var(--tool-ease) both}.tool-complete--enter .tool-complete-card{animation:tool-rise calc(.75s * var(--tool-motion)) var(--tool-ease) calc(.35s * var(--tool-motion)) both}.tool-complete--enter .tool-cta-box{animation:tool-rise calc(.75s * var(--tool-motion)) var(--tool-ease) calc(1.1s * var(--tool-motion)) both}.tool-complete-left{display:flex;flex-direction:column;gap:18px;justify-content:center}.tool-complete-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tool-text-65)}.tool-check{width:20px;height:20px;border-radius:50%;background:var(--tool-mint);color:var(--tool-ink);display:grid;place-content:center;font-size:12px;font-weight:700;flex-shrink:0}.tool-complete-h{font-family:var(--font-display);font-weight:400;font-size:clamp(32px,4vw,56px);line-height:1.06;letter-spacing:-1.4px;color:var(--tool-text);margin:0}.tool-complete-h em{font-style:italic;color:var(--tool-mint)}.tool-complete-body{font-family:var(--font-display);font-style:italic;font-size:clamp(15px,1.2vw,18px);line-height:1.6;color:var(--tool-text-75);max-width:44ch;margin:0}.tool-complete-trust{border-top:1px solid var(--tool-line-2);padding-top:14px;font-size:12px;color:var(--tool-text-55);margin:0}.tool-complete-card{position:relative;border:1px solid var(--tool-mint-line);border-radius:4px;background:var(--tool-glass);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:var(--tool-shadow-card);padding:clamp(20px,3vw,30px) clamp(18px,3vw,32px) 28px;align-self:center}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.tool-complete-card{background:#06101cd1}}.tool-complete-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.tool-complete-card-title{font-size:13px;color:var(--tool-text-75)}.tool-complete-card-title span{color:var(--tool-sand)}.tool-complete-pills{display:flex;gap:6px}.tool-pill{padding:7px 12px;font-size:11px;font-family:var(--font-body);border-radius:999px;border:1px solid var(--tool-line-3);background:transparent;color:var(--tool-text-75);cursor:pointer}.tool-pill:hover{border-color:var(--tool-mint);color:var(--tool-text)}.tool-stats{display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:center}.tool-emblem{position:relative;width:100px;height:100px}.tool-emblem svg{width:100%;height:100%}.tool-emblem-arc{filter:drop-shadow(0 0 16px rgba(181,222,193,.3));transition:stroke-dashoffset calc(var(--tool-dur-rise) * var(--tool-motion)) var(--tool-ease)}.tool-emblem-time{position:absolute;inset:0;display:grid;place-content:center;font-family:var(--font-display);font-size:24px;color:var(--tool-text);font-variant-numeric:tabular-nums}.tool-stat-lines{display:flex;flex-direction:column;gap:4px}.tool-stat{font-family:var(--font-display);font-size:clamp(19px,2vw,24px);color:var(--tool-text)}.tool-stat-sub{font-family:var(--font-display);font-style:italic;font-size:14px;color:var(--tool-text-65)}.tool-cta-box{margin-top:22px;padding:18px 20px;background:linear-gradient(150deg,#f6e5be24,#0c1a2b8c);border:1px solid rgba(246,229,190,.42);border-radius:6px;box-shadow:0 0 0 1px #f6e5be1f,0 10px 34px #06101c80,inset 0 1px #f6e5be24;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.tool-cta-box p{font-size:14px;line-height:1.55;color:var(--tool-text-75);margin:0}.tool-cta-box strong{color:var(--tool-sand)}.tool-cta-buttons{display:flex;flex-direction:column;gap:8px}@media(max-width:819px){.tool-cta-box{grid-template-columns:minmax(0,1fr)}.tool-cta-buttons{flex-direction:row;flex-wrap:wrap}}.tool-result{overflow:hidden}.tool-result-scroll{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.tool-result-column{max-width:760px;margin:0 auto;padding:clamp(32px,7vh,72px) clamp(20px,4vw,40px) calc(132px + env(safe-area-inset-bottom,0px))}.tool-complete--enter .tool-result-column{animation:tool-rise calc(.75s * var(--tool-motion)) var(--tool-ease) both}.tool-result-head{display:flex;flex-direction:column;gap:10px;margin-bottom:clamp(24px,4vh,40px)}.tool-result-h{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(30px,3.6vw,46px);line-height:1.12;letter-spacing:-.02em;color:var(--tool-text)}.tool-result-h em{font-style:italic;color:var(--tool-accent, var(--tool-mint))}.tool-result>.tool-bar{z-index:4}@media(max-width:819px){.tool-result-column{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}}.tool-hero{--tool-accent: var(--tool-mint)}.tool-hero--amber{--tool-accent: var(--tool-sand)}.tool-eyebrow{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tool-accent, var(--tool-mint))}.tool-title{font-family:var(--font-display);font-weight:400;font-size:clamp(30px,3vw,42px);line-height:1.05;letter-spacing:-1.1px;color:var(--tool-text);margin:0}.tool-title em{font-style:italic;color:var(--tool-accent, var(--tool-mint))}.tool-dek{font-family:var(--font-display);font-style:italic;font-size:15px;line-height:1.55;color:var(--tool-text-75);max-width:40ch;margin:0}.tool-meta{display:flex;flex-wrap:wrap;gap:14px;padding-top:20px;font-size:12px;color:var(--tool-text-65)}.tool-meta span{display:inline-flex;align-items:center;gap:6px}.tool-dot{width:4px;height:4px;border-radius:50%;background:var(--tool-accent, var(--tool-mint));flex-shrink:0}.tool-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes tool-fade{0%{opacity:0}to{opacity:1}}@keyframes tool-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tool-twinkle-dot{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.tool-overlay,.tool-complete,.tool-hero{--tool-motion: 0}.tool-overlay--fade,.tool-complete--enter .tool-complete-left,.tool-complete--enter .tool-complete-card,.tool-complete--enter .tool-cta-box{animation:none}.tool-overlay--morph{transition:none}.tool-status-dot--live{animation:none}.tool-emblem-arc{transition:none}}
