.wclock{--accent:#5ec2d8}.wc-add{gap:10px}.wc-add .t-select{max-width:280px}.wc-plan{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.wc-plan-lab{font:700 11.5px/1 Inter,Segoe UI,system-ui,sans-serif;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.wc-plan input[type=range]{flex:1;min-width:160px;accent-color:var(--accent)}.wc-plan b{min-width:112px;text-align:center;color:var(--accent);font:700 13px/1 JetBrains Mono,monospace}.wc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.wc-card{position:relative;display:flex;align-items:center;gap:14px;border-radius:14px;border:1px solid rgba(140,160,235,.2);background:rgba(12,16,30,.6);padding:14px 15px;transition:border-color .15s}.wc-card.day{background:linear-gradient(135deg,rgba(94,194,216,.1),rgba(12,16,30,.6))}.wc-card.night{background:linear-gradient(135deg,rgba(90,80,160,.14),rgba(12,16,30,.65))}.wc-card.home{border-color:#5ec2d88c}.wc-face{width:62px;height:62px;flex:0 0 auto}.wc-face .rim{fill:#080b1680;stroke:#8ca0eb59;stroke-width:2}.wc-face .tick{stroke:#96a5d28c;stroke-width:2;stroke-linecap:round}.wc-face .hh{stroke:var(--ink);stroke-width:4;stroke-linecap:round}.wc-face .mh{stroke:var(--ink);stroke-width:2.6;stroke-linecap:round}.wc-face .sh{stroke:#ff6b6b;stroke-width:1.3;stroke-linecap:round}.wc-face .cap{fill:var(--accent)}.wc-info{flex:1;min-width:0}.wc-city{display:flex;align-items:center;gap:6px;font:800 13.5px/1.2 Inter,Segoe UI,system-ui,sans-serif;color:var(--ink)}.wc-city .wc-home{font:700 9px/1 JetBrains Mono,monospace;color:#06101f;background:var(--accent);border-radius:4px;padding:2px 5px}.wc-time{font:800 22px/1.15 JetBrains Mono,monospace;color:var(--ink);letter-spacing:.5px}.wc-time .sec{font-size:14px;color:var(--dim)}.wc-meta{font:600 11px/1.4 Inter,Segoe UI,system-ui,sans-serif;color:var(--faint);margin-top:2px}.wc-meta .off{color:var(--accent)}.wc-del{position:absolute;top:8px;right:8px;width:22px;height:22px;cursor:pointer;border:none;background:rgba(255,255,255,.05);color:var(--faint);border-radius:50%;font-size:12px;opacity:0;transition:opacity .15s,color .15s,background .15s}.wc-card:hover .wc-del{opacity:1}.wc-del:hover{color:#ff8f8f;background:rgba(255,143,143,.14)}