.cd-setup,.cd-panel{border:1px solid var(--appearance-border,#c9dfff);border-radius:8px;padding:20px 24px;margin-bottom:16px;background:var(--appearance-surface,#ffffffd9)}.cd-setup h2,.cd-panel h2{margin:0;font-size:25px}.cd-setup>p{color:var(--muted);margin:4px 0 14px;font-size:14px}.cd-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.cd-presets button,.cd-actions button{background:var(--appearance-raised,#f5faff);color:var(--blue);border:1px solid var(--appearance-border,#bddbff);border-radius:6px;padding:9px 18px;font-size:14px}#cd-form{display:grid;grid-template-columns:1.4fr 1fr .7fr 1.3fr;gap:14px;align-items:end}#cd-form label{font-size:14px;color:var(--muted);min-width:0}#cd-form input,#cd-form select{display:block;width:100%;min-width:0;padding:10px;border:1px solid var(--appearance-border,#bfd5ef);border-radius:6px;margin-top:6px;background:var(--appearance-surface,#fff);color:var(--navy);font:inherit}#cd-form>button{grid-column:1/-1;justify-self:center;min-width:240px;font-size:17px}.cd-panel{text-align:center;background:linear-gradient(145deg,var(--appearance-surface,#fff),var(--appearance-raised,#eef7ff))}#cd-status{color:var(--blue);margin:20px 0 12px}.cd-digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:780px;margin:0 auto 20px;font-variant-numeric:tabular-nums}.cd-digits strong{display:block;font-size:clamp(30px,6vw,76px);line-height:1.3;background:var(--appearance-surface,#fff);border:1px solid var(--appearance-border,#cce3ff);border-radius:10px;padding:8px 4px;color:var(--appearance-text,#092257);overflow-wrap:anywhere}.cd-digits span{display:block;color:var(--muted);margin-top:7px;font-size:16px}.cd-actions{display:flex;justify-content:center;gap:12px}.cd-actions button:disabled{opacity:.45;cursor:default}.cd-note{font-size:13px;color:var(--muted);margin:18px 0 0}.cd-panel:fullscreen,.cd-panel.expanded{background:var(--appearance-raised,#f2f8ff);display:flex;flex-direction:column;justify-content:center;padding:30px;overflow:auto}.cd-panel.expanded{position:fixed;inset:0;z-index:1000;margin:0}.cd-panel:fullscreen .cd-digits,.cd-panel.expanded .cd-digits{width:100%}.cd-panel h2{overflow-wrap:anywhere}button:focus-visible,a:focus-visible{outline:3px solid var(--appearance-border,#80b8ff);outline-offset:3px}@media(max-width:700px){#cd-form{grid-template-columns:1fr 1fr}.cd-setup,.cd-panel{padding:16px}.cd-digits{gap:8px}.timer-intro h1{font-size:34px}.cd-digits strong{font-size:clamp(24px,7vw,48px)}.cd-panel .panel-heading{flex-wrap:wrap}}@media(max-width:420px){#cd-form{grid-template-columns:1fr}.cd-digits span{font-size:14px}}
/* Draft 1: compact setup, event details, and milestone timeline. */
.cd-setup{padding:18px 20px}.cd-setup h2{font-size:25px}.cd-presets button{background:var(--appearance-raised,#f4faff);padding:10px 16px;color:var(--appearance-link,#0067ff)}#cd-form small{display:block;font-size:12px;margin-top:5px;line-height:1.5}#cd-local{padding:3px 0;font-size:13px}.cd-bottom{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:20px;align-items:start;margin-top:12px}.cd-toggle{padding-top:7px}.cd-toggle label{display:flex;align-items:center;gap:10px!important;color:var(--navy)!important}#cd-form .cd-toggle input{appearance:none;width:44px;height:25px;min-width:44px;background:var(--appearance-raised,#b9c6d9);border:0;border-radius:20px;margin:0;padding:3px;cursor:pointer}#cd-form .cd-toggle input:before{content:'';display:block;width:19px;height:19px;border-radius:50%;background:var(--appearance-surface,white);transition:transform .15s}#cd-form .cd-toggle input:checked{background:var(--appearance-primary,#006aff)}#cd-form .cd-toggle input:checked:before{transform:translateX(19px)}.cd-toggle small{color:var(--muted);margin-left:54px}.cd-submit>button{width:100%;font-size:16px}.cd-submit>div{display:flex;gap:8px;margin-top:8px}.cd-submit>div button{flex:1;border:1px solid var(--appearance-border,#a5cdff);border-radius:5px;background:var(--appearance-surface,#fff);color:var(--appearance-link,#0067ff);padding:8px;font-size:13px}.cd-panel{background:linear-gradient(var(--appearance-raised,#f7fbfff2),var(--appearance-raised,#eaf6ffdd)),url(calendar-banner.webp) center/cover}.cd-facts{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;text-align:left;background:var(--appearance-surface,#ffffffc9);border:1px solid var(--appearance-border,#d6e9ff);border-radius:8px;padding:15px;margin-bottom:12px;gap:18px}.cd-facts>div{padding:0 15px}.cd-facts>div+div{border-left:1px solid var(--appearance-border,#d3e5ff)}.cd-facts span,.cd-facts small{display:block;color:var(--muted);font-size:12px}.cd-facts strong{display:block;font-size:14px;margin:5px 0}.cd-note{margin-top:10px;font-size:12px}.cd-milestones{display:flex;align-items:center;gap:30px;border:1px solid var(--appearance-border,#c9dfff);background:var(--appearance-surface,#fff);border-radius:8px;padding:16px 20px;margin-bottom:14px}.cd-milestones h2{font-size:21px;margin:0}.cd-milestones p{font-size:14px;color:var(--muted);margin:5px 0}.cd-milestones ol{display:flex;flex:1;list-style:none;margin:0;padding:0}.cd-milestones li{flex:1;text-align:center;position:relative;color:var(--appearance-muted,#7189af);font-size:13px}.cd-milestones li b{display:block;font-size:20px;margin-bottom:4px}.cd-milestones li:not(:last-child):after{content:'';position:absolute;top:13px;left:60%;width:80%;border-top:1px dashed var(--appearance-border,#c8dbf5)}.cd-milestones li strong,.cd-milestones li span{display:block}.cd-milestones li.reached{color:var(--appearance-link,#0069ff)}.cd-milestones li:last-child b{color:var(--appearance-gold,#ffb324)}#cd-form input:focus-visible{outline:3px solid var(--appearance-border,#80b8ff);outline-offset:2px}@media(max-width:800px){.cd-bottom{grid-template-columns:1fr 1fr}.cd-submit{grid-column:1/-1}.cd-milestones{display:block}.cd-milestones ol{margin-top:16px}.cd-facts{gap:8px;padding:12px}.cd-facts>div{padding:0 5px}}@media(max-width:500px){.cd-bottom,.cd-facts{grid-template-columns:1fr}.cd-facts>div+div{border-left:0;border-top:1px solid var(--appearance-border,#d3e5ff);padding-top:10px}.cd-toggle small{margin-left:54px}.cd-milestones li{font-size:12px}}