:root{--bg:#121212;--face:#fff;--ink:#000;--ring:#222;--red:#c52626;--soft:#a4a8ad;--soft-strong:#737981;}*{box-sizing:border-box}html,body,body *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;}img,svg{-webkit-user-drag:none;user-drag:none;}html,body{margin:0;width:100%;height:100%}body{min-height:100svh;display:grid;place-items:center;overflow:hidden;background-color:#121212;background-image:url('../img/clock-bg/hg3.png');background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}.clock{position:relative;width:min(89vw,89svh,960px);aspect-ratio:1;border-radius:50%;background:var(--face);border:max(6px,1.15cqi) solid var(--ring);box-shadow:0 2.5cqi 7cqi rgba(0,0,0,.5);container-type:inline-size;overflow:hidden;transform:none;}.marker{position:absolute;inset:0;z-index:1}.marker::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--ink);}.marker-minute::after{width:1.35%;height:4%}.marker-hour::after{width:3.25%;height:10%}.hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;background:var(--ink);z-index:10;}.hour-hand{width:4.4%;height:30%;margin-left:-2.2%}.minute-hand{width:3%;height:42%;margin-left:-1.5%}.second-hand{width:1.35%;height:46%;margin-left:-.675%;background:var(--red);z-index:20;}.second-hand::before{content:"";position:absolute;left:50%;top:16%;transform:translateX(-50%);width:470%;aspect-ratio:1;border-radius:50%;background:var(--red);}.second-hand::after{content:"";position:absolute;left:0;bottom:-25%;width:100%;height:25%;background:var(--red);}.center-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4%;aspect-ratio:1;border-radius:50%;background:var(--red);z-index:30;}.top-block{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:1.05cqi;white-space:nowrap;}.meta{display:flex;align-items:center;justify-content:center;gap:1.3cqi;color:var(--soft);font-size:2.05cqi;font-weight:500;letter-spacing:.055em;line-height:1;text-transform:uppercase;}.dcf{display:flex;align-items:center;gap:.8cqi}.dcf-icon{width:2.4cqi;height:2.4cqi;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}.tz-group{display:flex;align-items:center;gap:.55cqi;}.tz-icon{width:2.15cqi;height:2.15cqi;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none;}.wave{animation:pulse 1.8s ease-in-out infinite}.wave-2{animation-delay:.45s}@keyframes pulse{0%,100%{opacity:.22}50%{opacity:1}}.date{color:var(--soft-strong);font-size:4cqi;font-weight:400;line-height:1;}.kw-top{color:var(--soft);font-size:2.05cqi;font-weight:500;letter-spacing:.08em;line-height:1;text-transform:uppercase;}.bottom-block{position:absolute;left:50%;top:70%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5cqi;white-space:nowrap;}.digital{display:flex;align-items:baseline;justify-content:center;gap:1.65cqi;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1;}.digital-main{display:flex;align-items:baseline;color:#16191e;font-size:9.9cqi;font-weight:430;letter-spacing:-.045em;line-height:.95;}.digital-main .colon{color:var(--soft-strong);font-weight:400;}.digital-ms{color:#777d85;font-size:3.45cqi;font-weight:400;letter-spacing:.02em;line-height:1;transform:none;}.digital-label{color:#90969d;font-size:1.85cqi;font-weight:500;letter-spacing:.02em;line-height:1;white-space:nowrap;}.logo-wrap{position:absolute;left:50%;top:calc(100% + 6.8cqi);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:100%;pointer-events:none;}.logo-wrap img{display:block;width:6.6cqi;max-width:30px;min-width:0;height:auto;opacity:.15;}@media(max-width:420px),(max-height:420px){.clock{width:min(94vw,94svh);transform:none;}}.clock-bg-picker{position:fixed;inset:0;z-index:9000;pointer-events:none}.clock-bg-tab{position:fixed;left:0;top:50%;z-index:9001;display:flex;flex-direction:column;align-items:center;gap:8px;padding:13px 9px 14px;border:0;border-radius:0 12px 12px 0;background:rgba(102,51,153,.92);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.25);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-12px,-50%);transition:opacity .24s ease,transform .24s ease,visibility .24s ease,background .18s ease}.clock-bg-tab.is-visible,.clock-bg-picker.is-open .clock-bg-tab{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%)}.clock-bg-tab:hover,.clock-bg-tab:focus-visible{background:#7b46a8;outline:none}.clock-bg-tab svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.clock-bg-tab span{font:400 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.55px;writing-mode:vertical-rl;transform:rotate(180deg);pointer-events:none}.clock-bg-panel{position:fixed;pointer-events:auto;left:0;top:0;bottom:0;z-index:9002;width:min(370px,88vw);padding:24px 22px 22px;overflow-y:auto;background:rgba(25,27,31,.975);border-right:1px solid rgba(255,255,255,.09);box-shadow:18px 0 50px rgba(0,0,0,.35);color:#d7d9dc;transform:translateX(-105%);transition:transform .28s ease}.clock-bg-picker.is-open .clock-bg-panel{transform:translateX(0)}.clock-bg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.09)}.clock-bg-eyebrow{display:block;margin-bottom:4px;color:#92979e;font-size:10px;line-height:1.2;letter-spacing:.13em;text-transform:uppercase}.clock-bg-panel h2{margin:0;color:#f1f2f3;font-size:1.2rem;line-height:1.25;font-weight:400;letter-spacing:.4px}.clock-bg-close{width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:#22252a;color:#bbbfc5;font-size:25px;line-height:31px;cursor:pointer}.clock-bg-close:hover,.clock-bg-close:focus-visible{border-color:#9b75bd;color:#fff;outline:none}.clock-bg-intro{margin:16px 0 18px;color:#9ca1a8;font-size:.73rem;line-height:1.55}.clock-bg-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px;padding:4px;border-radius:11px;background:#202329}.clock-bg-tabs button{border:0;border-radius:8px;padding:9px 10px;background:transparent;color:#9da2a9;font:400 .72rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;cursor:pointer}.clock-bg-tabs button[aria-selected="true"]{background:#30343b;color:#e3d8ed;box-shadow:0 3px 10px rgba(0,0,0,.18)}.clock-bg-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.clock-bg-options[hidden]{display:none!important}.clock-bg-choice{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:0 0 7px;border:1px solid transparent;border-radius:11px;background:transparent;color:#a9adb3;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.clock-bg-choice:hover{transform:translateY(-1px);background:rgba(255,255,255,.025)}.clock-bg-choice.is-active{border-color:rgba(155,117,189,.6);background:rgba(102,51,153,.12)}.clock-bg-choice.is-active::after{content:"✓";position:absolute;right:7px;top:7px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#663399;color:#fff;font:700 11px/1 Arial,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.3)}.clock-bg-preview{display:block;width:100%;height:68px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.clock-bg-choice>span:last-child{padding:0 6px;font-size:.66rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clock-bg-foot{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09)}.clock-bg-reset{width:100%;padding:10px 12px;border:1px solid rgba(155,117,189,.34);border-radius:9px;background:#24272d;color:#d7c5e7;font:400 .7rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;cursor:pointer}.clock-bg-reset:hover{border-color:#9b75bd;background:#2a2d34}.clock-bg-foot small{display:block;margin-top:10px;color:#81868d;font-size:.59rem;line-height:1.45}.clock-bg-choice[data-clock-bg-value="image-1"] .clock-bg-preview{background-image:url("../img/clock-bg/hg1.png")}.clock-bg-choice[data-clock-bg-value="image-2"] .clock-bg-preview{background-image:url("../img/clock-bg/hg2.png")}.clock-bg-choice[data-clock-bg-value="image-3"] .clock-bg-preview{background-image:url("../img/clock-bg/hg3.png")}.clock-bg-choice[data-clock-bg-value="image-4"] .clock-bg-preview{background-image:url("../img/clock-bg/hg4.png")}.clock-bg-choice[data-clock-bg-value="image-5"] .clock-bg-preview{background-image:url("../img/clock-bg/hg5.png")}.clock-bg-choice[data-clock-bg-value="image-6"] .clock-bg-preview{background-image:url("../img/clock-bg/hg6.png")}.clock-bg-choice[data-clock-bg-value="image-7"] .clock-bg-preview{background-image:url("../img/clock-bg/hg7.png")}.clock-bg-choice[data-clock-bg-value="image-8"] .clock-bg-preview{background-image:url("../img/clock-bg/hg8.png")}.clock-bg-choice[data-clock-bg-value="image-9"] .clock-bg-preview{background-image:url("../img/clock-bg/hg9.png")}.clock-bg-choice[data-clock-bg-value="image-10"] .clock-bg-preview{background-image:url("../img/clock-bg/hg10.png")}.clock-bg-choice[data-clock-bg-value="color-1"] .clock-bg-preview{background:#F1F0F4}.clock-bg-choice[data-clock-bg-value="color-2"] .clock-bg-preview{background:#E3DDED}.clock-bg-choice[data-clock-bg-value="color-3"] .clock-bg-preview{background:#D7E3EA}.clock-bg-choice[data-clock-bg-value="color-4"] .clock-bg-preview{background:#DCE8E1}.clock-bg-choice[data-clock-bg-value="color-5"] .clock-bg-preview{background:#E9E1D3}.clock-bg-choice[data-clock-bg-value="color-6"] .clock-bg-preview{background:#C8D3DB}.clock-bg-choice[data-clock-bg-value="color-7"] .clock-bg-preview{background:#D8C9D3}.clock-bg-choice[data-clock-bg-value="color-8"] .clock-bg-preview{background:#B9A6C7}.clock-bg-choice[data-clock-bg-value="color-9"] .clock-bg-preview{background:#A6B8BA}.clock-bg-choice[data-clock-bg-value="color-10"] .clock-bg-preview{background:#8F7AA0}@media(hover:none),(pointer:coarse){.clock-bg-tab,.clock-bg-panel{display:none!important}}@media(prefers-reduced-motion:reduce){.clock-bg-tab,.clock-bg-panel,.clock-bg-choice{transition:none!important}}