.countdown-view-page{width:min(720px,92vw);margin:calc(var(--app-header-offset,120px)) auto 80px;flex-direction:column;align-items:center;display:flex}.view-container{border-radius:var(--brand-radius);border:1px solid var(--brand-border);background:var(--brand-surface);width:100%;box-shadow:var(--brand-shadow);text-align:center;flex-direction:column;align-items:center;gap:24px;padding:40px 32px;display:flex}.view-empty{color:var(--brand-subtle-text);margin:24px 0;font-size:1.1rem}.view-countdown{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.view-label{text-transform:uppercase;letter-spacing:.14em;color:var(--brand-subtle-text);margin:0;font-size:.8rem;font-weight:700}.view-name{color:var(--brand-heading);margin:0;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2}.view-display{border:1px solid var(--brand-border);background:var(--brand-surface,#ffffffeb);border-radius:20px;align-items:center;gap:10px;padding:28px 36px;display:flex;box-shadow:inset 0 0 0 1px #fff6}.countdown-unit{flex-direction:column;align-items:center;min-width:70px;display:flex}.countdown-value{color:var(--brand-heading);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,7vw,4rem);font-weight:700;line-height:1.1;transition:transform .2s}.countdown-value.pulse{transform:scale(1.06)}.countdown-label{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-subtle-text);margin-top:6px;font-size:.75rem;font-weight:600}.countdown-sep{color:var(--brand-subtle-text);align-self:flex-start;margin-top:4px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.view-target{color:var(--brand-subtle-text);margin:0;font-size:1rem}.view-past{color:var(--brand-accent);margin:0;font-size:1.2rem;font-weight:700}.view-create-link{background:var(--brand-accent);color:#fff;border-radius:14px;margin-top:8px;padding:12px 24px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.view-create-link:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0000001f}.view-error{color:var(--brand-subtle-text);margin:24px 0}.view-error a{color:var(--brand-accent);text-decoration:underline}:root.presentation-mode .countdown-view-page{box-sizing:border-box;justify-content:center;align-items:center;width:100vw;max-width:100vw;min-height:100vh;margin:0;padding:24px;display:flex}:root.presentation-mode .view-container{width:min(800px,100%);box-shadow:none;background:0 0;border:none;gap:28px;padding:0}:root.presentation-mode .view-display{box-shadow:none;background:#ffffff0a;border-color:#ffffff14;padding:32px 48px}:root.presentation-mode .view-name{font-size:clamp(2rem,5vw,3.2rem)}:root.presentation-mode .view-label{font-size:.9rem}:root.presentation-mode .countdown-value{font-size:clamp(3.5rem,12vw,7rem)}:root.presentation-mode .countdown-sep{font-size:clamp(2.5rem,7vw,4.5rem)}:root.presentation-mode .countdown-unit{min-width:clamp(60px,14vw,130px)}:root.presentation-mode .countdown-label{font-size:.85rem}:root.presentation-mode .view-target{font-size:1.15rem}:root.presentation-mode .view-past{font-size:1.6rem}:root.presentation-mode .view-create-link{display:none!important}@media (width<=720px){.view-container{padding:32px 20px}.view-display{gap:6px;padding:20px 16px}.countdown-unit{min-width:50px}}@media (width<=480px){.view-display{gap:4px;padding:16px 10px}.countdown-unit{min-width:40px}.countdown-sep{font-size:1.4rem}}