.counter-main{padding:52px 0 76px}.counter-intro{max-width:880px;margin:0 auto 34px;text-align:center}.counter-intro h1{margin:18px auto 15px;font-size:clamp(2.75rem,7vw,4.9rem)}.breadcrumbs{margin-bottom:18px;color:var(--muted);font-size:.82rem}.breadcrumbs a{color:var(--primary);font-weight:750}.breadcrumbs span{margin:0 7px}
.decision-app{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(320px,.87fr);max-width:1080px;margin:auto;border:1px solid rgba(31,34,62,.1);border-radius:32px;background:rgba(255,255,255,.7);box-shadow:0 35px 95px rgba(48,43,111,.16);overflow:hidden;backdrop-filter:blur(18px)}
.decision-stage{position:relative;min-height:690px;padding:27px 31px 25px;background:radial-gradient(circle at 50% 48%,rgba(108,92,231,.13),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.95),rgba(245,243,255,.86));overflow:hidden}.decision-stage:before{content:"";position:absolute;width:420px;height:420px;right:-280px;bottom:-190px;border:70px solid rgba(0,194,168,.06);border-radius:50%;pointer-events:none}.stage-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:.75rem;font-weight:820;letter-spacing:.035em}.stage-topline>div,.saved-label{display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(0,194,168,.1)}.saved-label{padding:7px 10px;border-radius:999px;color:#087b6c;background:rgba(0,194,168,.08)}
.choice-form{position:relative;z-index:1;margin-top:24px}.choice-form>label{display:flex;align-items:center;justify-content:space-between;max-width:470px;margin:0 auto 8px;font-size:.79rem;font-weight:850}.choice-form>label span{color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.choice-input-wrap{position:relative;max-width:470px;margin:auto}.choice-input-wrap input{width:100%;min-height:50px;padding:0 64px 0 16px;border:1px solid rgba(31,34,62,.12);border-radius:15px;color:var(--text);background:rgba(255,255,255,.9);outline:none;box-shadow:0 10px 27px rgba(53,49,110,.06);transition:.2s}.choice-input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(108,92,231,.1),0 10px 27px rgba(53,49,110,.06)}.choice-input-wrap span{position:absolute;top:50%;right:15px;color:var(--muted);font-size:.68rem;transform:translateY(-50%)}
.counter-orbit{position:relative;display:grid;min-height:466px;place-items:center;margin-top:10px}.counter-orbit:before,.counter-orbit:after{content:"";position:absolute;border:1px dashed rgba(108,92,231,.15);border-radius:50%;pointer-events:none}.counter-orbit:before{width:405px;height:405px;animation:orbit-spin 65s linear infinite}.counter-orbit:after{width:350px;height:350px;border-style:solid;border-color:rgba(108,92,231,.08)}.decision-button{position:relative;z-index:2;display:flex;width:min(330px,70vw);aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(108,92,231,.18);border-radius:50%;color:var(--text);background:radial-gradient(circle at 50% 28%,#fff 0,#fbfaff 42%,#eeebff 100%);box-shadow:inset 0 0 0 12px rgba(108,92,231,.04),inset 0 -16px 38px rgba(108,92,231,.06),0 30px 70px rgba(53,49,110,.2);outline:none;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,box-shadow .25s ease}.decision-button:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(108,92,231,.22);border-radius:50%}.decision-button:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 12px rgba(108,92,231,.05),inset 0 -16px 38px rgba(108,92,231,.07),0 38px 84px rgba(53,49,110,.24)}.decision-button:active,.decision-button.is-counting{transform:scale(.955)}.decision-button:focus-visible{box-shadow:inset 0 0 0 12px rgba(108,92,231,.04),0 0 0 5px rgba(108,92,231,.2),0 30px 70px rgba(53,49,110,.2)}.button-kicker,.button-action{position:relative;z-index:1}.button-kicker{color:var(--muted);font-size:.71rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.decision-button strong{position:relative;z-index:1;max-width:270px;margin:7px 0 13px;overflow:hidden;color:transparent;background:linear-gradient(135deg,var(--primary),#916de8 54%,var(--accent));background-clip:text;-webkit-background-clip:text;font-size:clamp(5.2rem,11vw,7.7rem);font-weight:900;line-height:.88;letter-spacing:-.09em;font-variant-numeric:tabular-nums;text-overflow:ellipsis}.button-action{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--primary),#7e6de8);box-shadow:0 9px 22px rgba(108,92,231,.25);font-size:.78rem;font-weight:850}.button-action span{font-size:1.1rem;line-height:1}
.orbit-chip{position:absolute;z-index:3;padding:7px 11px;border:1px solid rgba(31,34,62,.08);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(53,49,110,.08);font-size:.68rem;font-weight:800;pointer-events:none}.chip-one{top:13%;left:5%;transform:rotate(-7deg)}.chip-two{top:14%;right:4%;transform:rotate(6deg)}.chip-three{bottom:13%;left:4%;transform:rotate(5deg)}.chip-four{right:5%;bottom:13%;transform:rotate(-6deg)}.burst-layer{position:absolute;z-index:4;inset:0;pointer-events:none}.burst-particle{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--burst-color);animation:choice-burst .72s cubic-bezier(.16,.84,.31,1) forwards}
.stage-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:2px}.quiet-button{min-height:43px;padding:0 14px;border:1px solid var(--border);border-radius:13px;color:var(--text);background:rgba(255,255,255,.8);font-size:.76rem;font-weight:820;transition:.2s}.quiet-button:first-child{justify-self:start}.quiet-button:last-child{justify-self:end}.quiet-button:hover:not(:disabled){color:var(--primary);background:#fff;transform:translateY(-2px)}.quiet-button:disabled{cursor:not-allowed;opacity:.42}.reset-button.is-confirming{color:#fff;background:#d45170;border-color:#d45170}.keyboard-hint{color:var(--muted);font-size:.7rem;text-align:center}.keyboard-hint kbd{padding:3px 7px;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;color:var(--text);background:#fff;font:inherit;font-weight:800}.milestone-toast{position:absolute;z-index:8;top:76px;left:50%;padding:10px 16px;border:1px solid rgba(0,194,168,.2);border-radius:999px;color:#087b6c;background:#effffb;box-shadow:0 14px 35px rgba(0,194,168,.2);font-size:.78rem;font-weight:900;opacity:0;transform:translate(-50%,-12px);pointer-events:none}.milestone-toast.show{animation:toast-pop 2.2s ease}
.day-panel{display:flex;min-height:690px;flex-direction:column;padding:31px;background:rgba(255,255,255,.9);border-left:1px solid var(--border)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-kicker{color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.panel-heading h2{margin:5px 0 0;font-size:1.42rem;letter-spacing:-.035em}.weather-orb{display:grid;flex:0 0 54px;height:54px;place-items:center;border-radius:50%;background:conic-gradient(var(--primary) var(--meter,0%),#ebe9f7 0);transition:background .4s ease}.weather-orb:before{content:"";position:absolute;width:42px;height:42px;border-radius:50%;background:#fff}.weather-orb span{position:relative;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(0,194,168,.1)}.weather-copy{min-height:43px;margin:13px 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}.choice-meter{margin-top:20px}.meter-track{height:9px;overflow:hidden;border-radius:99px;background:#eceaf5}.meter-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--primary),#e17aa1);transition:width .4s ease}.meter-labels{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:.62rem;font-weight:750}.glance-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px}.glance-stats div{padding:12px;border:1px solid var(--border);border-radius:13px;background:#fafaff}.glance-stats span,.glance-stats strong{display:block}.glance-stats span{color:var(--muted);font-size:.62rem;font-weight:750;text-transform:uppercase}.glance-stats strong{margin-top:4px;font-size:.83rem;font-variant-numeric:tabular-nums}.recent-head{display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding-bottom:10px;border-bottom:1px solid var(--border)}.recent-head h3{margin:0;font-size:.9rem}.recent-head span{color:var(--muted);font-size:.68rem;font-weight:750}.recent-list{display:grid;gap:0;padding:0;margin:0;list-style:none}.recent-list li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;min-height:51px;border-bottom:1px solid rgba(31,34,62,.07)}.recent-list li>span{color:var(--primary);font-size:.64rem;font-weight:900;font-variant-numeric:tabular-nums}.recent-list p{min-width:0;margin:0;overflow:hidden;color:var(--text);font-size:.76rem;font-weight:740;text-overflow:ellipsis;white-space:nowrap}.recent-list time{color:var(--muted);font-size:.65rem;font-variant-numeric:tabular-nums}.recent-list .empty-choice{grid-template-columns:30px 1fr}.recent-list .empty-choice p{color:var(--muted);font-weight:650}.pause-note{display:flex;gap:11px;margin:auto 0 0;padding:15px;border-radius:15px;background:linear-gradient(145deg,#f2f0ff,#effffb)}.pause-icon{display:grid;flex:0 0 28px;height:28px;place-items:center;border-radius:9px;color:var(--primary);background:#fff;font-weight:900}.pause-note p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.5}.pause-note strong{color:var(--text)}
.content-section{padding:72px 0}.content-soft{border-block:1px solid rgba(31,34,62,.06);background:rgba(255,255,255,.42)}.content{max-width:930px;margin:auto}.section-label{display:block;margin-bottom:10px;color:var(--primary);font-size:.71rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.content h2{margin:0 0 14px;font-size:clamp(1.8rem,4vw,2.55rem);letter-spacing:-.04em}.content>p,.content-split>div>p,.feature-card p,.steps-list p,.faq p{color:var(--muted);line-height:1.75}.feature-grid,.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:27px}.feature-card{position:relative;padding:24px;border:1px solid var(--border);border-radius:20px;background:#fff;overflow:hidden}.feature-number{position:absolute;top:12px;right:16px;color:rgba(108,92,231,.11);font-size:2.6rem;font-weight:900}.feature-card h3{position:relative;margin:17px 0 8px;font-size:1rem}.feature-card p{position:relative;margin:0;font-size:.86rem}.content-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.steps-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.steps-list li{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:17px;border:1px solid var(--border);border-radius:17px;background:#fff}.steps-list li>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:var(--primary);background:#f0eeff;font-weight:900}.steps-list strong{font-size:.9rem}.steps-list p{margin:4px 0 0;font-size:.8rem}.faq{display:grid;gap:11px;margin-top:24px}.faq details{overflow:hidden;border:1px solid var(--border);border-radius:15px;background:#fff}.faq summary{padding:17px 19px;cursor:pointer;font-weight:800}.faq summary::marker{color:var(--primary)}.faq p{margin:0;padding:0 19px 18px}.try-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.try-head h2{margin-bottom:5px}.try-head p{margin:0;color:var(--muted)}.try-card{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--border);border-radius:17px;background:#fff;transition:.2s}.try-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(53,49,110,.1)}.try-icon{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:13px;color:var(--primary);background:#f0eeff;font-weight:900}.try-card strong,.try-card span span{display:block}.try-card span span{margin-top:3px;color:var(--muted);font-size:.75rem}.action{color:var(--primary);font-size:.83rem;font-weight:850;white-space:nowrap}
.weather-orb{position:relative}
@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes choice-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.2)}}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,-12px)}15%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-8px)}}
@media(max-width:900px){.decision-app{grid-template-columns:1fr;max-width:680px}.decision-stage{min-height:665px}.day-panel{min-height:560px;border-top:1px solid var(--border);border-left:0}.recent-list{min-height:150px}.content-split{grid-template-columns:1fr;gap:28px}}
@media(max-width:640px){.counter-main{padding:40px 0 54px}.counter-intro{margin-bottom:26px}.decision-app{border-radius:24px}.decision-stage{min-height:610px;padding:22px 14px 19px}.saved-label{padding:6px 8px}.choice-form{margin-top:19px}.choice-form>label,.choice-input-wrap{max-width:92%}.counter-orbit{min-height:415px}.counter-orbit:before{width:340px;height:340px}.counter-orbit:after{width:294px;height:294px}.decision-button{width:min(286px,78vw)}.decision-button strong{font-size:5.5rem}.orbit-chip{font-size:.58rem}.chip-one,.chip-three{left:0}.chip-two,.chip-four{right:0}.stage-actions{grid-template-columns:1fr 1fr;margin-top:1px}.keyboard-hint{display:none}.quiet-button{width:100%;justify-self:stretch!important}.day-panel{min-height:550px;padding:24px 20px}.content-section{padding:54px 0}.feature-grid,.try-grid{grid-template-columns:1fr}.try-head{align-items:stretch;flex-direction:column}}
@media(max-width:390px){.decision-stage{min-height:575px}.counter-orbit{min-height:382px}.counter-orbit:before{width:304px;height:304px}.counter-orbit:after{width:263px;height:263px}.decision-button{width:min(260px,78vw)}.decision-button strong{font-size:4.8rem}.orbit-chip{display:none}.stage-topline{font-size:.68rem}.choice-input-wrap input{font-size:.83rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.orbit-chip{transform:none!important}}