@font-face{font-family:Palatino Linotype;font-style:normal;font-weight:400 700;font-display:swap;src:local(Palatino Linotype),local(Palatino),local(Book Antiqua)}:root{--color-bg:#1a1614;--color-bg-deep:#141110;--color-surface:#24201c;--color-surface-2:#2c2722;--color-fg:#f5efe6;--color-muted:#a89e92;--color-subtle:#7a7168;--color-border:#3a342e;--color-accent:#5eb4cc;--color-accent-mid:#6ec0d6;--color-accent-soft:#1e3a44;--color-accent-fg:#0f1a1e;--color-accent-deep:#3a8499;--color-period:#7eb4f0;--color-lunch:#6dc99a;--color-break:#e0b35c;--color-advisory:#b0a4e8;--color-passing:#8a8078;--accent-rgb:94, 180, 204;--clay-border:#ffffff14;--soft-card-border:#ffffff0f;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--shadow-clay:0 1px 0 #ffffff0f inset, 0 4px 0 #2a2420, 0 10px 28px #0006;--shadow-clay-press:0 1px 0 #ffffff0a inset, 0 1px 0 #2a2420, 0 4px 12px #0006;--shadow-clay-accent:0 1px 0 #ffffff1f inset, 0 4px 0 #3a8499, 0 10px 28px #5eb4cc4d;--shadow-soft:0 12px 40px #00000059;--timer-digit-shadow:0 2px 0 #00000059;--font-serif:"Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100dvh;max-height:100dvh;margin:0;overflow:hidden}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{font-family:var(--font-serif);background:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}button:disabled{cursor:default}.bell-app{background:var(--color-bg);height:100dvh;max-height:100dvh;color:var(--color-fg);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;display:flex;overflow:hidden}.bell-header{border-bottom:1px solid color-mix(in oklab, var(--color-border) 80%, transparent);background:color-mix(in oklab, var(--color-bg) 80%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0}.bell-header-inner{justify-content:space-between;align-items:center;gap:.75rem;max-width:48rem;height:4rem;margin:0 auto;padding:0 1rem;display:flex}.bell-brand{align-items:center;gap:.75rem;min-width:0;display:flex}.brand-clock{border-radius:var(--radius-md);background:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-accent);box-shadow:var(--shadow-clay);border:1px solid var(--clay-border);place-items:center;display:grid}.brand-title{letter-spacing:-.025em;margin:0;font-size:1.125rem;font-weight:600;line-height:1.2}.brand-sub{color:var(--color-muted);margin:.1rem 0 0;font-size:.875rem;font-style:italic;line-height:1.2}.bell-header-actions{align-items:center;gap:.5rem;display:flex}.clay-btn{border-radius:var(--radius-md);border:1px solid var(--clay-border);background:var(--color-surface);height:2.5rem;color:var(--color-fg);box-shadow:var(--shadow-clay);justify-content:center;align-items:center;gap:.4rem;padding:0 .9rem;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.clay-btn:active{box-shadow:var(--shadow-clay-press);transform:translateY(2px)}.clay-btn-icon{width:2.5rem;padding:0}.chip-bar{flex-shrink:0;padding:.75rem 1rem .25rem}.chip-bar-inner{flex-wrap:wrap;align-items:center;gap:.5rem;max-width:48rem;margin:0 auto;display:flex}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-subtle);margin:0;font-size:.7rem;font-weight:600}.chip{border-radius:var(--radius-pill);border:1px solid var(--clay-border);background:var(--color-surface);height:2.25rem;color:var(--color-muted);box-shadow:var(--shadow-clay);padding:0 .875rem;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s}.chip:active{box-shadow:var(--shadow-clay-press);transform:translateY(2px)}.chip-active{background:var(--color-accent);color:var(--color-accent-fg);box-shadow:var(--shadow-clay-accent);border-color:#ffffff8c}.bell-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.bell-stage{text-align:center;flex-direction:column;flex:1;align-items:center;min-height:0;padding:.75rem 1.25rem .5rem;display:flex;position:relative;overflow:hidden}.stage-glow{pointer-events:none;background:linear-gradient(to bottom, color-mix(in oklab, var(--color-accent) 12%, transparent), transparent);opacity:.75;height:12rem;position:absolute;inset:0 0 auto}.stage-meta{color:var(--color-muted);margin:0 0 .65rem;font-size:.875rem;position:relative}.stage-meta em{font-style:italic}.stage-meta .dot{color:var(--color-subtle);margin:0 .25rem}.now-block{margin-bottom:.85rem;position:relative}.now-block .eyebrow{margin-bottom:.55rem}.now-title{letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,6vw,2.35rem);font-weight:600;line-height:1.1}.now-date{color:var(--color-muted);font-variant-numeric:tabular-nums;margin:.4rem 0 0;font-size:.875rem}.soft-card{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:28rem;box-shadow:var(--shadow-soft);border:1px solid var(--soft-card-border);position:relative;overflow:hidden}.countdown-card{isolation:isolate;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:28rem;min-height:0;margin:0 auto;padding:clamp(1.25rem,3dvh,2.5rem) clamp(1.25rem,4vw,2rem);display:flex}.countdown-bloom{pointer-events:none;background:radial-gradient(circle, rgba(var(--accent-rgb), .28) 0%, rgba(var(--accent-rgb), .1) 40%, transparent 70%);filter:blur(28px);opacity:.55;z-index:0;border-radius:50%;width:min(90%,18rem);height:min(90%,14rem);animation:4.5s ease-in-out infinite bloom-breathe;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.countdown-bloom-2{opacity:.35;background:radial-gradient(circle, rgba(var(--accent-rgb), .2) 0%, transparent 65%);width:min(70%,12rem);height:min(70%,10rem);animation-duration:6s;animation-direction:reverse;top:55%}@keyframes bloom-breathe{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(.92)}50%{opacity:.65;transform:translate(-50%,-50%)scale(1.08)}}.countdown-content{z-index:1;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.countdown-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--color-subtle);margin:0 0 .35rem;font-size:.7rem;font-weight:600}.countdown-digits{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--color-fg);text-shadow:var(--timer-digit-shadow);margin:0;font-size:clamp(2.75rem,12vw + 1.2dvh,4.5rem);font-weight:600;line-height:1;animation:1s ease-out digit-bloom}@keyframes digit-bloom{0%{opacity:.4;filter:blur(2px);transform:scale(.97)}to{opacity:1;filter:blur();transform:scale(1)}}.countdown-digits-urgent{color:var(--color-accent)}.progress-wrap{width:100%;max-width:16rem;margin:1.5rem auto 0}.progress-track{border-radius:var(--radius-pill);background:var(--color-bg-deep);height:.625rem;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-accent), var(--color-accent-mid), var(--color-accent));background-size:200% 100%;height:100%;transition:width .3s ease-out;animation:2.4s linear infinite progress-shimmer}@keyframes progress-shimmer{0%{background-position:0 0}to{background-position:100% 0}}.countdown-card.urgency-soft{animation:1.4s ease-in-out infinite soft-pulse}.countdown-card.urgency-strong{animation:.7s ease-in-out infinite strong-pulse}@keyframes soft-pulse{0%,to{box-shadow:var(--shadow-soft), 0 0 0 0 rgba(var(--accent-rgb), 0)}50%{box-shadow:var(--shadow-soft), 0 0 0 6px rgba(var(--accent-rgb), .14)}}@keyframes strong-pulse{0%,to{box-shadow:var(--shadow-soft), 0 0 0 0 rgba(var(--accent-rgb), 0);transform:scale(1)}50%{box-shadow:var(--shadow-soft), 0 0 0 8px rgba(var(--accent-rgb), .22);transform:scale(1.01)}}@media (prefers-reduced-motion:reduce){.countdown-bloom,.countdown-bloom-2,.progress-fill,.countdown-digits,.urgency-soft,.urgency-strong{animation:none!important}}.next-card{text-align:center;width:100%;max-width:32rem;color:inherit;font:inherit;appearance:none;flex-direction:column;flex-shrink:0;align-items:center;gap:.45rem;margin:.65rem auto 0;padding:1.25rem 1.25rem 1.35rem;transition:transform .15s,background-color .15s;display:flex}.next-card-cycleable:hover{background:color-mix(in oklab, var(--color-accent) 5%, var(--color-surface))}.next-card-cycleable:active{transform:translateY(1px)}.next-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--color-subtle);margin:0;font-size:.7rem;font-weight:600}.kind-badge{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--badge-color,var(--color-period)) 12%, transparent);color:var(--badge-color,var(--color-period));box-shadow:0 0 0 1px color-mix(in oklab, var(--badge-color,var(--color-period)) 20%, transparent);padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.next-label{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,4vw,1.6rem);font-weight:600;line-height:1.15}.next-time{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:500}.bell-footer{flex-shrink:0;justify-content:center;gap:.65rem;padding:.65rem 1rem 1rem;display:flex}.sheet-root{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;border:none;padding:0;position:absolute;inset:0}.sheet-panel{z-index:1;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--soft-card-border);width:min(100%,28rem);max-height:min(80dvh,32rem);padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:none;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) sheet-up;display:flex;position:relative;box-shadow:0 18px 50px #00000073}@keyframes sheet-up{0%{opacity:.6;transform:translateY(12%)}to{opacity:1;transform:translateY(0)}}.sheet-header{justify-content:space-between;align-items:center;padding:1rem 1rem .65rem;display:flex}.sheet-title{margin:0;font-size:1.15rem;font-weight:600}.sheet-body{padding:.35rem 1rem 1.25rem;overflow-y:auto}.sheet-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-subtle);margin:0 0 .55rem;font-size:.68rem;font-weight:600}.theme-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.25rem;display:grid}.theme-swatch{border-radius:var(--radius-md);border:1px solid var(--clay-border);background:var(--color-surface-2);box-shadow:var(--shadow-clay);color:var(--color-fg);flex-direction:column;align-items:center;gap:.4rem;padding:.7rem .4rem .55rem;display:flex}.theme-swatch-selected{outline:2px solid var(--color-accent);outline-offset:1px}.theme-swatch-dot{border-radius:999px;width:1.65rem;height:1.65rem;box-shadow:inset 0 2px #ffffff26,0 4px 10px #00000040}.theme-swatch-label{font-size:.75rem;font-weight:600}@media (height<=700px){.countdown-digits{font-size:clamp(2.25rem,10vw + 1dvh,3.5rem)}.progress-wrap{margin-top:1rem}}@media (height<=600px){.stage-meta,.brand-sub{display:none}.countdown-digits{font-size:clamp(2rem,9vw,3rem)}}.bell-dock{z-index:20;border-top:1px solid color-mix(in oklab, var(--color-border) 80%, transparent);background:color-mix(in oklab, var(--color-bg) 86%, transparent);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.bell-dock .chip-bar{padding:.7rem 1rem .45rem}.bell-dock .bell-header{border-top:1px solid color-mix(in oklab, var(--color-border) 80%, transparent);background:0 0;border-bottom:none}@media (width<=420px){.hide-sm{display:none}}