.clock-wrapper[data-v-8a43bb38]{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative;transition:background .5s ease}.clock-wrapper.dark-mode[data-v-8a43bb38]{background:linear-gradient(135deg,#1a1a2e,#16213e)}.clock-wrapper.fullscreen[data-v-8a43bb38]{padding:0}.clock-container[data-v-8a43bb38]{align-items:center;display:flex;flex-direction:column;gap:3rem;max-width:1200px;width:100%}.controls[data-v-8a43bb38]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.clock-display[data-v-8a43bb38]{flex-direction:column;gap:2rem;width:100%}.clock-display[data-v-8a43bb38],.time-main[data-v-8a43bb38]{align-items:center;display:flex}.time-main[data-v-8a43bb38]{font-family:Courier New,Monaco,monospace;font-weight:300;gap:.5rem;letter-spacing:.1em}.time-digit[data-v-8a43bb38]{color:#fff;font-size:clamp(4rem,15vw,12rem);font-weight:200;line-height:1;text-shadow:0 4px 20px rgba(0,0,0,.3)}.time-separator[data-v-8a43bb38]{animation:blink-8a43bb38 1s infinite;color:#fffc;font-size:clamp(3rem,12vw,10rem);font-weight:200}@keyframes blink-8a43bb38{0%,50%{opacity:1}51%,to{opacity:.3}}.date-display[data-v-8a43bb38]{margin-top:1rem}.date-text[data-v-8a43bb38]{color:#ffffffe6;font-size:clamp(1.2rem,3vw,2rem);font-weight:300;letter-spacing:.05em;text-shadow:0 2px 10px rgba(0,0,0,.2)}.fullscreen-hint[data-v-8a43bb38]{animation:fadeInOut-8a43bb38 3s infinite;background:#00000080;border-radius:8px;bottom:2rem;color:#fff;font-size:.9rem;left:50%;opacity:.7;padding:.75rem 1.5rem;position:fixed;transform:translate(-50%)}@keyframes fadeInOut-8a43bb38{0%,to{opacity:.7}50%{opacity:.3}}.btn[data-v-8a43bb38]{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.btn-primary[data-v-8a43bb38]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid hsla(0,0%,100%,.3);color:#fff}.btn-primary[data-v-8a43bb38]:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-secondary[data-v-8a43bb38]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid hsla(0,0%,100%,.2);color:#fff}.btn-secondary[data-v-8a43bb38]:hover{background:#ffffff40;transform:translateY(-2px)}.dark-mode .time-digit[data-v-8a43bb38],.dark-mode .time-separator[data-v-8a43bb38]{color:#e0e0e0;text-shadow:0 4px 20px hsla(0,0%,100%,.1)}.dark-mode .date-text[data-v-8a43bb38]{color:#b0b0b0}.dark-mode .btn-primary[data-v-8a43bb38],.dark-mode .btn-secondary[data-v-8a43bb38]{background:#ffffff1a;border-color:#fff3}.dark-mode .btn-primary[data-v-8a43bb38]:hover,.dark-mode .btn-secondary[data-v-8a43bb38]:hover{background:#fff3}@media(max-width:768px){.clock-wrapper[data-v-8a43bb38]{padding:1rem}.time-main[data-v-8a43bb38]{gap:.25rem}.time-separator[data-v-8a43bb38]{animation:none;opacity:.8}.controls[data-v-8a43bb38]{flex-direction:column}.btn[data-v-8a43bb38],.controls[data-v-8a43bb38]{width:100%}}.clock-wrapper.fullscreen .clock-display[data-v-8a43bb38]{gap:4rem}.clock-wrapper.fullscreen .time-digit[data-v-8a43bb38]{font-size:clamp(6rem,20vw,16rem)}.clock-wrapper.fullscreen .time-separator[data-v-8a43bb38]{font-size:clamp(5rem,18vw,14rem)}.clock-wrapper.fullscreen .date-text[data-v-8a43bb38]{font-size:clamp(1.5rem,4vw,2.5rem)}