:root{--cd-max-width:1180px}.countdown-page{width:min(var(--cd-max-width), 95vw);margin:calc(var(--app-header-offset,120px)) auto 96px;flex-direction:column;gap:32px;display:flex}.countdown-hero{border-radius:var(--brand-radius);border:1px solid var(--brand-border);background:var(--brand-surface);box-shadow:var(--brand-shadow);justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.hero-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--brand-subtle-text);margin:0 0 8px;font-size:.8rem}.countdown-hero h1{color:var(--brand-heading);margin:0 0 12px;font-size:clamp(2rem,3vw,2.8rem)}.countdown-hero p{color:var(--brand-text);margin:0}.countdown-grid{grid-template-columns:minmax(280px,400px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.create-card,.active-card{border-radius:var(--brand-radius);border:1px solid var(--brand-border);background:var(--brand-surface,#ffffffe0);box-shadow:var(--brand-shadow);flex-direction:column;gap:20px;padding:24px;display:flex}.card-header h2{color:var(--brand-heading);margin:0}.card-header p{color:var(--brand-subtle-text);margin:6px 0 0}.create-form{flex-direction:column;gap:16px;display:flex}.create-form label{color:var(--brand-heading);flex-direction:column;gap:6px;font-weight:600;display:flex}.create-form input[type=text],.create-form input[type=date],.create-form input[type=time]{border:1px solid var(--brand-border);background:var(--brand-surface,#fffffff2);color:var(--brand-text);border-radius:12px;padding:10px 12px;font-size:1rem}.create-datetime{grid-template-columns:1fr 1fr;gap:12px;display:grid}.color-label{gap:8px}.color-swatches{gap:10px;display:flex}.color-swatch{background:var(--swatch,#3498db);cursor:pointer;border:3px solid #0000;border-radius:50%;width:36px;height:36px;transition:transform .15s,border-color .15s,box-shadow .15s}.color-swatch:hover{transform:scale(1.1)}.color-swatch[data-selected=true]{border-color:var(--brand-heading);box-shadow:0 0 0 2px var(--brand-surface), 0 0 0 4px var(--swatch,#3498db)}.create-btn{border:1px solid var(--brand-border);background:var(--brand-accent);color:#fff;cursor:pointer;border-radius:14px;padding:12px 18px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s}.create-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0000001f}.active-body{flex-direction:column;gap:16px;display:flex}.active-empty{color:var(--brand-subtle-text);text-align:center;border:1px dashed var(--brand-border);background:#ffffff80;border-radius:14px;padding:32px 16px}.active-countdown{flex-direction:column;align-items:center;gap:16px;display:flex}.active-name{color:var(--brand-heading);text-align:center;margin:0;font-size:clamp(1.2rem,2.5vw,1.6rem)}.countdown-display{border:1px solid var(--brand-border);background:var(--brand-surface,#ffffffeb);border-radius:18px;align-items:center;gap:8px;padding:20px 24px;display:flex;box-shadow:inset 0 0 0 1px #fff6}.countdown-unit{flex-direction:column;align-items:center;min-width:60px;display:flex}.countdown-value{color:var(--brand-heading);font-variant-numeric:tabular-nums;font-size:clamp(2rem,5vw,3.2rem);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:4px;font-size:.75rem;font-weight:600}.countdown-sep{color:var(--brand-subtle-text);align-self:flex-start;margin-top:4px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.active-target{color:var(--brand-subtle-text);margin:0;font-size:.95rem}.active-past{color:var(--brand-subtle-text);margin:0;font-style:italic}.share-btn{border:1px dashed var(--brand-border);color:var(--brand-accent);cursor:pointer;background:0 0;border-radius:14px;padding:10px 18px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.share-btn:hover{background:#3498db14;transform:translateY(-1px);box-shadow:0 12px 24px #0000001f}.share-toast{color:var(--brand-accent);text-align:center;margin:0;font-size:.9rem;font-weight:600}.events-section{flex-direction:column;gap:16px;display:flex}.events-section>h2{color:var(--brand-heading);margin:0;font-size:clamp(1.3rem,2vw,1.6rem)}.events-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.events-empty{color:var(--brand-subtle-text);text-align:center;border:1px dashed var(--brand-border);background:#ffffff80;border-radius:14px;grid-column:1/-1;padding:24px}.event-card{border:1px solid var(--brand-border);background:var(--brand-surface,#ffffffe6);box-shadow:var(--brand-shadow);border-left:4px solid var(--event-color,#3498db);border-radius:16px;flex-direction:column;gap:10px;padding:18px;transition:transform .15s,box-shadow .15s;display:flex}.event-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0000001a}.event-card__name{color:var(--brand-heading);margin:0;font-size:1.05rem;font-weight:700}.event-card__time{color:var(--brand-subtle-text);font-size:.85rem}.event-card__countdown{color:var(--brand-heading);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.event-card__countdown.past{color:var(--brand-subtle-text);font-size:.95rem;text-decoration:line-through}.event-card__actions{gap:8px;margin-top:4px;display:flex}.event-card__actions button{border:1px solid var(--brand-border);cursor:pointer;border-radius:12px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .15s}.event-card__actions button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0000001a}.btn-view{background:var(--brand-accent);color:#fff}.btn-share{color:var(--brand-accent);background:0 0;border-style:dashed}.btn-delete{color:#c0392b;background:0 0;border-style:dashed}.seo-content-area{border-radius:var(--brand-radius);border:1px solid var(--brand-border);background:var(--brand-surface,#ffffffe0);box-shadow:var(--brand-shadow);flex-direction:column;gap:20px;padding:32px;line-height:1.6;display:flex}.seo-content-area h2{color:var(--brand-heading);margin:0}.seo-content-area h3{color:var(--brand-heading);margin:0 0 8px}.seo-content-area p{color:var(--brand-text);margin:0}.seo-content-area ul{color:var(--brand-text);margin:8px 0 0;padding-left:20px}.seo-content-area a{color:var(--brand-accent);text-decoration:underline}.seo-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.seo-grid figure{flex-direction:column;gap:8px;margin:0;display:flex}.seo-grid img{border:1px solid var(--brand-border);border-radius:12px;width:100%}.seo-grid figcaption{color:var(--brand-subtle-text);font-size:.85rem}.seo-toc{border:1px solid var(--brand-border);background:#ffffff80;border-radius:14px;padding:20px}.seo-toc h3{margin:0 0 12px}.seo-toc ol{color:var(--brand-text);margin:0;padding-left:20px}.seo-toc li{margin-bottom:4px}.seo-toc a{color:var(--brand-accent);text-decoration:none}.seo-toc a:hover{text-decoration:underline}@media (width<=1100px){.countdown-grid{grid-template-columns:1fr}}@media (width<=720px){.countdown-hero{flex-direction:column;align-items:flex-start}.create-datetime{grid-template-columns:1fr}.countdown-display{gap:4px;padding:16px}.countdown-unit{min-width:48px}.events-grid{grid-template-columns:1fr}}@media (width<=480px){.countdown-display{gap:2px;padding:12px 8px}.countdown-unit{min-width:40px}.countdown-sep{font-size:1.2rem}}