*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.clock-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh;height:100dvh;background:#0b0f17;color:#f8fafc}.clock-time{font-size:18vh;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1}.clock-date{font-size:4vh;opacity:.7;text-transform:capitalize}.clock-weather{display:flex;align-items:center;gap:1.5vh;margin-top:3vh;font-size:5vh}.clock-weather .icon{font-size:6vh}.clock-weather .place{font-size:3vh;opacity:.6}.clock-admin{max-width:28rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.clock-admin label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.375rem}.clock-admin input[type=text],.clock-admin select{width:100%;padding:.5rem .75rem;border:1px solid #d4d4d8;border-radius:.5rem;font-size:.875rem}.clock-admin .toggle{display:flex;align-items:center;gap:.5rem}.clock-admin .toggle label{margin:0}.clock-admin .search-row{display:flex;gap:.5rem}.clock-admin .results{margin:.5rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.25rem}.clock-admin .results button{width:100%;text-align:left;background:#f4f4f5;color:#18181b}.clock-admin .selected{font-size:.8125rem;color:#15803d;margin-top:.375rem}.clock-admin button{padding:.5rem 1.25rem;border:0;border-radius:.5rem;background:#18181b;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer}.clock-admin button:disabled{opacity:.5;cursor:default}.clock-admin .saved{color:#15803d;font-size:.875rem}.clock-admin .hint{font-size:.75rem;color:#71717a;margin-top:.25rem}