:root{--clk-red: #e53935;--clk-night-bg: color-mix(in srgb, #1f2937 5%, var(--bg));--clk-night-border:color-mix(in srgb, #1f2937 18%, var(--bg));--clk-twilight-bg: color-mix(in srgb, #f59e0b 4%, var(--bg));--clk-twilight-border: color-mix(in srgb, #f59e0b 22%, var(--bg))}.clk-header{margin:0 0 1.5rem}.clk-header h1{font-family:var(--font-serif);font-size:clamp(28px,5vw,40px);font-weight:600;letter-spacing:-.01em;margin:0 0 .4rem;line-height:1.15}.clk-header__desc{font-family:var(--font-serif);font-style:italic;color:var(--text-muted);margin:0;font-size:15px;line-height:1.65}.clk-main{margin:0 0 3rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.clk-main__top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.clk-main__label{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em}.clk-toggle{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:12.5px}.clk-toggle__btn{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);padding:.3rem .65rem;border-radius:4px;cursor:pointer;transition:all .15s ease}.clk-toggle__btn:hover{color:var(--text);border-color:var(--text-muted)}.clk-toggle__btn[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.clk-toggle__sep{color:var(--text-muted);margin:0 .2rem;opacity:.6}.clk-display{width:100%;display:flex;justify-content:center;align-items:center;min-height:clamp(200px,22vh,260px)}.clk-digital{display:flex;align-items:baseline;gap:.6rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.clk-digital__time{font-size:clamp(64px,14vw,132px);font-weight:500;color:var(--text);line-height:1}.clk-digital__ampm{font-size:clamp(16px,3vw,22px);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.14em}.clk-main__meta{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;text-align:center;letter-spacing:.02em}.clk-main__sep{opacity:.45}.clk-sun{color:var(--text)}.clk-world{margin:0 0 2.5rem}.clk-world__head{display:flex;align-items:baseline;gap:.85rem;margin:0 0 1rem}.clk-world__title{font-family:var(--font-serif);font-size:19px;font-weight:600;margin:0}.clk-world__hint{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);letter-spacing:.02em;flex:1}.clk-btn{font-family:var(--font-serif);font-size:13.5px;padding:.4rem .95rem;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.clk-btn:hover{border-color:var(--text)}.clk-btn--primary{background:var(--text);color:var(--bg);border-color:var(--text)}.clk-btn--primary:hover{background:color-mix(in srgb,var(--text) 85%,var(--bg))}.clk-zones{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:.75rem}.clk-zone{position:relative;border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem .95rem;background:var(--bg);cursor:grab;transition:border-color .15s ease,background .25s ease,box-shadow .15s ease,opacity .15s ease}.clk-zone:hover{border-color:color-mix(in srgb,var(--text) 35%,transparent)}.clk-zone:active{cursor:grabbing}.clk-zone.is-dragging{opacity:.4;cursor:grabbing}.clk-zone[data-state=night]{background:var(--clk-night-bg);border-color:var(--clk-night-border)}.clk-zone[data-state=dawn],.clk-zone[data-state=dusk]{background:var(--clk-twilight-bg);border-color:var(--clk-twilight-border)}.clk-zone__grip{position:absolute;top:.5rem;left:.4rem;font-family:var(--font-mono);font-size:11px;line-height:1;color:var(--text-muted);opacity:0;transition:opacity .15s ease;pointer-events:none}.clk-zone:hover .clk-zone__grip{opacity:.5}.clk-zone__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.clk-zone__label{font-family:var(--font-serif);font-size:14px;font-weight:600;color:var(--text);letter-spacing:.01em}.clk-zone__icon{font-size:16px;line-height:1;flex-shrink:0}.clk-zone__remove{position:absolute;top:.45rem;right:.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:15px;padding:.1rem .35rem;line-height:1;border-radius:3px;opacity:0;transition:all .15s ease}.clk-zone:hover .clk-zone__remove,.clk-zone:focus-within .clk-zone__remove{opacity:.6}.clk-zone__remove:hover{opacity:1!important;color:var(--clk-red);background:color-mix(in srgb,var(--clk-red) 10%,transparent)}.clk-zone__time{font-family:var(--font-mono);font-size:28px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:1.1}.clk-zone__time-ampm{font-size:.55em;font-weight:500;color:var(--text-muted);letter-spacing:.08em;margin-left:.2em}.clk-zone__tz{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.02em;margin-top:.25rem}.clk-zone__diff{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);margin-top:.35rem;letter-spacing:.01em}.clk-zone__diff--same{color:color-mix(in srgb,var(--text) 65%,transparent)}.clk-zone__sun{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-top:.4rem;padding-top:.5rem;border-top:1px dashed color-mix(in srgb,var(--text) 10%,transparent);display:flex;gap:.6rem;flex-wrap:wrap}.clk-zone__sun-item{display:inline-flex;align-items:center;gap:.25rem}.clk-add{margin-top:1rem;padding:.85rem 1rem;border:1px dashed var(--border);border-radius:8px;display:flex;flex-wrap:wrap;align-items:end;gap:.6rem}.clk-add__label{display:flex;flex-direction:column;gap:.3rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);flex:1 1 220px}.clk-add__label input{font-family:var(--font-mono);font-size:13.5px;padding:.5rem .65rem;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text);letter-spacing:normal;text-transform:none}.clk-add__label input:focus{outline:none;border-color:var(--text)}.clk-shortcuts{margin:0;padding:0;border-top:1px solid var(--border);padding-top:1.25rem}.clk-shortcuts__list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.clk-shortcuts__list div{display:inline-flex;align-items:center;gap:.4rem}.clk-shortcuts__list dt,.clk-shortcuts__list dd{display:inline;margin:0}.clk-shortcuts kbd{font-family:var(--font-mono);font-size:11px;padding:1.5px 6px;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--text) 4%,var(--bg));color:var(--text)}@media(max-width:540px){.clk-main__top{flex-direction:column;align-items:flex-start}.clk-toggle{width:100%;justify-content:flex-end}.clk-world__head{flex-wrap:wrap}.clk-zones{grid-template-columns:1fr}.clk-zone__remove{opacity:.4}}@media(prefers-reduced-motion:reduce){.clk-zone,.clk-toggle__btn,.clk-btn{transition:none}}