.menubar-clock{white-space:nowrap;border-radius:5px;padding:4px 1px;flex-shrink:0}.menubar-clock:hover,.menubar-clock[aria-expanded=true]{opacity:1;background:#80958b18}.menubar #clock{display:inline-flex;gap:5px;min-width:0;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.menubar-popover.clock-popover{width:324px;padding:0;max-height:min(590px,calc(100dvh - 64px));overflow:auto}.clock-card{padding:22px 20px 13px}.clock-card>header{position:relative}.clock-card>header>span{display:block;color:var(--muted);font-size:9px}.clock-card-time{display:block;font-size:41px;font-weight:400;line-height:1.15;letter-spacing:-2px;font-variant-numeric:tabular-nums;margin-top:5px}.clock-card>header p{font-size:11px;margin-top:8px;line-height:1.5}.clock-card>header small{font:8px ui-monospace,monospace;color:var(--muted);display:block;margin-top:4px}.clock-tabs{display:flex;gap:3px;padding:3px;background:var(--soft);border:1px solid var(--line);border-radius:8px;margin:19px 0 15px}.clock-tabs button{flex:1;padding:7px 5px;font-size:10px;border-radius:5px;color:var(--muted)}.clock-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #163a2510}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;gap:10px}.calendar-toolbar strong{font-size:11px;font-weight:500;text-transform:capitalize}.calendar-toolbar>div{display:flex;align-items:center;gap:5px}.calendar-toolbar button{min-width:23px;height:25px;border-radius:5px;font-size:21px;color:var(--muted)}.calendar-toolbar button[data-clock-action=today]{font-size:9px;padding:0 5px}.calendar-toolbar button:hover{background:var(--soft)}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.calendar-weekdays{font-size:8px;color:var(--muted);text-transform:capitalize;margin-bottom:7px}.calendar-days>button{height:30px;width:30px;margin:auto;border:1px solid transparent;border-radius:50%;font-size:11px;font-variant-numeric:tabular-nums}.calendar-days>button:hover{background:var(--soft)}.calendar-days>button.other-month{color:var(--faint)}.calendar-days>button[aria-current=date]{border-color:var(--accent)}.calendar-days>button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.calendar-selected{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:9px;line-height:1.5;color:var(--muted)}.world-clock-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.world-clock-row:first-child{padding-top:2px}.world-clock-row:last-child{border:0;padding-bottom:4px}.world-clock-row strong{font-size:11px;font-weight:450}.world-clock-row small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.world-clock-row>div:last-child{margin-left:auto;text-align:right}.world-clock-row time{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.world-clock-face{width:32px;height:32px;flex-shrink:0;color:#314c42}.world-clock-face>rect{fill:#f3e7bb;stroke:#b9b99a;stroke-width:.6}.world-clock-face>path{stroke:currentColor;stroke-width:1.2;stroke-linecap:round;fill:none}.world-clock-face .clock-ticks{opacity:.35;stroke-width:.7}.world-clock-face>circle{fill:currentColor}.clock-hand-hour,.clock-hand-minute{transform-origin:12px 12px}.world-clock-face[data-period=night]{color:#d5e2b7}.world-clock-face[data-period=night]>rect{fill:#2c4544;stroke:#496660}
@media(max-width:700px){.menubar #clock{display:inline-flex!important;font-size:9px;min-width:0}.clock-date{display:none}.menubar-clock{padding-inline:2px}.menubar .owner{display:none}.clock-popover .clock-card{padding:18px 18px 12px}.menubar-popover.clock-popover{max-height:calc(100dvh - 55px)}}