*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101820;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}#city{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#city:active{cursor:grabbing}header,footer{position:fixed;left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));pointer-events:none}header{top:max(28px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:flex-start}.identity{padding:9px 0;text-shadow:0 2px 16px #0009}.wordmark{font-size:14px;letter-spacing:.28em;font-weight:600}.sub{display:block;font-size:13px;letter-spacing:.12em;margin-top:9px;opacity:.64}.glass{background:linear-gradient(135deg,#ffffff22,#ffffff0a 48%,#ffffff16);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid #ffffff30;box-shadow:inset 0 1px 0 #ffffff32,inset 0 -1px 0 #ffffff08,0 8px 32px #0002;border-radius:25px}.conditions{padding:16px 21px;min-width:178px;text-shadow:0 1px 6px #0005}.conditions>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:18px}time{font-size:30px;font-weight:300;letter-spacing:-.04em;font-variant-numeric:tabular-nums}#period{font-size:13px;opacity:.7}.weather{display:flex;gap:9px;align-items:center;margin-top:5px;font-size:12px;opacity:.8}#weatherIcon{font-size:18px}footer{bottom:max(26px,env(safe-area-inset-bottom));display:flex;align-items:end;justify-content:space-between;gap:18px}.caption{max-width:240px;text-shadow:0 2px 12px #000}.caption>span{font-size:12px;letter-spacing:.16em;opacity:.65}.caption p{font-size:14px;letter-spacing:.04em;margin:9px 0 6px;font-weight:300}.controls{pointer-events:auto;display:flex;align-items:center;padding:7px;border-radius:100px;gap:3px;position:absolute;left:50%;transform:translateX(-50%);bottom:0}button{font:inherit;color:inherit;cursor:pointer;border:0}.controls button{display:flex;align-items:center;gap:8px;border-radius:100px;background:transparent;min-height:44px;padding:11px 15px;white-space:nowrap;transition:background .2s}.controls button:hover{background:#ffffff1a}.controls button:active{background:#ffffff30}.controls button:focus-visible{outline:2px solid #fff;outline-offset:1px}.controls button:first-child{background:#ffffff18}.controls span{font-size:13px}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#mode svg{fill:currentColor;stroke:none;width:16px}.controls i{height:20px;width:1px;background:#ffffff25;margin:0 3px}.footnote{font-size:12px;opacity:.5;margin-bottom:14px;text-shadow:0 1px 8px #000}#loading{position:fixed;inset:0;background:#101820;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;transition:opacity 1s;letter-spacing:.25em}#loading span{font-size:18px}#loading p{font-size:13px;opacity:.5;letter-spacing:.15em;margin-top:20px}#error{position:fixed;inset:35% 10%;padding:30px;border-radius:20px;background:#18212c;line-height:1.8;z-index:5}#error button{display:block;background:#ffffff20;padding:10px 20px;border-radius:20px;margin-top:15px}@media(max-width:700px){header{left:18px;right:18px;top:max(18px,env(safe-area-inset-top))}.wordmark{font-size:12px;letter-spacing:.18em}.sub{font-size:12px}.conditions{padding:12px 15px;min-width:155px;border-radius:22px}time{font-size:27px}footer{left:18px;right:18px;bottom:max(22px,env(safe-area-inset-bottom));height:112px;justify-content:center}.caption{position:absolute;bottom:74px;text-align:center;max-width:none;width:100%}.caption p{display:none}.footnote{display:none}.controls button{padding:12px}.controls{padding:6px}.controls span{font-size:12px}}