.clock-container[data-v-0c14b243]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:20px;background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}.header[data-v-0c14b243]{width:100%;max-width:400px;margin-bottom:40px;text-align:center}h2[data-v-0c14b243]{margin:0 0 20px;font-size:1.2rem;letter-spacing:2px;color:#000;font-weight:600}.selector-wrapper select[data-v-0c14b243]{width:100%;padding:12px;font-size:16px;border:1px solid #cccccc;border-radius:4px;background:#f8f8f8;outline:none}.header-actions[data-v-0c14b243]{display:flex;gap:10px;align-items:center}.header-actions .selector-wrapper[data-v-0c14b243]{flex:1}.fullscreen-btn[data-v-0c14b243]{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#f0f4ff;color:#3b82f6;border:1px solid #bfdbfe;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.fullscreen-btn[data-v-0c14b243]:hover{background:#dbeafe;border-color:#93c5fd}.clock-display[data-v-0c14b243]{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.analog-clock[data-v-0c14b243]{width:240px;height:240px;border:4px solid #333;border-radius:50%;position:relative;background:#fff;cursor:help}.clock-face[data-v-0c14b243]{position:relative;width:100%;height:100%}.mark[data-v-0c14b243]{position:absolute;width:2px;height:10px;background:#999;left:50%;margin-left:-1px;transform-origin:50% 120px}.hand[data-v-0c14b243]{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;border-radius:4px}.hour-hand[data-v-0c14b243]{width:6px;height:60px;background:#333;margin-left:-3px;z-index:3}.minute-hand[data-v-0c14b243]{width:4px;height:90px;background:#666;margin-left:-2px;z-index:2}.second-hand[data-v-0c14b243]{width:2px;height:100px;background:#06f;margin-left:-1px;z-index:1}.center-dot[data-v-0c14b243]{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#333;border-radius:50%;transform:translate(-50%,-50%);z-index:4}.digital-time[data-v-0c14b243]{margin-top:20px;font-size:2.5rem;font-weight:700;color:#000}.zone-slider[data-v-0c14b243]{width:100%;max-width:400px;padding:0 10px}.slider-label[data-v-0c14b243]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#666}input[type=range][data-v-0c14b243]{width:100%;height:40px;cursor:pointer}.current-offset[data-v-0c14b243]{text-align:center;margin-top:10px;font-size:14px;font-weight:600;color:#06f}.clock-container.fullscreen-mode[data-v-0c14b243]{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:40px 60px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);justify-content:center;z-index:9999;animation:fullscreenIn-0c14b243 .3s ease-out}@keyframes fullscreenIn-0c14b243{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.clock-container.fullscreen-mode .header[data-v-0c14b243]{position:absolute;top:20px;right:30px;max-width:none;margin-bottom:0}.clock-container.fullscreen-mode h2[data-v-0c14b243]{display:none}.clock-container.fullscreen-mode .header-actions[data-v-0c14b243]{gap:8px}.clock-container.fullscreen-mode .selector-wrapper[data-v-0c14b243]{display:none}.clock-container.fullscreen-mode .fullscreen-btn[data-v-0c14b243]{background:#3b82f626;color:#93c5fd;border:2px solid rgba(59,130,246,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 18px;font-size:14px}.clock-container.fullscreen-mode .fullscreen-btn[data-v-0c14b243]:hover{background:#3b82f640;border-color:#3b82f680}.clock-container.fullscreen-mode .clock-display[data-v-0c14b243]{margin-bottom:0}.clock-container.fullscreen-mode .analog-clock[data-v-0c14b243]{width:clamp(300px,45vw,500px);height:clamp(300px,45vw,500px);border-width:5px;border-color:#fff6;box-shadow:0 0 60px #3b82f64d,inset 0 0 30px #0003;background:radial-gradient(circle,#1e293b,#0f172a)}.clock-container.fullscreen-mode .mark[data-v-0c14b243]{background:#ffffff80;transform-origin:50% calc(clamp(150px,22.5vw,250px) - 5px)}.clock-container.fullscreen-mode .hour-hand[data-v-0c14b243]{width:8px;height:calc(clamp(300px,45vw,500px)*.26);background:#e2e8f0;margin-left:-4px}.clock-container.fullscreen-mode .minute-hand[data-v-0c14b243]{width:5px;height:calc(clamp(300px,45vw,500px)*.38);background:#94a3b8;margin-left:-2.5px}.clock-container.fullscreen-mode .second-hand[data-v-0c14b243]{width:3px;height:calc(clamp(300px,45vw,500px)*.42);background:#3b82f6;margin-left:-1.5px;box-shadow:0 0 10px #3b82f699}.clock-container.fullscreen-mode .center-dot[data-v-0c14b243]{width:16px;height:16px;background:#e2e8f0;box-shadow:0 0 10px #ffffff4d}.clock-container.fullscreen-mode .digital-time[data-v-0c14b243]{font-size:clamp(3rem,8vw,5.5rem);color:#fff;text-shadow:0 4px 30px rgba(255,255,255,.2);letter-spacing:.05em}.clock-container.fullscreen-mode .zone-slider[data-v-0c14b243]{display:none}@media(max-width:480px){.analog-clock[data-v-0c14b243]{width:200px;height:200px}.mark[data-v-0c14b243]{transform-origin:50% 100px}.digital-time[data-v-0c14b243]{font-size:2rem}.header-actions[data-v-0c14b243]{flex-direction:column;gap:8px}.fullscreen-btn span[data-v-0c14b243]{display:none}}@media(max-width:768px){.clock-container.fullscreen-mode[data-v-0c14b243]{padding:30px 20px}.clock-container.fullscreen-mode .header[data-v-0c14b243]{top:12px;right:16px}.clock-container.fullscreen-mode .analog-clock[data-v-0c14b243]{width:clamp(240px,60vw,380px);height:clamp(240px,60vw,380px)}.clock-container.fullscreen-mode .mark[data-v-0c14b243]{transform-origin:50% calc(clamp(120px,30vw,190px) - 5px)}.clock-container.fullscreen-mode .hour-hand[data-v-0c14b243]{height:calc(clamp(240px,60vw,380px)*.26)}.clock-container.fullscreen-mode .minute-hand[data-v-0c14b243]{height:calc(clamp(240px,60vw,380px)*.38)}.clock-container.fullscreen-mode .second-hand[data-v-0c14b243]{height:calc(clamp(240px,60vw,380px)*.42)}.clock-container.fullscreen-mode .digital-time[data-v-0c14b243]{font-size:clamp(2.5rem,10vw,4rem)}}@media(max-width:480px){.clock-container.fullscreen-mode[data-v-0c14b243]{padding:20px 16px}.clock-container.fullscreen-mode .header[data-v-0c14b243]{top:8px;right:12px}.clock-container.fullscreen-mode .fullscreen-btn[data-v-0c14b243]{padding:8px 12px;font-size:13px}.clock-container.fullscreen-mode .analog-clock[data-v-0c14b243]{width:clamp(200px,70vw,280px);height:clamp(200px,70vw,280px);border-width:4px}.clock-container.fullscreen-mode .mark[data-v-0c14b243]{transform-origin:50% calc(clamp(100px,35vw,140px) - 5px)}.clock-container.fullscreen-mode .hour-hand[data-v-0c14b243]{height:calc(clamp(200px,70vw,280px)*.26);width:6px;margin-left:-3px}.clock-container.fullscreen-mode .minute-hand[data-v-0c14b243]{height:calc(clamp(200px,70vw,280px)*.38);width:4px;margin-left:-2px}.clock-container.fullscreen-mode .second-hand[data-v-0c14b243]{height:calc(clamp(200px,70vw,280px)*.42);width:2px;margin-left:-1px}.clock-container.fullscreen-mode .center-dot[data-v-0c14b243]{width:12px;height:12px}.clock-container.fullscreen-mode .digital-time[data-v-0c14b243]{font-size:clamp(2rem,12vw,3rem)}}<style scoped> .clock-h1[data-v-0c14b243]{margin:0;padding:0;font-size:inherit;font-weight:inherit}