.tally-hero{position:relative;padding:36px 0 84px;overflow:hidden}.tally-hero:before,.tally-hero:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.tally-hero:before{top:180px;left:-180px;width:430px;height:430px;background:radial-gradient(circle,rgba(0,194,168,.11),transparent 69%)}.tally-hero:after{top:-130px;right:-190px;width:560px;height:560px;background:radial-gradient(circle,rgba(108,92,231,.15),transparent 70%)}
.crumbs{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin:0 0 34px;color:var(--muted);font-size:.78rem}.crumbs a{color:var(--primary);font-weight:750}.hero-copy{position:relative;z-index:1;max-width:790px;margin:0 auto 40px;text-align:center}.hero-copy h1{max-width:900px;margin-bottom:18px}
.tally-app{position:relative;z-index:1;width:min(100%,1080px);margin:auto;overflow:hidden;border:1px solid rgba(31,34,62,.1);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 34px 95px rgba(55,47,126,.18);backdrop-filter:blur(18px)}
.time-grid[hidden],.empty-counter[hidden],.hidden-counter[hidden],.data-row[hidden],.wow-note[hidden]{display:none!important}
.app-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:60px;padding:0 22px;border-bottom:1px solid var(--border);color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.window-dots{display:flex;gap:7px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#ff7a88}.window-dots i:nth-child(2){background:#f3c85b}.window-dots i:nth-child(3){background:#58cdbb}.app-name{color:#4c4e65}.private-pill{justify-self:end;display:inline-flex;align-items:center;gap:7px;color:#087b6c}.private-pill i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(0,194,168,.1)}
.app-body{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(320px,.66fr)}.counter-panel{position:relative;display:grid;min-height:670px;place-items:center;padding:62px 34px 46px;overflow:hidden;background:linear-gradient(145deg,rgba(250,249,255,.9),rgba(241,255,251,.8))}.counter-panel:after{position:absolute;inset:22px;border:1px solid rgba(108,92,231,.08);border-radius:16px;content:"";pointer-events:none}.privacy-toggle{position:absolute;z-index:4;top:20px;right:22px;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:rgba(255,255,255,.88);font-size:.75rem;font-weight:800}.privacy-toggle:hover{color:var(--primary);background:#fff}.privacy-toggle svg{width:17px;height:17px}
.counter-visual{position:absolute;top:74px;left:50%;width:min(480px,72vw);aspect-ratio:1;transform:translateX(-50%);border:1px solid rgba(108,92,231,.11);border-radius:50%;pointer-events:none}.counter-visual:before,.counter-visual:after{position:absolute;inset:14%;border:1px solid rgba(0,194,168,.1);border-radius:50%;content:""}.counter-visual:after{inset:31%;border-color:rgba(108,92,231,.09)}.counter-visual span,.counter-visual i{position:absolute;width:9px;height:9px;border-radius:50%;background:#8e7dff;box-shadow:0 0 0 7px rgba(108,92,231,.08)}.counter-visual span{top:11%;left:15%}.counter-visual i:first-of-type{right:3%;bottom:34%;background:var(--accent);box-shadow:0 0 0 7px rgba(0,194,168,.08)}.counter-visual i:last-of-type{bottom:2%;left:35%;background:#f3c85b;box-shadow:0 0 0 7px rgba(243,200,91,.11)}
.counter-copy{position:relative;z-index:2;width:min(100%,680px);text-align:center}.counter-kicker{display:block;margin-bottom:13px;color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.empty-counter{display:grid;min-height:140px;align-content:center;gap:8px}.empty-counter strong{font-size:clamp(2.15rem,6vw,3.7rem);line-height:1;letter-spacing:-.04em}.empty-counter span{color:var(--muted)}.time-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:9px}.time-block{display:flex;min-width:0;min-height:118px;flex-direction:column;align-items:center;justify-content:center;padding:14px 7px;border:1px solid rgba(31,34,62,.09);border-radius:8px;background:rgba(255,255,255,.86);box-shadow:0 12px 28px rgba(53,49,110,.05)}.time-block strong{font-size:clamp(2rem,5.8vw,3.8rem);line-height:1;font-variant-numeric:tabular-nums}.time-block span{margin-top:10px;color:var(--muted);font-size:.65rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.day-block{color:var(--primary);background:linear-gradient(145deg,#fff,#f0edff)}.day-block strong{font-size:clamp(2.4rem,7vw,4.7rem)}.hidden-counter{display:grid;min-height:140px;place-items:center;align-content:center;gap:8px}.hidden-counter strong{font-size:2rem}.hidden-counter span{color:var(--muted);font-size:.82rem}.saved-line{min-height:24px;margin:19px 0;color:var(--muted);font-size:.8rem}
.data-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(31,34,62,.08);border-radius:8px;background:rgba(255,255,255,.78)}.data-row div{padding:14px 10px}.data-row div+div{border-left:1px solid rgba(31,34,62,.08)}.data-row span,.data-row strong{display:block}.data-row span{color:var(--muted);font-size:.63rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.data-row strong{margin-top:5px;font-size:1rem;font-variant-numeric:tabular-nums}.wow-note{display:inline-flex;align-items:center;gap:10px;margin-top:15px;padding:8px 12px 8px 8px;border:1px solid rgba(243,181,57,.23);border-radius:8px;color:#765516;background:#fff9e8}.wow-note>span{padding:5px 7px;border-radius:6px;color:#fff;background:#dd8b28;font-size:.61rem;font-weight:950;letter-spacing:.1em}.wow-note p{margin:0;font-size:.75rem;font-weight:800}
.entry-panel{display:flex;min-height:670px;flex-direction:column;padding:29px;border-left:1px solid var(--border);background:rgba(255,255,255,.9)}.entry-heading>span,.history-heading>div>span{color:var(--primary);font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.entry-heading h2{margin:6px 0 8px;font-size:1.4rem}.entry-heading p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}.entry-panel form{margin-top:23px}.entry-panel label{display:block;margin-bottom:8px;font-size:.73rem;font-weight:850}.entry-panel input{width:100%;height:48px;padding:0 11px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#fff;font:inherit;font-size:.79rem;outline:none}.entry-panel input:focus{border-color:rgba(108,92,231,.55);box-shadow:0 0 0 4px rgba(108,92,231,.09)}.entry-panel input.invalid{border-color:#cf6070;box-shadow:0 0 0 4px rgba(207,96,112,.08)}.date-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.save-button,.now-link{min-height:41px;border:0;border-radius:8px;font-weight:850}.save-button{padding:0 15px;color:#fff;background:var(--primary)}.save-button:hover{background:var(--primary-dark)}.now-link{padding:0 13px;color:var(--primary);background:#f0edff}.field-hint,.field-error{margin:7px 0 0;font-size:.67rem}.field-hint{color:var(--muted)}.field-error{min-height:17px;color:#b64c5c}
.now-button{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;margin-top:11px;padding:9px 14px;border:1px solid rgba(0,194,168,.2);border-radius:8px;color:#087b6c;background:#effffb;text-align:left}.now-button:hover{border-color:rgba(0,194,168,.4);background:#e7fcf7}.now-icon{display:grid;width:37px;height:37px;flex:none;place-items:center;border-radius:8px;color:#fff;background:#0aa991}.now-icon svg{width:21px;height:21px}.now-button strong,.now-button small{display:block}.now-button strong{font-size:.82rem}.now-button small{margin-top:2px;color:#438178;font-size:.66rem}
.history-block{margin-top:24px}.history-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.history-heading h3{margin:4px 0 0;font-size:1rem}.history-heading button{padding:4px 0;border:0;color:#b54d5c;background:transparent;font-size:.67rem;font-weight:850}.history-heading button:disabled{color:var(--muted);opacity:.45;cursor:not-allowed}.history-list{display:grid;margin:0;padding:0;list-style:none}.history-list li{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:start;min-height:53px;padding:10px 0;border-bottom:1px solid rgba(31,34,62,.07)}.history-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(0,194,168,.1)}.history-list strong,.history-list time{display:block}.history-list strong{font-size:.7rem}.history-list time{margin-top:3px;color:var(--muted);font-size:.65rem}.latest-tag{padding:3px 5px;border-radius:5px;color:var(--primary);background:#f0edff;font-size:.55rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.history-empty{grid-template-columns:12px 1fr!important;color:var(--muted);font-size:.68rem;line-height:1.45}.history-empty .history-dot{background:#d7d4e8;box-shadow:0 0 0 3px rgba(108,92,231,.06)}
.local-note{display:flex;gap:10px;margin:auto 0 0;padding:13px;border-radius:8px;background:linear-gradient(145deg,#f2f0ff,#effffb)}.local-note>span{display:grid;width:30px;height:30px;flex:none;place-items:center;border-radius:7px;color:var(--primary);background:#fff}.local-note svg{width:18px;height:18px}.local-note p{margin:0;color:var(--muted);font-size:.67rem;line-height:1.5}.local-note strong{color:var(--text)}
.undo-toast{position:absolute;z-index:9;right:22px;bottom:18px;left:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:520px;margin:auto;padding:13px 14px 13px 17px;border:1px solid rgba(31,34,62,.12);border-radius:8px;background:#fff;box-shadow:0 20px 50px rgba(38,35,82,.22);opacity:0;visibility:hidden;transform:translateY(16px);transition:.24s}.undo-toast.show{opacity:1;visibility:visible;transform:translateY(0)}.undo-toast strong,.undo-toast small{display:block}.undo-toast strong{font-size:.78rem}.undo-toast small{margin-top:3px;color:var(--muted);font-size:.65rem}.undo-toast button{min-height:35px;padding:0 13px;border:0;border-radius:7px;color:var(--primary);background:#f0edff;font-size:.72rem;font-weight:900}
.content-section{padding:76px 0}.content-soft{border-block:1px solid rgba(31,34,62,.06);background:rgba(255,255,255,.45)}.content{max-width:960px}.section-label{display:block;margin-bottom:9px;color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.content h2,.try-head h2{margin:0 0 13px;font-size:clamp(1.85rem,4vw,2.65rem);letter-spacing:-.03em}.content>p,.data-explainer>div>p{color:var(--muted);line-height:1.78}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.info-card{padding:24px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 12px 32px rgba(53,49,110,.05)}.card-number{display:grid;width:42px;height:42px;margin-bottom:16px;place-items:center;border-radius:8px;color:var(--primary);background:#f0edff;font-weight:900}.info-card h3{margin:0 0 8px;font-size:1rem}.info-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.7}
.data-explainer{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.measure-list{margin:0;border-top:1px solid var(--border)}.measure-list div{display:grid;grid-template-columns:82px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--border)}.measure-list dt{color:var(--primary);font-size:.75rem;font-weight:900;text-transform:uppercase}.measure-list dd{margin:0;color:var(--muted);font-size:.81rem;line-height:1.55}.faq{display:grid;gap:10px;margin-top:25px}.faq details{border:1px solid var(--border);border-radius:8px;background:#fff}.faq summary{padding:18px 20px;cursor:pointer;font-weight:800}.faq details p{margin:0;padding:0 20px 19px;color:var(--muted);line-height:1.72}
.try-section{padding:75px 0 85px}.try-head{display:flex;align-items:end;justify-content:space-between;gap:22px}.try-head h2{margin-bottom:7px}.try-head p{margin:0;color:var(--muted)}.secondary-action{color:var(--primary);font-size:.86rem;font-weight:850}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.try-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:19px;border:1px solid var(--border);border-radius:8px;background:#fff;transition:.22s}.try-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(53,49,110,.1)}.try-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:8px;color:var(--primary);background:#f0edff;font-size:.68rem;font-weight:900}.try-card strong,.try-card span span{display:block}.try-card span span{margin-top:4px;color:var(--muted);font-size:.74rem;line-height:1.45}.try-card b{color:var(--primary)}
.tally-app.is-private .counter-kicker,.tally-app.is-private .saved-line,.tally-app.is-private .data-row,.tally-app.is-private .wow-note,.tally-app.is-private .history-list{filter:blur(7px);user-select:none}.tally-app.is-private .time-grid,.tally-app.is-private .empty-counter{display:none!important}.tally-app.is-private .hidden-counter{display:grid!important}
@media(max-width:900px){.app-body{grid-template-columns:1fr}.counter-panel{min-height:590px}.entry-panel{min-height:620px;border-top:1px solid var(--border);border-left:0}}
@media(max-width:720px){.tally-hero{padding:25px 0 61px}.crumbs{margin-bottom:27px}.tally-app{border-radius:18px}.app-topbar{grid-template-columns:1fr auto;padding:0 17px}.app-name{display:none}.counter-panel{min-height:570px;padding:72px 14px 38px}.counter-panel:after{inset:12px}.privacy-toggle{top:17px;right:17px}.time-grid{grid-template-columns:1fr 1fr}.time-block{min-height:100px}.day-block strong{font-size:3.5rem}.entry-panel{min-height:600px;padding:24px 20px}.content-section,.try-section{padding:57px 0}.steps-grid,.data-explainer,.try-grid{grid-template-columns:1fr}.data-explainer{gap:28px}.try-head{align-items:flex-start;flex-direction:column}.undo-toast{right:12px;left:12px}.counter-visual{top:115px;width:85vw}}
@media(max-width:420px){.private-pill{font-size:.61rem}.counter-panel{padding-inline:9px}.time-grid{gap:7px}.time-block{padding-inline:4px}.data-row span{font-size:.56rem}.date-actions{grid-template-columns:1fr}.undo-toast{align-items:flex-start}.measure-list div{grid-template-columns:65px 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}