.pgc-clock {
  --pgc-bg:#080c18; --pgc-text:#f2f5ff; --pgc-muted:#a4aec7;
  --pgc-accent:#7de9ed; --pgc-rgb:125,233,237; --pgc-secondary:#9b80ff;
  box-sizing:border-box; position:relative; isolation:isolate; overflow:hidden;
  width:100%; max-width:var(--pgc-max-width,720px); margin:28px auto; padding:30px 34px 0;
  background:radial-gradient(ellipse at 95% 0%,rgba(99,70,172,.13),transparent 45%),var(--pgc-bg);
  border:1px solid rgba(180,195,255,.14); border-radius:28px;
  box-shadow:0 24px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);
  color:var(--pgc-text); font-family:Inter,"Segoe UI",Arial,sans-serif; line-height:1.5; text-align:left;
  color-scheme:dark; -webkit-font-smoothing:antialiased;
}
.pgc-clock.pgc-violet {--pgc-accent:#cfb0ff;--pgc-rgb:207,176,255;--pgc-secondary:#ff87bd}
.pgc-clock.pgc-solar {--pgc-accent:#ffd18b;--pgc-rgb:255,209,139;--pgc-secondary:#ff8c85}
.pgc-clock *, .pgc-clock *::before, .pgc-clock *::after {box-sizing:border-box}
.pgc-clock [hidden] {display:none!important}
.pgc-clock .pgc-header {display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:0}
.pgc-clock .pgc-brand {display:flex;align-items:center;gap:10px;font-size:11px;font-weight:650;letter-spacing:2px}
.pgc-clock .pgc-brand-mark {font-size:28px;line-height:1;color:var(--pgc-accent);font-weight:400}
.pgc-clock .pgc-brand-light {font-weight:400;color:var(--pgc-muted)}
.pgc-clock .pgc-badge {display:flex;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1px;padding:6px 10px;background:rgba(var(--pgc-rgb),.06);border:1px solid rgba(var(--pgc-rgb),.18);border-radius:100px;color:var(--pgc-accent);white-space:nowrap}
.pgc-clock .pgc-status-dot {display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--pgc-accent);box-shadow:0 0 10px rgba(var(--pgc-rgb),.45);flex-shrink:0}
.pgc-clock .pgc-title {color:var(--pgc-text);font-family:inherit;font-size:clamp(20px,3vw,29px);font-weight:400;letter-spacing:-.8px;line-height:1.3;margin:28px 0 0;padding:0;border:0;text-transform:none}
.pgc-clock .pgc-stage {position:relative;aspect-ratio:1.18;width:100%;margin:6px 0 0}
.pgc-clock .pgc-canvas {display:block;width:100%;height:100%;border:0;position:absolute;inset:0}
.pgc-clock .pgc-stage-tag,.pgc-clock .pgc-stage-scale {position:absolute;bottom:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:1.5px;line-height:1.5;color:var(--pgc-muted);pointer-events:none}
.pgc-clock .pgc-stage-tag {left:0}.pgc-clock .pgc-stage-scale {right:0}
.pgc-clock .pgc-readout {position:relative;text-align:center;padding:28px 0 26px;background:radial-gradient(ellipse at 50% 45%,rgba(var(--pgc-rgb),.045),transparent 65%)}
.pgc-clock .pgc-time-label {display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;font-weight:500;letter-spacing:3px;color:var(--pgc-accent);margin-bottom:8px}
.pgc-clock .pgc-mini-line {width:24px;height:1px;background:rgba(var(--pgc-rgb),.35)}
.pgc-clock .pgc-time {display:block;color:var(--pgc-text);font-family:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:clamp(38px,8vw,76px);font-weight:300;line-height:1.15;letter-spacing:-3px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-shadow:0 0 40px rgba(var(--pgc-rgb),.12);white-space:nowrap}
.pgc-clock .pgc-zone {font-size:11px;color:var(--pgc-muted);letter-spacing:.7px;margin-top:12px;overflow-wrap:anywhere}
.pgc-clock .pgc-bottom {display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(180,195,255,.12);padding:16px 0}
.pgc-clock .pgc-live {display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.2px;color:var(--pgc-muted)}
.pgc-clock .pgc-actions {display:flex;align-items:center;gap:12px}
.pgc-clock button {appearance:none;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;box-shadow:none;cursor:pointer;background:transparent;color:var(--pgc-muted);font:inherit;text-transform:none;letter-spacing:0;min-height:40px;margin:0;transition:color .2s,background .2s;text-decoration:none}
.pgc-clock .pgc-motion {font-size:15px;width:40px;padding:0}
.pgc-clock .pgc-info {gap:12px;font-size:11px;padding:0 6px}
.pgc-clock .pgc-info span {font-size:17px;color:var(--pgc-accent)}
.pgc-clock button:hover {color:var(--pgc-text);background:rgba(var(--pgc-rgb),.08)}
.pgc-clock button:focus-visible {outline:2px solid var(--pgc-accent);outline-offset:3px}
.pgc-clock .pgc-details {border-top:1px solid rgba(180,195,255,.12);padding:20px 0 26px}
.pgc-clock .pgc-details p {font:inherit;font-size:13px;line-height:1.75;color:var(--pgc-muted);margin:0 0 18px}
.pgc-clock .pgc-digits {display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.pgc-clock .pgc-digit {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:34px;padding:8px 9px;border-radius:8px;background:rgba(var(--pgc-rgb),.065);color:var(--pgc-accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px}
.pgc-clock .pgc-digit small {font-size:9px;color:var(--pgc-muted)}
.pgc-clock .pgc-equation {font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.8;color:var(--pgc-text);margin-bottom:16px;overflow-wrap:anywhere}
.pgc-clock .pgc-details .pgc-explanation {font-size:11px;margin:0;line-height:1.8}
.pgc-clock .pgc-noscript {color:var(--pgc-muted);font-size:13px;margin:0 0 20px}
.pgc-clock .pgc-error {color:var(--pgc-accent)}
@media(max-width:480px) {
  .pgc-clock {padding:22px 20px 0;border-radius:22px;margin:16px auto}
  .pgc-clock .pgc-brand {font-size:9px;letter-spacing:1.2px;gap:6px}
  .pgc-clock .pgc-badge {font-size:9px;padding:5px 8px}
  .pgc-clock .pgc-title {font-size:21px;margin-top:22px;max-width:230px}
  .pgc-clock .pgc-stage {aspect-ratio:1.05;margin-top:14px}
  .pgc-clock .pgc-stage-tag {font-size:8px;letter-spacing:1px}
  .pgc-clock .pgc-stage-scale {font-size:8px;letter-spacing:.5px}
  .pgc-clock .pgc-readout {padding:28px 0 22px}
  .pgc-clock .pgc-time {font-size:clamp(32px,11vw,53px);letter-spacing:-2px}
  .pgc-clock .pgc-live {font-size:8px;letter-spacing:.7px}
  .pgc-clock .pgc-actions {gap:2px}
}
@media(prefers-reduced-motion:reduce) {.pgc-clock button {transition:none}}