.clock-container[data-v-e7a397fa]{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-e7a397fa]{width:100%;max-width:400px;margin-bottom:40px;text-align:center}h2[data-v-e7a397fa]{margin:0 0 20px;font-size:1.2rem;letter-spacing:2px;color:#000;font-weight:600}.selector-wrapper select[data-v-e7a397fa]{width:100%;padding:12px;font-size:16px;border:1px solid #cccccc;border-radius:4px;background:#f8f8f8;outline:none}.clock-display[data-v-e7a397fa]{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.analog-clock[data-v-e7a397fa]{width:240px;height:240px;border:4px solid #333;border-radius:50%;position:relative;background:#fff;cursor:help}.clock-face[data-v-e7a397fa]{position:relative;width:100%;height:100%}.mark[data-v-e7a397fa]{position:absolute;width:2px;height:10px;background:#999;left:50%;margin-left:-1px;transform-origin:50% 120px}.hand[data-v-e7a397fa]{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;border-radius:4px}.hour-hand[data-v-e7a397fa]{width:6px;height:60px;background:#333;margin-left:-3px;z-index:3}.minute-hand[data-v-e7a397fa]{width:4px;height:90px;background:#666;margin-left:-2px;z-index:2}.second-hand[data-v-e7a397fa]{width:2px;height:100px;background:#06f;margin-left:-1px;z-index:1}.center-dot[data-v-e7a397fa]{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-e7a397fa]{margin-top:20px;font-size:2.5rem;font-weight:700;color:#000}.zone-slider[data-v-e7a397fa]{width:100%;max-width:400px;padding:0 10px}.slider-label[data-v-e7a397fa]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#666}input[type=range][data-v-e7a397fa]{width:100%;height:40px;cursor:pointer}.current-offset[data-v-e7a397fa]{text-align:center;margin-top:10px;font-size:14px;font-weight:600;color:#06f}@media(max-width:480px){.analog-clock[data-v-e7a397fa]{width:200px;height:200px}.mark[data-v-e7a397fa]{transform-origin:50% 100px}.digital-time[data-v-e7a397fa]{font-size:2rem}}