.countdown-app{--accent:#087c86;--deep:#073d51;--light:#c2ebe4;--wash:#e8f1ec;padding-bottom:90px}.countdown-app[data-palette=forest]{--accent:#427c55;--deep:#193e32;--light:#d2e5b7;--wash:#edf1e5}.countdown-app[data-palette=sunset]{--accent:#b6583b;--deep:#663c33;--light:#ffdaa5;--wash:#f6eae0}.countdown-app[data-palette=plum]{--accent:#856399;--deep:#433054;--light:#eed6e9;--wash:#efe8f1}[hidden]{display:none!important}.countdown-heading{padding:50px 0 35px;display:flex;justify-content:space-between;gap:25px;align-items:center}.countdown-heading h1{font-size:clamp(40px,5vw,60px);margin-top:10px}.countdown-heading h1 em{color:var(--teal)}.account-controls{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.welcome-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;border-top:1px solid var(--line);padding:65px 0}.welcome-panel h2{font-size:clamp(36px,4vw,54px);margin:22px 0}.welcome-panel p{font-size:16px;color:var(--muted);max-width:490px}.welcome-panel #apple-sign-in-button{margin-top:28px;min-height:44px}.welcome-panel #auth-message{font-size:13px;margin-top:12px}.welcome-panel .privacy-note{font-size:12px;margin-top:30px;max-width:440px}.text-button{color:var(--teal);background:none;border:0;text-decoration:underline;text-underline-offset:5px;font-size:14px;padding:10px 0}.welcome-panel .text-button{margin-top:12px}.welcome-art{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:linear-gradient(155deg,#d5e7da,#a4cfc7 60%,#5b9d9d)}.welcome-ring{border:1px solid #f7f7f0b0;border-radius:50%;width:83%;height:83%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center;color:#113c45}.welcome-ring span{font-size:9px;letter-spacing:.2em}.welcome-ring strong{font-size:clamp(28px,3vw,43px);font-weight:400;line-height:1.1;letter-spacing:-.04em}.art-sun{position:absolute;font-size:70px;right:2%;top:5%;color:#f8e6b4}.mode-banner{padding:12px 18px;background:#ede7d6;border:1px solid #dad0b5;border-radius:12px;font-size:13px;margin-bottom:20px}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.view-tabs{display:flex;gap:6px;border:1px solid var(--line);padding:5px;border-radius:40px}.view-tabs button{color:var(--muted);border:0;background:none;border-radius:30px;font-size:14px;padding:10px 22px}.view-tabs button[aria-current]{color:#fff;background:var(--deep)}.quiet-button{background:transparent;border:1px solid var(--line);border-radius:30px;color:var(--ink);font-size:13px;padding:11px 19px;min-height:44px}.quiet-button:hover{background:var(--wash)}button:disabled{cursor:default;opacity:.55}.sync-row{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:60px;font-size:12px;color:var(--muted)}.sync-row p[data-error=true]{color:#943c29}.countdown-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.days-card{background:linear-gradient(135deg,var(--deep),var(--accent));color:white;border-radius:28px;padding:40px 42px 24px;position:relative;overflow:hidden;min-height:410px;display:flex;flex-direction:column;justify-content:center}.days-card:before{content:'';position:absolute;border:1px solid #ffffff20;border-radius:50%;width:500px;height:500px;right:-300px;top:-80px}.days-card:after{content:'';position:absolute;border:1px solid #ffffff20;border-radius:50%;width:400px;height:400px;right:-250px;top:-30px}.days-card .eyebrow{color:var(--light)}.days-number{font-size:clamp(80px,10.5vw,148px);font-weight:300;letter-spacing:-.07em;line-height:1.15;font-variant-numeric:tabular-nums;margin:18px 0 4px;position:relative;z-index:1}.days-card h2{font:italic 29px var(--serif);letter-spacing:-.025em}.days-card>p{font-size:14px;color:var(--light);margin-top:14px}.days-card-bottom{border-top:1px solid #ffffff35;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--light);margin-top:auto;padding-top:23px;position:relative;z-index:1}.days-card-bottom span:first-child{max-width:65%}.progress-card{border-radius:28px;border:1px solid var(--line);background:var(--wash);padding:30px;text-align:center}.progress-card>.eyebrow{justify-content:center}.progress-ring{--progress:95%;width:min(245px,100%);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--accent) var(--progress),#b8c9c066 0);padding:17px;margin:25px auto 18px;transform:rotate(-90deg)}.progress-ring>div{width:100%;height:100%;border-radius:50%;background:var(--wash);display:flex;flex-direction:column;justify-content:center;transform:rotate(90deg)}.progress-ring strong{font-weight:400;font-size:43px;letter-spacing:-.06em}.progress-ring span{font-size:11px;color:var(--muted)}.progress-legend{display:flex;justify-content:center;gap:15px;font-size:11px}.progress-legend p{margin:0}.progress-legend i,.calendar-key i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.remaining-dot{background:var(--accent)}.worked-dot{background:#b8c9c0}.small-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:16px}.secondary-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-top:22px}.clock-card,.weeks-card,.calendar-card,.month-card,.settings-card{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff8}.card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.card-top h2{font:24px var(--serif);letter-spacing:-.03em}.card-top>span{font-size:10px;color:var(--muted);max-width:45%;text-align:right}.clock-digits{display:flex;align-items:start;gap:16px;margin-top:22px;font-variant-numeric:tabular-nums}.clock-digits strong{font-weight:400;font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:-.04em}.clock-digits span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.clock-digits>b{font-size:26px;font-weight:300;color:#99b5b2;line-height:1.7}.weeks-card h2{margin:15px 0 22px;display:flex;align-items:baseline;gap:12px;letter-spacing:-.03em}.weeks-card h2 strong{font-size:45px;font-weight:400}.weeks-card h2 span{font-size:17px;font-family:var(--serif);font-style:italic}.weeks-bar{height:11px;background:var(--accent);border-radius:10px;overflow:hidden}.weeks-bar span{display:block;height:100%;background:#c4d3c9}.weeks-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px}.pto-strip{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:32px;padding:25px 0}.pto-strip h2{font:27px var(--serif);letter-spacing:-.025em;margin:10px 0}.pto-strip p{color:var(--muted);font-size:13px}.countdown-app .button{background:var(--deep);border-color:var(--deep)}.calendar-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:22px}.calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px}.calendar-heading h2{font:32px var(--serif);letter-spacing:-.03em;margin-top:9px}.month-controls{display:flex;gap:6px}.month-controls button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:20px;min-height:40px;min-width:40px;font-size:12px;padding:7px}.weekday-labels,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday-labels span{text-align:center;font-size:10px;color:var(--muted);padding-bottom:14px}.calendar-days button,.calendar-blank{aspect-ratio:1;min-width:0}.calendar-days button{border:1px solid transparent;color:var(--ink);background:#eaf0e955;border-radius:12px;font-size:15px;position:relative}.calendar-days button:disabled{opacity:.6}.calendar-days button.pto{background:var(--accent);color:#fff}.calendar-days button.holiday{background:#eadbb8;color:#5b4d30}.calendar-days button.today{border:2px solid var(--accent)}.calendar-days button small{display:block;font-size:8px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.calendar-days button.outside{background:transparent;opacity:.35}.calendar-days button:not(:disabled):hover{outline:2px solid var(--accent);outline-offset:1px}.calendar-key{display:flex;gap:16px;font-size:10px;margin-top:25px}.pto-key{background:var(--accent)}.holiday-key{background:#dec797}.today-key{border:1px solid var(--accent)}.month-card{background:var(--wash)}.month-number{display:block;font-size:95px;font-weight:300;letter-spacing:-.07em;line-height:1.3;margin-top:24px}.month-card h2{font:italic 27px var(--serif);letter-spacing:-.02em}.month-card dl{margin:30px 0}.month-card dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-size:13px}.month-card dd{font-weight:600}.month-card>p{font-size:12px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-card h2{font:30px var(--serif);letter-spacing:-.035em;margin-top:12px}.form-fields{display:grid;gap:22px;margin-top:28px}.form-fields>label{font-size:13px;display:grid;gap:8px}.form-fields input,.form-fields select,.custom-holiday input:not([type=checkbox]){width:100%;min-width:0;min-height:46px;padding:9px 12px;background:#fff;border:1px solid #b7cbc4;border-radius:9px;color:var(--ink);font-size:15px}.form-fields span{font-size:11px;color:var(--muted)}.holiday-options{display:grid;gap:10px;margin-top:25px}.check-row{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.5}.check-row input{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}.observe-row{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:12px}.custom-section{margin-top:22px}.custom-holiday{border:0;border-top:1px solid var(--line);padding:24px 0;margin:24px 0 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px}.custom-holiday label:not(.check-row){font-size:11px;display:grid;gap:6px}.custom-holiday .quiet-button{justify-self:end}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.form-actions p{font-size:12px;color:var(--muted)}.save-bar{position:sticky;bottom:16px;z-index:5;background:#fbfcf5ed;backdrop-filter:blur(18px);border:1px solid #baccc1;box-shadow:0 10px 35px #143e4720;border-radius:20px;padding:18px 22px;margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.save-bar strong{display:block;font-size:14px;font-weight:500}.save-bar span{display:block;font-size:11px;color:var(--muted)}.save-bar>div:last-child{display:flex;gap:10px}.empty-plan,.conflict-panel{padding:30px;border:1px solid var(--line);border-radius:24px;margin-bottom:25px;background:var(--wash)}.empty-plan h2,.conflict-panel h2{font:30px var(--serif);letter-spacing:-.025em;margin-bottom:15px}.empty-plan p,.conflict-panel p{font-size:14px;max-width:700px;color:var(--muted)}.conflict-panel{border-color:#b49a6e;background:#f5eedc}.conflict-panel .actions{margin-top:20px}.conflict-panel table{width:100%;font-size:12px;text-align:left;margin-top:20px;border-collapse:collapse}.conflict-panel th,.conflict-panel td{padding:8px;border-bottom:1px solid #d9cdb6}.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:900px){.welcome-panel{gap:30px}.days-card{padding:30px;min-height:390px}.days-card-bottom span:last-child{display:none}.days-card-bottom span:first-child{max-width:100%}.progress-card{padding:25px 20px}.progress-ring{padding:13px}.progress-legend{flex-direction:column;gap:3px}.secondary-grid{grid-template-columns:1fr 1fr}.calendar-layout{grid-template-columns:1.7fr 1fr}.calendar-card,.month-card{padding:20px}.calendar-heading{align-items:start;flex-direction:column}.account-controls{flex-direction:column;gap:4px;align-items:end}.clock-digits{gap:10px}}
@media(max-width:650px){.countdown-heading{padding:30px 0;align-items:start}.countdown-heading .eyebrow{font-size:8px}.account-controls{font-size:10px;max-width:130px}.welcome-panel{grid-template-columns:1fr;padding:30px 0;gap:35px}.welcome-art{max-width:330px;width:100%;margin:auto}.welcome-ring strong{font-size:35px}.welcome-ring span{font-size:8px}.welcome-ring{gap:25px}.countdown-grid,.secondary-grid,.calendar-layout,.settings-grid{grid-template-columns:1fr;gap:16px}.workspace-toolbar{gap:7px}.view-tabs{gap:0;padding:3px}.view-tabs button{font-size:11px;padding:9px 11px}.workspace-toolbar>.quiet-button{padding:8px 10px;font-size:11px}.sync-row{min-height:65px;gap:10px;font-size:11px}.days-card{min-height:350px;padding:28px}.days-number{font-size:110px;margin-top:18px}.days-card h2{font-size:27px}.days-card-bottom{padding-top:18px}.progress-card{padding:25px}.progress-ring{width:215px;margin-block:20px}.progress-legend{flex-direction:row;gap:20px}.secondary-grid{margin-top:16px}.clock-card,.weeks-card,.settings-card{padding:24px}.clock-digits strong{font-size:46px}.clock-digits{gap:15px}.pto-strip{align-items:start;flex-direction:column}.calendar-heading{flex-direction:row;align-items:center}.calendar-heading h2{font-size:25px}.calendar-heading .eyebrow{font-size:8px}.month-controls{gap:3px}.month-controls button{min-width:34px}.calendar-days button{font-size:14px;border-radius:9px}.calendar-days button small{font-size:7px}.calendar-key{gap:12px}.month-card{padding:24px}.month-number{font-size:75px;margin-top:10px}.custom-holiday{grid-template-columns:1fr 1fr}.custom-holiday>label:first-child{grid-column:1/-1}.custom-holiday .quiet-button{grid-column:1/-1}.custom-section .card-top{align-items:start}.custom-section .quiet-button{white-space:nowrap}.custom-section h2{font-size:25px}.form-actions{align-items:start;flex-direction:column}.save-bar{flex-direction:column;align-items:stretch;padding:16px;gap:12px;bottom:8px}.save-bar>div:last-child{justify-content:flex-end}.save-bar .button,.save-bar .quiet-button{font-size:12px;padding:11px 15px}.conflict-panel{padding:20px}.conflict-panel table{font-size:10px}.conflict-panel th,.conflict-panel td{padding:7px 3px}.mode-banner{font-size:11px}.countdown-app{padding-bottom:50px}}

.apple-auth-button:focus-visible{outline:3px solid #a05f13;outline-offset:5px}.conflict-panel details{margin-top:18px;font-size:13px}.conflict-panel details h3{font-size:18px;margin:20px 0 10px}.conflict-panel details p{font-size:12px;overflow-wrap:anywhere}

.sharing-panel { margin-bottom: 28px; }
.sharing-panel p { line-height: 1.65; }
.sharing-panel .button, .sharing-panel .quiet-button { margin-top: 16px; }
.sharing-panel input { display: block; width: 100%; min-width: 0; padding: 14px; margin-top: 10px; border: 1px solid #c7d2d0; border-radius: 12px; font: inherit; background: #fff; }
.shared-list-card { margin-top: 24px; }
.shared-countdown-link { display:flex; justify-content:space-between; align-items:center; gap:16px; width:100%; text-align:left; padding:22px 0; border:0; border-top:1px solid #d9e2dd; background:none; color:inherit; font:inherit; cursor:pointer; }
.shared-countdown-link small { display:block; margin-top:6px; color:#52685f; }
#shared-view-banner { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
#shared-view-banner[hidden] { display:none; }
@media(max-width:600px) { .view-tabs { flex-wrap:wrap; } .shared-countdown-link { align-items:flex-start; flex-direction:column; } }