.clock-wrapper[data-v-feeb964c]{display:flex;justify-content:center;align-items:center}.clock[data-v-feeb964c]{width:300px;height:300px;border-radius:50%;position:relative;box-shadow:0 0 30px #0003;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.clock[data-v-feeb964c]:active{cursor:grabbing}.dial[data-v-feeb964c]{width:100%;height:100%;position:relative;border-radius:50%}.hour-marker[data-v-feeb964c]{position:absolute;width:4px;height:20px;left:50%;top:50%;transform-origin:2px 150px;border-radius:2px}.minute-marker[data-v-feeb964c]{position:absolute;width:2px;height:10px;left:50%;top:50%;transform-origin:1px 150px;border-radius:1px}.center-dot[data-v-feeb964c]{position:absolute;width:12px;height:12px;background:#333;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.hand[data-v-feeb964c]{position:absolute;left:50%;top:50%;transform-origin:50% 0;border-radius:4px;transition:transform .1s ease-out;cursor:grab;box-shadow:0 2px 8px #0003}.hand[data-v-feeb964c]:active{cursor:grabbing;box-shadow:0 4px 12px #0000004d}.hand.dragging[data-v-feeb964c]{transform:scale(1.1);box-shadow:0 6px 16px #0006;z-index:20}.hour-hand[data-v-feeb964c]{z-index:8}.minute-hand[data-v-feeb964c]{z-index:9}.second-hand[data-v-feeb964c]{z-index:10}@media (max-width: 480px){.clock[data-v-feeb964c]{width:250px;height:250px}.hour-marker[data-v-feeb964c]{transform-origin:2px 125px}.minute-marker[data-v-feeb964c]{transform-origin:1px 125px}}@media (max-width: 360px){.clock[data-v-feeb964c]{width:200px;height:200px}.hour-marker[data-v-feeb964c]{transform-origin:2px 100px}.minute-marker[data-v-feeb964c]{transform-origin:1px 100px}}.app[data-v-8c6465b8]{min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center}.header[data-v-8c6465b8]{text-align:center;color:#fff;margin-bottom:30px}.header h1[data-v-8c6465b8]{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header p[data-v-8c6465b8]{font-size:1.2rem;opacity:.9}.clock-container[data-v-8c6465b8]{margin-bottom:40px}.controls[data-v-8c6465b8]{width:100%;max-width:400px}.control-group[data-v-8c6465b8]{background:rgba(255,255,255,.95);border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-group h3[data-v-8c6465b8]{margin-bottom:15px;color:#333;font-size:1.1rem}.color-inputs[data-v-8c6465b8]{display:flex;flex-direction:column;gap:15px}.color-input[data-v-8c6465b8]{display:flex;align-items:center;gap:15px}.color-input label[data-v-8c6465b8]{flex:1;font-weight:500;color:#555}.color-input input[type=color][data-v-8c6465b8]{width:50px;height:40px;border:none;border-radius:8px;cursor:pointer}@media (max-width: 480px){.app[data-v-8c6465b8]{padding:15px}.header h1[data-v-8c6465b8]{font-size:2rem}.control-group[data-v-8c6465b8]{padding:15px}}