:root{--paper:#f3f3ed;--ink:#1c2826;--muted:#74807a;--line:#dce1d9;--accent:#d2fba8;--glow:#a7db99;--stage:#152421;--accent2:#76b4aa;--stage-ink:#f1f9ed;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #528263;outline-offset:4px}button{color:inherit}body[data-theme=ember]{--accent:#ffd7a6;--glow:#e5a478;--stage:#30211e;--accent2:#dc7a80;--stage-ink:#fff3e9}body[data-theme=ocean]{--accent:#b1e3ff;--glow:#6ea1cb;--stage:#142733;--accent2:#888ddd;--stage-ink:#f1f6ff}body[data-theme=lunar]{--accent:#e9d9ff;--glow:#a798cc;--stage:#242033;--accent2:#938ea6;--stage-ink:#f5f1ff}.skip{position:fixed;left:15px;top:-100px;z-index:10;background:white;padding:14px}.skip:focus{top:15px}.topbar{height:84px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:0 clamp(20px,4vw,64px)}.brand{font-size:21px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:450;color:#89948c}.brand-divider{width:1px;height:22px;background:#ccd4ca}.wordmark{font-size:10px;letter-spacing:2.2px;font-weight:650}.wordmark span{color:#7f9880;font-size:17px;margin-left:8px}.top-note{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#879084;display:flex;align-items:center;gap:8px}.top-note i{width:5px;height:5px;background:#88a371;border-radius:50%}.quiet{border:1px solid var(--line);border-radius:9px;background:transparent;padding:11px 15px;font-size:11px;font-weight:600;white-space:nowrap}.quiet:hover{background:#e6ebdf}.quiet span{margin-left:8px;background:#e5eadd;padding:2px 6px;border-radius:4px;font-size:9px}main{max-width:1600px;margin:auto;padding:0 clamp(20px,4vw,64px)}.intro{display:flex;justify-content:space-between;align-items:center;padding:46px 0 38px;gap:30px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#7e897b;margin:0 0 16px}h1{font-size:clamp(35px,4.2vw,62px);font-weight:500;line-height:1.1;letter-spacing:-2.5px;margin:0}h1 em{font-family:Georgia,serif;color:#7d9468;font-weight:400}.intro-copy{font-size:12px;line-height:1.85;color:#828b7e;margin:0 4vw 0 0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.stage{position:sticky;top:24px;overflow:hidden;isolation:isolate;background:var(--stage);color:var(--stage-ink);border-radius:26px;min-height:650px;height:min(740px,calc(100dvh - 48px));padding:30px;display:flex;flex-direction:column;box-shadow:0 18px 55px #253c2520;transition:background .6s}.stage-atmosphere:before{content:'';position:absolute;inset:-20%;z-index:-2;background:radial-gradient(ellipse at 70% 10%,color-mix(in srgb,var(--glow) 20%,transparent),transparent 50%),radial-gradient(ellipse at 0 90%,color-mix(in srgb,var(--accent2) 20%,transparent),transparent 50%);animation:aurora 15s ease-in-out infinite alternate}.stage-noise{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E")}.orbits{position:absolute;right:-200px;top:-210px;width:580px;height:580px;z-index:-1;pointer-events:none;transform:rotate(-25deg)}.orbits span{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:50%}.orbits span:nth-child(2){inset:54px}.orbits span:nth-child(3){inset:110px}.orbits i{position:absolute;width:11px;height:11px;left:54px;top:132px;border-radius:50%;background:var(--accent);box-shadow:0 0 25px var(--accent)}.stage-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.live-chip{display:flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);padding:9px 11px;border-radius:30px;font-size:8px;letter-spacing:1.4px;color:var(--accent);background:#ffffff04}.live-chip i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.stage-tools{display:flex;gap:7px}.stage-tools button{background:#ffffff08;border:1px solid #ffffff1b;border-radius:9px;width:36px;height:36px;color:var(--stage-ink);font-size:19px}.stage-tools button:hover{background:#ffffff18}.stage-center{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:0;padding:44px 0}.event-date{font-size:10px;color:var(--accent);letter-spacing:1px;margin:0 0 20px;line-height:1.6}.stage h2{font-size:clamp(31px,3.4vw,54px);line-height:1.08;letter-spacing:-1.7px;font-weight:450;margin:0;overflow-wrap:anywhere;text-wrap:balance}.event-description{font-size:12px;line-height:1.7;max-width:430px;margin:15px auto 0;color:color-mix(in srgb,var(--stage-ink) 60%,transparent);white-space:pre-wrap;overflow-wrap:anywhere}.event-description:empty{display:none}.digits{display:flex;justify-content:center;align-items:start;gap:8px;margin:42px 0 10px;max-width:100%;font-variant-numeric:tabular-nums}.digit{position:relative;flex:1;min-width:0;max-width:170px}.digit:after{content:':';position:absolute;right:-7px;top:12px;font-size:28px;font-weight:300;opacity:.22}.digit:last-child:after{display:none}.digit strong{display:block;font-size:clamp(35px,4.7vw,80px);font-weight:350;letter-spacing:-3px;line-height:1.2;white-space:nowrap;color:var(--accent)}.digit small{display:block;text-transform:uppercase;font-size:8px;letter-spacing:2px;color:color-mix(in srgb,var(--stage-ink) 45%,transparent);margin-top:14px}.digits.five strong{font-size:clamp(26px,3.4vw,65px)}.digits.wide strong{font-size:clamp(24px,3.2vw,54px);letter-spacing:-2px}.digit:last-child strong{color:color-mix(in srgb,var(--stage-ink) 75%,transparent)}.completion{color:var(--accent);font-size:11px;margin:20px 0 0}.stage-bottom{padding-top:15px}.journey-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:color-mix(in srgb,var(--stage-ink) 42%,transparent);margin-bottom:14px}.journey-top strong{font-weight:500;color:var(--accent)}progress{appearance:none;display:block;width:100%;height:3px;border:0;border-radius:4px;background:#ffffff12;overflow:hidden}progress::-webkit-progress-bar{background:#ffffff12}progress::-webkit-progress-value{background:var(--accent);border-radius:3px;transition:width 1s}progress::-moz-progress-bar{background:var(--accent)}.stage-foot{display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:1.4px;color:color-mix(in srgb,var(--stage-ink) 36%,transparent);margin-top:24px;line-height:1.5}.editor{padding:27px;background:#fcfcf8;border:1px solid var(--line);border-radius:22px}.editor-head .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:9px}.editor h2{font-size:22px;font-weight:550;letter-spacing:-.7px;margin:0 0 22px}.mode-options{display:flex;background:#edf0e7;border-radius:10px;padding:4px;gap:3px;margin-bottom:23px}.mode-options button{flex:1;background:none;border:0;padding:10px 4px;font-size:11px;border-radius:7px;color:#7e8878}.mode-options button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #0001;color:var(--ink);font-weight:650}label{display:block;font-size:10px;font-weight:600;color:#5c695a;margin:16px 0 0;line-height:1.4}input,select,textarea{width:100%;min-width:0;min-height:43px;border:1px solid #dee4d8;background:#f8f9f3;border-radius:8px;padding:11px 10px;margin-top:7px;color:#344332;font-size:12px;font-weight:400}input[type=datetime-local]{font-size:11px;color-scheme:light}textarea{resize:vertical;min-height:66px;max-height:150px}input::placeholder,textarea::placeholder{color:#9ba392;font-size:11px}.optional{font-size:9px;font-weight:400;color:#9ca494;float:right}.appearance{padding-top:19px;margin-top:20px;border-top:1px solid #e4e9df}.control-line{display:flex;justify-content:space-between;font-size:8px;color:#85907d;letter-spacing:1.3px}.control-line span:last-child{letter-spacing:0;font-size:10px;color:#596f50}.theme-options{display:flex;gap:9px;margin:15px 0 20px}.theme-options button{flex:1;min-width:0;padding:0;border:0;background:none;font-size:8px;color:#87907f}.theme-options button span{display:block;height:37px;border-radius:7px;border:3px solid #fcfcf8;outline:1px solid transparent;margin:0 0 7px;background:radial-gradient(ellipse at 70% 0,#779976,#142a24 70%)}.theme-options button[aria-pressed=true] span{outline-color:#647e54}.theme-options [data-theme-choice=ember] span{background:radial-gradient(ellipse at 70% 0,#b67461,#36201d 70%)}.theme-options [data-theme-choice=ocean] span{background:radial-gradient(ellipse at 70% 0,#657bba,#152c3b 70%)}.theme-options [data-theme-choice=lunar] span{background:radial-gradient(ellipse at 70% 0,#9f87b8,#292139 70%)}.primary{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;background:#273b2b;color:#f1f8e9;border:0;border-radius:9px;padding:15px 17px;font-size:12px;font-weight:600;margin-top:23px}.primary:hover{background:#3b5439}.primary span{font-size:18px;font-weight:300}.save-button{display:block;width:100%;background:transparent;border:0;font-size:10px;color:#697c5c;padding:15px 0 4px}.editor-note{font-size:9px;line-height:1.6;color:#9aa391;text-align:center;margin:13px 0 0}.form-message{font-size:11px;line-height:1.6;color:#945145;background:#fcf1df;padding:11px;border-radius:7px}.duration{display:flex;gap:7px}.duration label{flex:1;min-width:0;text-align:center;color:#9ba392;font-size:9px;margin-top:0}.duration input{display:block;text-align:center;font-size:19px;margin-bottom:5px}.presets{display:flex;gap:5px;margin-top:15px}.presets button{flex:1;background:#edf2e7;border:0;border-radius:5px;padding:8px 2px;font-size:9px;color:#5c7250}.field-hint{font-size:9px;line-height:1.65;color:#89937f}.insights{display:grid;grid-template-columns:1fr 1fr 1fr;margin:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.insights>div{padding:27px 25px;border-right:1px solid var(--line);min-width:0}.insights>div:first-child{padding-left:0}.insights>div:last-child{border:0}.insights span{display:block;font-size:7px;letter-spacing:1.4px;color:#96a08c;margin-bottom:12px}.insights strong{display:block;font-size:22px;letter-spacing:-.7px;font-weight:500;overflow-wrap:anywhere}.insights small,.text-button{font-size:10px;color:#829174;display:block;margin-top:8px}.text-button{border:0;background:transparent;padding:0;cursor:pointer}.page-footer{display:flex;justify-content:space-between;margin:34px 0;font-size:8px;letter-spacing:1px;color:#95a28b}.library-head{display:flex;align-items:center;justify-content:space-between;margin:36px 0 22px;gap:15px}.library h2{font-size:28px;font-weight:500;letter-spacing:-1px;margin:0}.library .eyebrow{margin-bottom:9px}.saved-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.saved-card{border:1px solid var(--line);border-radius:13px;padding:20px;background:#fafbf4;min-width:0}.saved-card h3{font-size:17px;font-weight:500;overflow-wrap:anywhere;margin:0 0 10px}.saved-card p{font-size:10px;color:#7e8c70;line-height:1.6}.saved-card div{display:flex;gap:8px}.saved-card button{border:1px solid var(--line);border-radius:5px;background:transparent;font-size:10px;padding:8px 12px}.saved-card button:last-child{margin-left:auto;color:#a27868}.library .editor-note{text-align:left}.edit-shared{align-self:center;margin-top:24px;font-size:10px;color:var(--accent);background:#ffffff08;border:1px solid #ffffff20;border-radius:7px;padding:10px 20px}.shared .intro,.shared .editor,.shared .insights,.shared .page-footer{display:none}.shared .workspace{display:block;padding-top:25px}.shared .stage{position:relative;top:0;min-height:650px;height:calc(100dvh - 132px);max-height:1100px;margin:0 auto;max-width:1300px}.shared .stage h2{font-size:clamp(34px,5vw,80px)}.shared .digit strong{font-size:clamp(44px,8vw,140px)}.shared .digits.five strong{font-size:clamp(30px,6vw,105px)}.stage:fullscreen{width:100%;max-width:none;height:100%;border-radius:0;position:relative;min-height:0;padding:5vw}.stage:fullscreen h2{font-size:clamp(32px,5vw,90px)}.stage:fullscreen .digit strong{font-size:clamp(40px,8vw,155px)}.stage:fullscreen .digits.five strong{font-size:clamp(30px,6vw,120px)}dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:22px;background:#fbfcf5;color:var(--ink);padding:28px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#1020199c;backdrop-filter:blur(8px)}.share-head{display:flex;gap:10px;justify-content:space-between;align-items:start}.share-head .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:10px}.share-head h2{font-size:24px;font-weight:500;letter-spacing:-.8px;margin:0}.share-head button{border:0;background:#eaf0e0;border-radius:50%;width:28px;height:28px;font-size:20px;flex-shrink:0}.share-qr{width:230px;max-width:100%;background:#fff;padding:12px;border-radius:12px;border:1px solid var(--line);margin:25px auto}.share-qr svg{width:100%;display:block}dialog p{font-size:11px;color:#8c987d;line-height:1.6}#share-url{font-size:10px}.share-actions{display:flex;gap:10px;align-items:center}.share-actions .primary{margin:0;justify-content:center}.share-actions .quiet{margin:0}#share-status{display:block;font-size:10px;color:#56744d;margin-top:15px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#263c2b;color:#f1f6e8;padding:14px 23px;font-size:12px;border-radius:10px;box-shadow:0 10px 40px #0003;z-index:50;max-width:calc(100vw - 32px);text-align:center}@keyframes aurora{to{transform:translate(-3%,5%) scale(1.1)}}@media(min-width:1600px){.stage h2{font-size:60px}.digit strong{font-size:85px}}@media(max-width:1000px){.top-note{display:none}.topbar .quiet{margin-left:auto}.workspace{grid-template-columns:minmax(0,1fr) 315px;gap:18px}.editor{padding:23px}.stage{padding:24px}.digit strong{font-size:42px;letter-spacing:-2px}.digits.five strong{font-size:30px}.digit:after{font-size:21px;right:-6px;top:9px}.event-description{font-size:11px}.stage-foot span:last-child{display:none}.intro-copy{margin:0}}@media(max-width:760px){.topbar{height:68px;gap:15px}.wordmark{font-size:8px;letter-spacing:1px}.brand{font-size:19px}.topbar .quiet{font-size:10px;padding:9px}.topbar .quiet span{display:none}.intro{padding:30px 0 28px}.intro h1{font-size:36px;letter-spacing:-1.6px}.intro .eyebrow{font-size:7px;letter-spacing:1.5px}.intro-copy{display:none}.workspace{grid-template-columns:1fr;gap:20px}.stage{position:relative;top:0;min-height:500px;height:auto;padding:24px;border-radius:21px}.stage-center{padding:65px 0}.stage h2{font-size:35px}.digit strong{font-size:clamp(35px,9vw,65px)}.digits.five strong{font-size:clamp(26px,6.7vw,48px)}.digits.wide strong{font-size:clamp(23px,6.2vw,44px)}.digit small{font-size:7px;letter-spacing:1px;margin-top:9px}.digit:after{top:9px;font-size:23px}.editor{padding:25px}.editor-head .eyebrow{font-size:8px}.insights{margin:25px 0;grid-template-columns:1fr 1fr}.insights>div{padding:22px 15px}.insights>div:nth-child(2){border:0;padding-right:0}.insights>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-left:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.insights>div:last-child span{flex-basis:100%;margin:0}.insights strong{font-size:19px}.insights .text-button{margin:0}.page-footer{font-size:6px;letter-spacing:.7px}.saved-events{grid-template-columns:1fr}.library-head{align-items:end}.shared .stage{min-height:540px;height:calc(100dvh - 116px)}.shared .digit strong{font-size:clamp(35px,9vw,80px)}.shared .digits.five strong{font-size:clamp(26px,6.7vw,60px)}.stage:fullscreen{padding:25px}.stage:fullscreen .digit strong{font-size:clamp(35px,9vw,100px)}}@media(max-width:370px){main{padding:0 14px}.topbar{padding:0 14px;gap:10px}.brand-divider{display:none}.wordmark span{display:none}.topbar .quiet{font-size:9px}.stage{padding:18px}.live-chip{font-size:7px;letter-spacing:1px}.stage-tools button{width:30px;height:30px}.stage h2{font-size:30px}.digit strong{font-size:35px}.digits.five strong{font-size:26px}.digit:after{font-size:19px}.share-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}
.digits.ultrawide .digit:first-child strong{font-size:22px;letter-spacing:-1px;line-height:2.2}.shared .digits.ultrawide .digit:first-child strong,.stage:fullscreen .digits.ultrawide .digit:first-child strong{font-size:clamp(16px,4vw,60px);line-height:2}@media(max-width:760px){.digits.ultrawide .digit:first-child strong{font-size:16px;line-height:2.6}}
.shared .stage{min-height:440px}@media(max-width:760px){.shared .stage{min-height:500px}}.share-qr{width:280px}
.shared .stage{height:auto;min-height:max(440px,calc(100dvh - 132px));max-height:none}@media(max-width:760px){.shared .stage{min-height:max(500px,calc(100dvh - 116px))}}

/* Decorative artwork stays inside its own painted layer, never a scroll area. */
.stage-atmosphere{position:absolute;inset:0;overflow:hidden;overflow:clip;contain:paint;pointer-events:none;z-index:-1;isolation:isolate}
.stage-center{min-width:0;max-width:100%}.event-description{max-width:min(430px,100%)}
html.countdown-fullscreen,html.countdown-fullscreen body{overflow:hidden;overscroll-behavior:none}
.stage:is(:fullscreen,.is-fullscreen){position:fixed;inset:0;width:100%;height:100%;height:100dvh;min-width:0;max-width:none;min-height:0;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;padding:clamp(16px,3.5vmin,56px);overflow:hidden;overflow:clip;overscroll-behavior:none;container-type:size;container-name:counter}
.stage:is(:fullscreen,.is-fullscreen) .stage-top,.stage:is(:fullscreen,.is-fullscreen) .stage-bottom{flex-shrink:0}
.stage:is(:fullscreen,.is-fullscreen) .stage-center{padding:0;min-height:0}
.stage:is(:fullscreen,.is-fullscreen) h2{font-size:clamp(30px,min(5vw,10cqh),90px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.stage:is(:fullscreen,.is-fullscreen) .event-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.stage:is(:fullscreen,.is-fullscreen) .digits{margin:clamp(18px,5cqh,42px) 0 10px;flex-shrink:0}
.stage:is(:fullscreen,.is-fullscreen) .digit strong{font-size:clamp(35px,min(9cqw,16cqh),155px)}
.stage:is(:fullscreen,.is-fullscreen) .digits.five strong{font-size:clamp(24px,min(6.7cqw,13cqh),120px)}
.stage:is(:fullscreen,.is-fullscreen) .digits.wide strong{font-size:clamp(24px,min(6cqw,13cqh),90px)}
.stage:is(:fullscreen,.is-fullscreen) .digits.ultrawide .digit:first-child strong{font-size:clamp(14px,min(4cqw,10cqh),60px);line-height:1.5}
.stage:is(:fullscreen,.is-fullscreen) .edit-shared{display:none}
@container counter (max-height:520px){
 .stage:is(:fullscreen,.is-fullscreen) .stage-center{gap:0}.stage:is(:fullscreen,.is-fullscreen) .event-date{margin-bottom:10px;font-size:9px}
 .stage:is(:fullscreen,.is-fullscreen) h2{font-size:clamp(22px,7cqh,34px);-webkit-line-clamp:2}
 .stage:is(:fullscreen,.is-fullscreen) .event-description{font-size:10px;line-height:1.4;margin-top:8px;-webkit-line-clamp:2}
 .stage:is(:fullscreen,.is-fullscreen) .digits{margin-top:14px;margin-bottom:4px}.stage:is(:fullscreen,.is-fullscreen) .digit strong{font-size:clamp(28px,12cqh,52px)}
 .stage:is(:fullscreen,.is-fullscreen) .digits.five strong,.stage:is(:fullscreen,.is-fullscreen) .digits.wide strong{font-size:clamp(22px,10cqh,42px)}
 .stage:is(:fullscreen,.is-fullscreen) .digit small{margin-top:5px;font-size:7px;letter-spacing:1px}
 .stage:is(:fullscreen,.is-fullscreen) .stage-bottom{padding-top:6px}.stage:is(:fullscreen,.is-fullscreen) .journey-top{margin-bottom:8px}.stage:is(:fullscreen,.is-fullscreen) .stage-foot{margin-top:12px;font-size:6px}
 .stage:is(:fullscreen,.is-fullscreen) .completion{margin-top:8px;font-size:10px}
}
@container counter (max-height:300px){
 .stage:is(:fullscreen,.is-fullscreen) h2{font-size:22px;-webkit-line-clamp:1}.stage:is(:fullscreen,.is-fullscreen) .event-description{display:none}
 .stage:is(:fullscreen,.is-fullscreen) .event-date{font-size:8px;margin-bottom:5px}.stage:is(:fullscreen,.is-fullscreen) .digits{margin-top:10px}
 .stage:is(:fullscreen,.is-fullscreen) .digit strong{font-size:30px}.stage:is(:fullscreen,.is-fullscreen) .digits.five strong,.stage:is(:fullscreen,.is-fullscreen) .digits.wide strong{font-size:24px}
 .stage:is(:fullscreen,.is-fullscreen) .stage-foot{display:none}.stage:is(:fullscreen,.is-fullscreen) .stage-bottom{padding-top:4px}.stage:is(:fullscreen,.is-fullscreen) .completion{margin-top:4px}
}

.sound-settings{padding-top:20px;margin-top:20px;border-top:1px solid #e4e9df}.sound-settings .control-line span:last-child{font-size:6px;letter-spacing:.8px;color:#98a38f}.sound-choice{display:flex;align-items:flex-end;gap:9px}.sound-choice label{flex:1;min-width:0}.sound-preview{height:43px;flex-shrink:0;border:1px solid #d5dfcd;border-radius:8px;background:#edf2e7;color:#536d46;padding:0 10px;font-size:9px;white-space:nowrap}.sound-preview:hover{background:#e3edd9}.sound-preview:disabled{cursor:default;opacity:.45}.sound-volume-control label{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.sound-volume-control output{font-size:10px;font-weight:400;color:#6c805f;font-variant-numeric:tabular-nums}.sound-volume-control input[type=range]{display:block;width:100%;min-height:28px;height:28px;padding:0;margin:7px 0 0;border:0;background:transparent;accent-color:#6a8959;cursor:pointer}.sound-status{font-size:9px;line-height:1.6;color:#607c51;margin:9px 0 0}.sound-hint{margin:7px 0 0;font-size:8px}.stage-tools .sound-toggle{position:relative;display:grid;place-items:center}.sound-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-toggle .sound-waves{display:none}.sound-toggle[aria-pressed=true] .sound-waves{display:block}.sound-toggle[aria-pressed=true] .sound-slash{display:none}.sound-toggle[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.sound-toggle.is-playing{box-shadow:0 0 15px color-mix(in srgb,var(--accent) 22%,transparent)}
/* Account library: a separate, responsive subtab of Odliczanie. */
.countdown-tabs{display:flex;align-items:center;gap:9px;padding:23px 0 0;margin-bottom:9px;flex-wrap:wrap}.countdown-tabs button{background:transparent;border:1px solid var(--line,#ffffff1c);border-radius:12px;padding:11px 18px;color:var(--muted,#b2bbbc);font:12px inherit;cursor:pointer}.countdown-tabs button span{margin-left:16px}.countdown-tabs button[aria-current=page]{background:var(--accent,#c9e99e);color:#1c3226;border-color:transparent}.cloud-current{font-size:10px;letter-spacing:.3px;color:var(--muted,#b0bab4);margin-left:auto}.cloud-current[data-state=saved]{color:var(--accent,#c9e99e)}.cloud-current[data-state=error]{color:#f5bea0}.mine-view .intro,.mine-view .workspace,.mine-view .insights{display:none}.mine-view .library{margin-top:45px;min-height:60vh}.mine-view .cloud-current{display:none}.mine-view .library-head h2{font-size:clamp(44px,6vw,76px);font-weight:500;letter-spacing:-3px;margin:10px 0}.library-head h2 em{font-style:normal;color:var(--accent,#c9e99e)}.times-lead{color:var(--muted,#b0bab4);font-size:14px;line-height:1.8;margin:12px 0 29px}.times-summary{display:grid;grid-template-columns:1fr 1fr 1.5fr;border:1px solid var(--line,#ffffff1c);border-radius:19px;margin-bottom:24px;background:linear-gradient(110deg,#c9e99e09,transparent)}.times-summary>div{padding:23px 27px;border-right:1px solid var(--line,#ffffff1c);min-width:0}.times-summary>div:last-child{border:0}.times-summary span{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted,#b0bab4)}.times-summary strong{display:block;font-size:36px;font-weight:400;line-height:1.5;color:var(--accent,#c9e99e);overflow-wrap:anywhere}.times-summary>div:last-child strong{font-size:22px;line-height:2.45;letter-spacing:-.5px}.times-summary small{display:block;font-size:10px;color:var(--muted,#b0bab4)}.times-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.times-tools label{margin:0}.times-search{flex:1;min-width:150px}.times-tools input,.times-tools select{margin:0;min-height:42px;width:100%;background:#ffffff06;border:1px solid var(--line,#ffffff1c);color:inherit;border-radius:10px;padding:10px 13px;box-sizing:border-box}.times-tools select{min-width:140px}.times-tools button{min-height:42px}.times-tools .quiet{white-space:nowrap}.cloud-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.time-card{border:1px solid #cbdfad29;border-radius:20px;padding:25px;color:#e4edde;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0,#c9e99e18,transparent 70%),#1c2d25;min-width:0;box-shadow:0 10px 40px #0001}.time-card[data-theme=ember]{background:radial-gradient(ellipse at 100% 0,#efba9218,transparent 70%),#31261f;border-color:#ddaa8229}.time-card[data-theme=ocean]{background:radial-gradient(ellipse at 100% 0,#a2d7ed18,transparent 70%),#192c39;border-color:#9ab8d929}.time-card[data-theme=lunar]{background:radial-gradient(ellipse at 100% 0,#cec2ee18,transparent 70%),#282636;border-color:#b5a6df29}.time-card-head{display:flex;justify-content:space-between;align-items:center;gap:9px;color:#bdd5a4;font-size:8px;letter-spacing:1.7px}.time-sound{font-size:15px}.time-card h3{font-size:26px;line-height:1.16;letter-spacing:-.8px;font-weight:500;overflow-wrap:anywhere;margin:22px 0 12px}.time-card>p{font-size:12px;line-height:1.65;color:#bcc6b8;margin:0 0 23px;overflow-wrap:anywhere}.time-card-count{margin-top:auto;font-size:14px;line-height:1.8;color:#d6e7bc;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.time-card-date{border-top:1px solid #d3e2c521;padding-top:17px;margin-top:19px;font-size:11px;color:#d3ddcc}.time-card-date small{display:block;color:#91a48c;font-size:9px;line-height:1.8;margin-top:3px}.time-card-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.time-card-actions button{background:#ffffff09;color:#d6e7bc;border:1px solid #b6ca9c32;border-radius:8px;font-size:10px;padding:9px 10px;cursor:pointer}.time-card-actions button:first-child{background:#d2e9b6;color:#233524;border-color:transparent}.times-empty{grid-column:1/-1;border:1px dashed var(--line,#ffffff1c);border-radius:20px;padding:50px 20px;text-align:center}.times-empty>span{font-size:52px;font-weight:200;color:var(--accent,#c9e99e)}.times-empty h3{font-size:26px;font-weight:400;letter-spacing:-.6px}.times-empty p{font-size:13px;color:var(--muted,#b0bab4)}.times-empty button,.guest-times a{display:inline-block;background:var(--accent,#c9e99e);color:#243c2b;border:0;border-radius:10px;padding:12px 17px;text-decoration:none;font-size:12px;cursor:pointer}.times-error{font-size:12px;color:#e7b196}.times-error:empty{display:none}.guest-times{display:flex;gap:22px;align-items:center;flex-wrap:wrap;border:1px solid var(--line,#ffffff1c);padding:27px;border-radius:20px;background:#c9e99e06}.guest-times>span{font-size:50px;color:var(--accent,#c9e99e)}.guest-times>div{flex:1;min-width:200px}.guest-times h3{font-size:24px;font-weight:500;letter-spacing:-.5px;margin:0 0 10px}.guest-times p{color:var(--muted,#b0bab4);font-size:13px;line-height:1.7;margin:0}.guest-times[hidden],#cloud-library[hidden]{display:none}.local-times{margin-top:30px;border-top:1px solid var(--line,#ffffff1c);padding-top:20px}.local-times summary{font-size:12px;color:var(--muted,#b0bab4);cursor:pointer;margin-bottom:17px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.cloud-times{grid-template-columns:repeat(2,minmax(0,1fr))}.times-summary>div{padding:20px}.times-summary>div:last-child strong{font-size:18px}}@media(max-width:600px){.countdown-tabs{padding-top:17px;gap:7px}.countdown-tabs button{padding:10px 13px;font-size:11px}.countdown-tabs button span{margin-left:8px}.cloud-current{width:100%;margin:3px 0 0}.mine-view .library{margin-top:28px}.mine-view .library-head{align-items:flex-start;gap:12px}.mine-view .library-head h2{font-size:50px}.times-summary{grid-template-columns:1fr 1fr}.times-summary>div:nth-child(2){border-right:0}.times-summary>div:last-child{grid-column:1/-1;border-top:1px solid var(--line,#ffffff1c);padding:14px 20px}.times-summary>div:last-child strong{font-size:18px;line-height:1.9}.cloud-times{grid-template-columns:1fr}.time-card{padding:23px}.times-search{flex-basis:100%}.times-tools select{min-width:120px}.guest-times{padding:21px;gap:16px}.guest-times h3{font-size:23px}}

/* Library sits on the light page; use readable ink for its accents. */
.times-summary strong,.library-head h2 em{color:#41694f}.cloud-current[data-state=saved]{color:#41694f}.countdown-tabs button{font-family:inherit;font-size:12px}.countdown-tabs button[aria-current=false]{color:var(--ink)}.times-tools option{color:#1c2826;background:#f3f3ed}

.shared .countdown-tabs{display:none}
@media(min-width:601px){.mine-view .library{margin-top:27px}.mine-view .library-head h2{font-size:clamp(44px,5vw,64px)}.times-lead{margin:10px 0 20px}.times-summary>div{padding-top:19px;padding-bottom:19px}.times-tools{margin-bottom:18px}}

/* Fullscreen shortcuts share the main counter's icon and remain easy to tap. */
.time-card-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}.time-fullscreen{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff26;border-radius:10px;background:#ffffff08;color:inherit;font-size:22px;letter-spacing:0;flex-shrink:0}.time-fullscreen:hover{background:#ffffff1c;border-color:#ffffff50}.time-fullscreen:focus-visible{outline-color:#d2e9b6}.saved-card div{flex-wrap:wrap}.saved-card .saved-fullscreen{font-size:18px;line-height:1;padding:8px 10px;min-width:40px;min-height:36px}.time-card-head>span{line-height:1.7}

.countdown-tabs .creator-new{margin-left:auto;color:var(--ink);background:#c9e99e25;border-color:#41694f40;font-weight:600;white-space:nowrap}.countdown-tabs .creator-new:hover{background:#c9e99e55}.countdown-tabs .cloud-current{margin-left:8px}.mine-view .creator-new{display:none}@media(max-width:600px){.countdown-tabs .creator-new{margin-left:0}.countdown-tabs .cloud-current{margin-left:0}}