.clock-main{padding-bottom:74px}.clock-crumb{justify-content:flex-start;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere;margin:12px 0 30px;color:var(--muted);font-size:13px}.clock-hero{max-width:820px;margin-bottom:28px}.clock-hero h1{margin-bottom:14px}.clock-private{display:inline-flex;padding:6px 11px;border-radius:999px;background:#dcece2;color:#3f6b52;font-size:12px;font-weight:800}.clock-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:start;min-width:0}.clock-panel{min-width:0;max-width:100%;background:var(--white);border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 4px 0 #eee5d980}.clock-panel h2{font-size:18px;margin:0 0 8px}.clock-note{margin:0 0 22px;color:var(--muted);font-size:13px}.clock-face{display:flex;align-items:flex-end;justify-content:center;gap:8px;min-height:180px;padding:28px 14px;background:#2f2927;color:#fffdf7;border-radius:24px;overflow:hidden}.clock-value,.countdown-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.055em;line-height:.9;white-space:nowrap}.clock-value{font-size:clamp(52px,9vw,112px);font-weight:850}.clock-ms,.countdown-ms{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:800;color:#f4c98d}.clock-ms{font-size:clamp(18px,3vw,34px);padding-bottom:8px}.clock-meta{display:grid;gap:3px;margin:16px 2px 0}.clock-meta p{margin:0}.clock-date{font-weight:800}.clock-zone{color:var(--muted);font-size:13px;word-break:break-word}.clock-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.clock-actions button,.clock-quick button{font:inherit;cursor:pointer}.clock-status{min-height:24px;margin:14px 0 0;color:var(--muted);font-size:13px}.countdown-panel{transition:border-color .18s,box-shadow .18s}.countdown-panel.is-final{border-color:#d88752;box-shadow:0 0 0 4px #f7e2d2}.countdown-panel.is-reached{border-color:#b94d27;box-shadow:0 0 0 5px #f6d8c9}.countdown-face{display:flex;align-items:flex-end;justify-content:center;gap:6px;margin:18px 0;padding:28px 12px;border-radius:20px;background:#f5eee4;border:1px solid #e8ded0;min-height:126px;overflow:hidden}.countdown-value{font-size:clamp(38px,6vw,70px);font-weight:850}.countdown-ms{font-size:clamp(16px,2.4vw,26px);color:#9b572e;padding-bottom:6px}.countdown-panel.is-final .countdown-value,.countdown-panel.is-reached .countdown-value{color:var(--accent)}.countdown-field{display:grid;gap:7px;min-width:0}.countdown-field label{font-weight:800;font-size:13px}.countdown-field input{width:100%;min-width:0;max-width:100%;min-height:48px;border:1px solid var(--line);border-radius:13px;background:#fffefa;color:var(--ink);padding:10px 12px;font:inherit}.countdown-field input:focus-visible,.clock-actions button:focus-visible,.clock-quick button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.clock-quick{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.clock-quick button{border:1px solid var(--line);background:#faf4ec;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:750;color:var(--ink)}.countdown-status{min-height:46px;margin:12px 0 0;color:var(--muted);font-size:13px}.clock-help{margin-top:22px;border:1px solid var(--line);border-radius:18px;background:#fbf5ed;padding:15px 18px}.clock-help summary{cursor:pointer;font-weight:800}.clock-help ul{margin-bottom:0;color:var(--muted);font-size:13px}.clock-warning{margin:18px 0 0;padding:13px 15px;border-left:4px solid #d89a61;background:#f8eadb;border-radius:8px;color:#66564a;font-size:13px}@media(max-width:860px){.clock-grid{grid-template-columns:minmax(0,1fr)}.clock-face{min-height:160px}}@media(max-width:560px){.clock-main{padding-bottom:48px}.clock-panel{padding:20px;border-radius:20px}.clock-face{padding:24px 8px;min-height:132px}.clock-value{font-size:clamp(48px,16vw,76px)}.clock-ms{font-size:18px;padding-bottom:5px}.countdown-face{padding:24px 8px}.countdown-value{font-size:clamp(34px,11vw,56px)}.clock-actions .button{flex:1 1 145px}.clock-quick button{flex:1 1 110px}}@media(max-width:360px){.clock-face,.countdown-face{gap:3px;padding-inline:5px}.clock-value{font-size:40px;letter-spacing:-.06em}.clock-ms{font-size:12px;padding-bottom:4px}.countdown-value{font-size:30px;letter-spacing:-.06em}.countdown-ms{font-size:12px;padding-bottom:4px}}