.description{max-width:820px;margin:0 auto 12px;padding:0 20px;font-size:15px;line-height:1.7;color:#475569;text-align:center}.pt-wrap{max-width:1100px;margin:16px auto 0;padding:0 16px}.pt-stage{position:relative;background:#0f172a;color:#f8fafc;border-radius:16px;padding:22px 16px 20px;text-align:center;overflow:hidden;transition:background-color .5s ease,color .5s ease}.pt-stage.warn{background:#eab308;color:#1c1917}.pt-stage.danger{background:#dc2626;color:#fff}.pt-status{font-size:16px;color:inherit;opacity:.78;min-height:1.5em;margin:0 0 2px;font-weight:600}.pt-display{font-family:Helvetica Neue,Segoe UI,Arial,sans-serif;font-weight:900;font-variant-numeric:tabular-nums;font-size:clamp(72px,16vw,220px);line-height:1.05;letter-spacing:.01em;color:inherit;user-select:none;-webkit-user-select:none;cursor:default}.pt-stage.has-hours .pt-display{font-size:clamp(52px,11vw,160px)}.pt-stage.overtime .pt-display{opacity:.96}.pt-fired{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:1.4em;margin:6px 0 2px}.pt-fired:empty{min-height:0;margin:0}.pt-fired-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.4);background:#ffffff24;color:inherit;border-radius:999px;padding:3px 12px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.pt-stage.warn .pt-fired-chip{border-color:#00000059;background:#0000001a}.pt-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.pt-stage.flashing .pt-flash{animation:pt-flash .4s ease-in-out 3}@keyframes pt-flash{0%,to{opacity:0}50%{opacity:.7}}@media (prefers-reduced-motion: reduce){.pt-stage.flashing .pt-flash{animation:none}}.pt-controls{position:relative;color:inherit;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.pt-controls button{appearance:none;border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:inherit;font-size:16px;font-weight:600;padding:10px 18px;border-radius:10px;cursor:pointer;min-height:44px;transition:background-color .15s}.pt-stage.warn .pt-controls button{border-color:#00000059;background:#0000001a}.pt-controls button:hover{background:#ffffff38}.pt-stage.warn .pt-controls button:hover{background:#00000029}.pt-controls .pt-primary{font-size:19px;padding:10px 34px;background:#3b82f6;border-color:#3b82f6;color:#fff}.pt-controls .pt-primary:hover{background:#2563eb}.pt-stage.is-fullscreen{border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:0}.pt-stage.is-fullscreen .pt-display{font-size:min(27vw,52vh)}.pt-stage.is-fullscreen.has-hours .pt-display{font-size:min(19vw,40vh)}.pt-stage.is-fullscreen .pt-status{position:absolute;top:20px;left:0;right:0;font-size:22px;opacity:.7}.pt-stage.is-fullscreen .pt-fired{position:absolute;bottom:82px;left:0;right:0}.pt-stage.is-fullscreen .pt-controls{position:absolute;bottom:24px;left:0;right:0;margin-top:0;opacity:.35;transition:opacity .25s}.pt-stage.is-fullscreen .pt-controls:hover,.pt-stage.is-fullscreen .pt-controls:focus-within{opacity:1}.pt-settings{max-width:820px;margin:20px auto 0;display:flex;flex-direction:column;gap:22px}.pt-group-title{font-size:13.5px;font-weight:700;color:#334155;margin:0 0 10px;padding-bottom:5px;border-bottom:2px solid var(--accent, #2a9d8f)}.pt-note{font-size:12.5px;color:#64748b;line-height:1.6;margin:10px 0 0}.pt-preset-row{display:flex;gap:8px;flex-wrap:wrap}.pt-preset-row button{appearance:none;display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;font-size:15px;font-weight:700;padding:10px 16px;border-radius:10px;cursor:pointer;min-height:46px;transition:background-color .15s,border-color .15s}.pt-preset-row button small{font-size:11px;font-weight:500;color:#94a3b8}.pt-preset-row button:hover{border-color:var(--accent, #2a9d8f)}.pt-preset-row button.active{background:var(--accent, #2a9d8f);border-color:var(--accent, #2a9d8f);color:#fff}.pt-preset-row button.active small{color:#ffffffd9}.pt-bells{display:flex;flex-direction:column;gap:8px}.pt-bell-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.pt-bell-on{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;min-width:120px}.pt-bell-on input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent, #2a9d8f)}.pt-bell-name{display:flex;flex-direction:column;line-height:1.2;font-size:16px;font-weight:700;color:#1e293b}.pt-bell-name small{font-size:11px;font-weight:500;color:#94a3b8}.pt-bell-row.is-off{opacity:.55}.pt-bell-rings{font-size:14px;font-weight:700;color:#64748b;white-space:nowrap}.pt-bell-time{display:flex;align-items:center;gap:4px;margin-left:auto}.pt-bell-time input[type=number]{width:68px;font-size:17px;font-weight:600;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;text-align:right;color:#1e293b;background:#fff;box-sizing:border-box;min-height:44px;font-family:inherit}.pt-unit{font-size:14px;color:#475569;margin-right:6px}.pt-options{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap}.pt-mode-switch{display:inline-flex;border:1px solid #cbd5e1;border-radius:10px;overflow:hidden}.pt-mode-switch button{appearance:none;border:none;background:#fff;color:#475569;font-size:14px;font-weight:600;padding:9px 18px;cursor:pointer;min-height:42px}.pt-mode-switch button[aria-pressed=true]{background:#1e293b;color:#fff}.pt-sound{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pt-sound button{appearance:none;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:14px;font-weight:600;padding:9px 16px;border-radius:10px;cursor:pointer;min-height:42px}.pt-sound button:hover{background:#f1f5f9}.pt-sound button[aria-pressed=true]{border-color:#94a3b8;color:#64748b}.pt-volume{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569}.pt-volume input[type=range]{width:120px;accent-color:var(--accent, #2a9d8f)}.pt-kbd-hint{text-align:center;font-size:13px;color:#64748b;margin:0}.pt-kbd-hint kbd{display:inline-block;border:1px solid #cbd5e1;border-bottom-width:2px;border-radius:5px;background:#f8fafc;color:#334155;font-size:12px;font-family:inherit;padding:1px 7px;margin:0 2px}@media (max-width: 600px){.pt-stage{padding:18px 10px 16px}.pt-display{font-size:clamp(60px,20vw,140px)}.pt-controls .pt-primary{font-size:17px;padding:10px 24px}.pt-bell-time{margin-left:0;width:100%;justify-content:flex-start}}@media print{.pt-wrap{display:none}}