*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:#f6f2e5;font-synthesis:none;background:#a5a475;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400}canvas{touch-action:none;width:100%;height:100%;display:block}button,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #fff4ced9}[hidden]{display:none!important}#grade{z-index:1;pointer-events:none;background:radial-gradient(620px 360px at 120px 100%,#080a0761,#080a0700 70%),linear-gradient(#080a0700 70%,#080a0733);position:fixed;inset:0}#loading{z-index:20;background:#000;place-content:center;transition:opacity .7s;display:grid;position:fixed;inset:0}.loading-line{background:#ffffff2e;width:108px;height:1px;overflow:hidden}.loading-line:after{content:"";background:#fff;width:36px;height:1px;animation:1.6s ease-in-out infinite loading;display:block}@keyframes loading{0%{transform:translate(-36px)}to{transform:translate(108px)}}#clock{z-index:5;pointer-events:none;opacity:1;text-shadow:0 2px 18px #00000073;transition:opacity .4s,transform .4s;position:fixed;bottom:46px;left:48px;transform:translateY(0)}#clock-day{letter-spacing:.35em;opacity:.9;margin-bottom:18px;font-size:11.8px;font-weight:300;line-height:1}#clock-time{letter-spacing:.008em;font-variant-numeric:tabular-nums;text-shadow:0 3px 26px #00000080;font-size:64px;font-weight:300;line-height:.9}#clock-place{letter-spacing:.2em;opacity:.88;margin-top:15px;font-size:10.8px;font-weight:400;line-height:1}body.manual-time #clock{opacity:0;transform:translateY(10px)}#dock{z-index:6;opacity:.78;gap:10px;transition:opacity .35s;display:flex;position:fixed;bottom:30px;right:30px}body.idle #dock{opacity:.2}#dock:hover,#dock:focus-within,body.panel-open #dock{opacity:1}#dock button{-webkit-backdrop-filter:blur(14px)saturate(120%);color:#f6f2e5f2;background:#1c221c52;border:1px solid #fffcf047;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .2s,border-color .2s;display:grid;box-shadow:0 8px 20px #0000001f}#dock button:hover{background:#28302870;border-color:#fffcf075}#settings-toggle[aria-expanded=true]{background:#28302885;border-color:#ece2be9e}svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}#settings{z-index:6;-webkit-backdrop-filter:blur(30px)saturate(120%);color:#f6f2e5;opacity:0;visibility:hidden;background:linear-gradient(#343c3285,#1c221c99);border:1px solid #fffcf029;border-radius:21px;width:min(300px,100vw - 32px);padding:18px;transition:opacity .18s,transform .18s,visibility 0s linear .18s;position:fixed;bottom:82px;right:32px;transform:translateY(8px);box-shadow:0 18px 45px #00000059,inset 0 1px #fffcf01f}#settings:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#fffaf012,#fffaf000 38%);position:absolute;inset:0}#settings.open{opacity:1;visibility:visible;transition:opacity .18s,transform .18s,visibility;transform:none}#settings>*{position:relative}.label{letter-spacing:.17em;text-transform:uppercase;color:#f6f2e5db;font-size:10px;font-weight:350}.time-head{text-align:left;background:0 0;border:0;align-items:center;width:100%;height:14px;padding:0;display:flex}.time-head .label{pointer-events:none}.time-head .value{letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#f6f2e5db;margin-left:auto;font-size:10.5px;transition:color .2s}.time-head .chevron{opacity:.62;width:9px;height:6px;margin-left:8px;transition:transform .2s}.time-open .time-head .chevron{transform:rotate(180deg)}body.manual-time #settings .time-head .value{color:#ece2be}.time-body{opacity:0;align-items:center;gap:10px;height:0;margin-top:0;transition:height .22s,opacity .16s,margin-top .22s;display:flex;overflow:hidden}.time-open .time-body{opacity:1;height:16px;margin-top:12px}.time-body .slider{flex:1;width:auto;margin:0}#time-now{color:#ece2be;letter-spacing:.1em;text-transform:uppercase;background:#ece2be12;border:1px solid #ece2be61;border-radius:8px;flex:none;width:38px;height:16px;padding:0;font-size:8.4px;font-weight:600;transition:color .2s,border-color .2s,background .2s}#time-now:disabled{color:#f6f2e54d;cursor:default;background:0 0;border-color:#ffffff1a}.row{margin-top:14px}.row-head{align-items:baseline;height:14px;display:flex}.row-head .label{line-height:1}.slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:12px 0 0;display:block}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#ece2be 0 var(--fill,50%),#ffffff30 var(--fill,50%) 100%);border-radius:1px;height:2px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#f3eccf;border:0;border-radius:50%;width:10.4px;height:10.4px;margin-top:-4.2px;box-shadow:0 0 0 4px #ece2be1a,0 2px 6px #00000040}.slider::-moz-range-track{background:#ffffff30;border-radius:1px;height:2px}.slider::-moz-range-progress{background:#ece2be;border-radius:1px;height:2px}.slider::-moz-range-thumb{background:#f3eccf;border:0;border-radius:50%;width:10.4px;height:10.4px;box-shadow:0 0 0 4px #ece2be1a,0 2px 6px #00000040}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #fff4ce8c,0 2px 6px #00000040}.slider:disabled{opacity:.35;cursor:default}.slider:disabled::-webkit-slider-thumb{box-shadow:none}.music-head{justify-content:space-between}.music-head .label{margin-right:auto}.music-actions{align-items:flex-end;gap:9px;margin-left:auto;display:flex;transform:translateY(1px)}.icon-button{color:#f6f2e5db;background:0 0;border:0;place-items:center;width:14px;height:14px;padding:0;transition:color .2s;display:grid}.icon-button:hover{color:#f6f2e5}.icon-button:disabled{opacity:.32;cursor:default}.icon-button:disabled:hover{color:#f6f2e5c7}.icon-button svg{width:14px;height:14px;display:block}#next-track svg{stroke-width:1.5px}#sound .sound-off{display:none}#sound[aria-pressed=true] .sound-on{display:block}#sound[aria-pressed=true] .sound-off,#sound[aria-pressed=false] .sound-on{display:none}#sound[aria-pressed=false] .sound-off{display:block}#failure{text-align:center;z-index:30;background:#66755aee;place-content:center;padding:25px;display:grid;position:fixed;inset:0}#failure-message{opacity:.7;max-width:440px;font-size:12px;line-height:1.8}#failure button{color:#ecebdc;background:0 0;border:1px solid #ecebdc40;border-radius:3px;margin-top:16px;padding:9px 12px;font-size:11px}@media (max-width:600px){#clock{bottom:24px;left:20px}#clock-day{letter-spacing:.3em;margin-bottom:14px;font-size:9.6px}#clock-time{font-size:46px}#clock-place{letter-spacing:.17em;margin-top:11px;font-size:8.6px}#dock{gap:8px;bottom:18px;right:16px}#dock button{width:36px;height:36px}#settings{width:min(300px,100vw - 32px);padding:16px;bottom:66px;right:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body.no-ui{cursor:none}body.no-ui #grade,body.no-ui #clock,body.no-ui #dock,body.no-ui #settings,body.no-ui #loading{display:none!important}