.flip-digit[data-v-867a3bf0]{margin:0 2px}.flip-card[data-v-867a3bf0]{position:relative;width:140px;height:180px;font-size:140px;font-weight:700;line-height:177px;border-radius:10px;background-color:#333;color:#fff;overflow:hidden;box-shadow:0 5px 15px #00000080}.card-item[data-v-867a3bf0]{position:absolute;left:0;top:0;width:100%;height:100%;perspective:600px;z-index:1;list-style:none}.card-item.active[data-v-867a3bf0]{z-index:2}.card-top[data-v-867a3bf0],.card-bottom[data-v-867a3bf0]{overflow:hidden;position:absolute;left:0;width:100%;height:50%;z-index:1}.card-top[data-v-867a3bf0]{top:0;transform-origin:50% 100%}.card-top[data-v-867a3bf0]:after{content:"";position:absolute;top:89px;left:0;width:100%;height:2px;background-color:#00000080;z-index:5}.card-bottom[data-v-867a3bf0]{bottom:0;transform-origin:50% 0%}.card-text[data-v-867a3bf0]{position:absolute;left:0;width:100%;height:200%;text-align:center;background-color:#333;border-radius:10px}.card-top .card-text[data-v-867a3bf0]{top:0}.card-bottom .card-text[data-v-867a3bf0]{bottom:0}.play .card-item.before[data-v-867a3bf0]{z-index:3}.play .card-item.active[data-v-867a3bf0]{animation:showNext-867a3bf0 .5s .5s linear both;z-index:2}.play .card-item.before .card-top[data-v-867a3bf0]{z-index:2;animation:flipTop-867a3bf0 .5s linear both}.play .card-item.active .card-bottom[data-v-867a3bf0]{z-index:2;animation:flipBottom-867a3bf0 .5s .5s linear both}.card-shadow[data-v-867a3bf0]{position:absolute;width:100%;height:100%;z-index:2}.play .card-item.before .card-top .card-shadow[data-v-867a3bf0]{background:linear-gradient(rgba(0,0,0,.1) 0%,rgba(0,0,0,.8) 100%);animation:showShadow-867a3bf0 .5s linear both}.play .card-item.active .card-bottom .card-shadow[data-v-867a3bf0]{background:linear-gradient(rgba(0,0,0,.8) 0%,rgba(0,0,0,.1) 100%);animation:hideShadow-867a3bf0 .5s .3s linear both}@media (max-width: 768px){.flip-card[data-v-867a3bf0]{width:60px;height:100px;font-size:80px;line-height:98px;margin:0 2px}.card-top[data-v-867a3bf0]:after{top:49px}}@media (max-width: 480px){.flip-card[data-v-867a3bf0]{width:40px;height:60px;font-size:50px;line-height:58px;margin:0 1px;border-radius:5px}.card-top[data-v-867a3bf0]:after{top:29px;height:1px}.card-item[data-v-867a3bf0],.card-text[data-v-867a3bf0]{border-radius:5px}}@media (max-height: 480px){.flip-card[data-v-867a3bf0]{width:40px;height:60px;font-size:50px;line-height:58px}.card-top[data-v-867a3bf0]:after{top:29px}}@keyframes flipTop-867a3bf0{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flipBottom-867a3bf0{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes showNext-867a3bf0{0%{z-index:2}5%{z-index:4}to{z-index:4}}@keyframes showShadow-867a3bf0{0%{opacity:0}to{opacity:1}}@keyframes hideShadow-867a3bf0{0%{opacity:1}to{opacity:0}}@font-face{font-family:Digital-7;src:url(https://cdn.jsdelivr.net/gh/min1324/digital-7@master/digital-7.ttf) format("truetype");font-weight:400;font-style:normal}.flip-clock[data-v-61409709]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;background-color:#222;position:relative;overflow:hidden;color:#fff;transition:all .3s ease}.flip-clock.light-mode[data-v-61409709]{background-color:#f0f0f0;color:#333}.light-mode .header[data-v-61409709]{background-color:#f0f0f0cc}.light-mode .header-button[data-v-61409709]{color:#333;border-color:#bbb}.light-mode .header-button[data-v-61409709]:hover{background-color:#0000001a}.light-mode .header-button.active[data-v-61409709]{background-color:#0003;border-color:#888}.light-mode .flip-digit[data-v-61409709]{background-color:#444;color:#fff}.light-mode.line-style .line-clock[data-v-61409709]{background:rgba(35,35,35,.8)}.light-mode.line-style .line-digit[data-v-61409709],.light-mode.line-style .line-divider[data-v-61409709]{color:#0ff}.light-mode.analog-style .analog-clock-face[data-v-61409709]{border-color:#3232324d}.light-mode.analog-style .analog-number[data-v-61409709]{color:#333;text-shadow:0 0 2px rgba(255,255,255,.8)}.light-mode.analog-style .analog-minute-number[data-v-61409709]{color:#323232cc}.light-mode.analog-style .analog-mark[data-v-61409709]{background-color:#32323299}.light-mode.analog-style .analog-mark-hour[data-v-61409709]{background-color:#323232}.light-mode.analog-style .date-display[data-v-61409709],.light-mode .date-display[data-v-61409709]{color:#333}.light-mode.line-style .date-display[data-v-61409709]{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.header[data-v-61409709]{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#222c;z-index:10}.left-header[data-v-61409709]{color:#fff;font-weight:700;font-size:18px}.right-header[data-v-61409709]{display:flex;gap:10px}.header-button[data-v-61409709]{background-color:transparent;border:1px solid #666;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.header-button[data-v-61409709]:hover{background-color:#ffffff1a}.header-button.active[data-v-61409709]{background-color:#fff3;border-color:#aaa}.clock-container[data-v-61409709]{display:flex;align-items:center;justify-content:center;position:relative;width:80%;max-width:1200px;margin:0 auto;margin-bottom:5vh}.divider[data-v-61409709]{font-size:min(8vw,140px);color:#fff;font-weight:700;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 .5vw;z-index:0;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(255,255,255,.4)}.date-display[data-v-61409709]{font-size:min(4vw,32px);font-weight:400;color:#d8d8d8;margin-top:0;text-align:center;width:100%;position:absolute;bottom:15vh;left:0;right:0}.date-display.analog-date[data-v-61409709]{bottom:10vh}.line-clock[data-v-61409709]{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);border-radius:10px;box-shadow:0 5px 15px #00000080;border:1px solid rgba(0,255,255,.1);padding:2vh 5vw;width:70%;max-width:900px}.line-digit[data-v-61409709]{font-size:min(8vw,140px);color:#0ff;line-height:1;text-align:center;text-shadow:0 0 10px rgba(0,255,255,.5);font-weight:700;flex:1}.line-divider[data-v-61409709]{font-size:min(8vw,140px);color:#fff;font-weight:700;line-height:1;opacity:.8;animation:blink-61409709 1s infinite;padding:0 .5vw;text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes blink-61409709{0%,to{opacity:1}50%{opacity:.3}}.flip-clock .clock-container[data-v-61409709]{display:flex;flex-wrap:nowrap;gap:.5vw;justify-content:center;align-items:center;width:100%;max-width:1200px}.flip-digit[data-v-61409709]{flex:0 0 auto;max-width:min(14vw,160px);min-width:70px;position:relative;box-shadow:0 5px 15px #000000b3;margin:0 2px;z-index:1}.analog-clock[data-v-61409709]{display:flex;justify-content:center;align-items:center;margin:0 auto;width:100%;height:100%}.analog-clock-face[data-v-61409709]{position:relative;width:min(80vmin,600px);height:min(80vmin,600px);border-radius:50%;background-color:transparent;border:1px dashed rgba(255,255,255,.3);margin:0 auto;aspect-ratio:1/1}.analog-number[data-v-61409709]{position:absolute;font-size:min(48px,2.24vw);font-weight:600;color:#fff;text-align:center;width:min(65px,16%);height:min(65px,16%);display:flex;align-items:center;justify-content:center;z-index:2;text-shadow:0 0 2px rgba(0,0,0,.8)}.analog-minute-number[data-v-61409709]{position:absolute;font-size:min(20px,.96vw);font-weight:400;color:#fffc;text-align:center;width:min(32px,9%);height:min(32px,9%);display:flex;align-items:center;justify-content:center;z-index:1}.analog-mark[data-v-61409709]{position:absolute;background-color:#fff9;transform-origin:0 0}.analog-mark-hour[data-v-61409709]{background-color:#fff}.analog-hand[data-v-61409709]{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;transition:transform .2s cubic-bezier(.4,2.08,.55,.44);z-index:3}.analog-hand-hour[data-v-61409709]{width:2.9%;height:24%;margin-left:-1.45%;background-color:orange;border-radius:4px 4px 1px 1px}.analog-hand-minute[data-v-61409709]{width:1.9%;height:34%;margin-left:-.95%;background-color:#5df5ff;border-radius:3px 3px 1px 1px;box-shadow:0 0 5px #5df5ff80}.analog-hand-second[data-v-61409709]{width:.6%;height:40%;margin-left:-.3%;background-color:#f53;border-radius:1px;transition:transform .2s cubic-bezier(.4,2.08,.55,.44);transform-origin:50% 100%!important;will-change:transform}.analog-center[data-v-61409709]{position:absolute;width:5.5%;height:5.5%;border-radius:50%;background-color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #ffffff80;z-index:4}.analog-minute-number[style*="fontWeight: 600"][data-v-61409709]{color:#fffffff2;text-shadow:0 0 2px rgba(255,255,255,.3)}@media (max-width: 768px){.clock-container[data-v-61409709]{width:98%;justify-content:center;padding:0}.flip-digit[data-v-61409709]{margin:0 1px;min-width:50px;max-width:14vw}.line-clock[data-v-61409709]{width:90%;padding:1.5vh 2vw}.line-digit[data-v-61409709]{font-size:min(10vw,100px)}.line-divider[data-v-61409709]{font-size:min(10vw,100px);padding:0 .1vw}.divider[data-v-61409709]{font-size:min(10vw,100px);padding:0 .1vw;flex:0 0 auto;width:auto}.date-display[data-v-61409709]{font-size:min(5vw,24px);bottom:10vh}}@media (max-width: 380px){.flip-digit[data-v-61409709]{min-width:40px;margin:0}.divider[data-v-61409709]{padding:0;width:10px}}@media (min-resolution: 120dpi),(min-resolution: 1.25dppx){.flip-clock .clock-container[data-v-61409709]{gap:.8vw}.divider[data-v-61409709],.line-divider[data-v-61409709]{padding:0 .8vw}}@media (orientation: landscape){.clock-container[data-v-61409709]{margin-bottom:3vh}.date-display[data-v-61409709]{bottom:8vh;font-size:min(3vw,28px)}.flip-digit[data-v-61409709]{max-width:min(10vw,140px)}}:fullscreen .flip-clock[data-v-61409709],:-webkit-full-screen .flip-clock[data-v-61409709],:-ms-fullscreen .flip-clock[data-v-61409709]{display:flex;flex-direction:column;justify-content:center}:fullscreen .clock-container[data-v-61409709],:-webkit-full-screen .clock-container[data-v-61409709],:-ms-fullscreen .clock-container[data-v-61409709]{margin-bottom:6vh}:fullscreen .date-display[data-v-61409709],:-webkit-full-screen .date-display[data-v-61409709],:-ms-fullscreen .date-display[data-v-61409709]{bottom:12vh}@media (min-width: 1440px){.flip-clock .clock-container[data-v-61409709]{gap:1vw}.divider[data-v-61409709]{padding:0 1vw}.flip-digit[data-v-61409709]{margin:0;max-width:min(10vw,140px)}}@media (min-width: 2000px),(min-resolution: 192dpi){.flip-clock .clock-container[data-v-61409709]{gap:1.5vw}.divider[data-v-61409709]{padding:0 1.5vw;font-size:min(6vw,120px)}.flip-digit[data-v-61409709]{max-width:min(8vw,130px)}}@supports (-webkit-touch-callout: none){.ios-fullscreen .flip-clock[data-v-61409709]{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.ios-fullscreen .header[data-v-61409709]{padding-top:env(safe-area-inset-top,10px);padding-left:env(safe-area-inset-left,10px);padding-right:env(safe-area-inset-right,10px)}}.flip-clock:not(.line-style):not(.analog-style) .date-display[data-v-61409709]{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.line-style .date-display[data-v-61409709]{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.analog-style .date-display[data-v-61409709]{color:#d8d8d8}.light-mode .divider[data-v-61409709]{color:#333;text-shadow:0 0 5px rgba(150,150,150,.3)}.light-mode:not(.line-style):not(.analog-style) .date-display[data-v-61409709]{color:#333;text-shadow:none}.light-mode.analog-style .analog-clock-face[data-v-61409709]{border-color:#6464644d}.light-mode.analog-style .analog-number[data-v-61409709]{color:#333;text-shadow:0 0 2px rgba(255,255,255,.5)}.light-mode.analog-style .analog-minute-number[data-v-61409709]{color:#505050d9}.light-mode.analog-style .analog-mark[data-v-61409709]{background-color:#505050bf}.light-mode.analog-style .analog-mark-hour[data-v-61409709]{background-color:#464646}.light-mode.analog-style .analog-hand-hour[data-v-61409709]{background-color:#d07000}.light-mode.analog-style .analog-hand-minute[data-v-61409709]{background-color:#00b0b0;box-shadow:0 0 5px #00b0b080}.light-mode.analog-style .analog-hand-second[data-v-61409709]{background-color:#e74a3b}.light-mode.analog-style .date-display[data-v-61409709]{color:#333}.date-display.chinese-format[data-v-61409709]{color:inherit}.clock-container[data-v-61409709]{position:relative}.pomodoro-container[data-v-f62c6351]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:5vh 5vw;background-color:#222;color:#fff;position:relative;transition:all .3s ease;width:100%;box-sizing:border-box}.pomodoro-container.light-mode[data-v-f62c6351]{background-color:#f0f0f0;color:#333}.pomodoro-header[data-v-f62c6351]{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:90%;margin-bottom:5vh}.pomodoro-header h2[data-v-f62c6351]{font-size:3.5vw;margin:0}.timer-display[data-v-f62c6351]{display:flex;flex-direction:column;align-items:center;margin-bottom:5vh;width:100%}.digit-container[data-v-f62c6351]{display:flex;align-items:center;justify-content:center;width:100%}.time-digits[data-v-f62c6351]{font-size:min(20vw,260px);font-weight:700;font-family:Oswald,Arial Black,sans-serif;line-height:1;padding:0;margin:0;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.3)}.time-separator[data-v-f62c6351]{font-size:min(20vw,260px);font-weight:700;font-family:Oswald,Arial Black,sans-serif;line-height:1;margin:0 10px;padding:0 5px;color:#fff;opacity:.9;position:relative;top:-.05em}.light-mode .time-digits[data-v-f62c6351],.light-mode .time-separator[data-v-f62c6351]{color:#333;text-shadow:0 4px 8px rgba(0,0,0,.15)}.mode-label[data-v-f62c6351]{font-size:min(4vw,48px);margin-top:3vh;color:#ff6b6b;font-weight:500;cursor:pointer;transition:all .2s ease;padding:10px 20px;border-radius:8px}.mode-label[data-v-f62c6351]:hover{background-color:#ffffff1a}.light-mode .mode-label[data-v-f62c6351]{color:#e74c3c}.light-mode .mode-label[data-v-f62c6351]:hover{background-color:#0000000d}.progress-bar[data-v-f62c6351]{width:90%;max-width:90%;height:2vh;background-color:#ffffff1a;border-radius:1vh;margin-bottom:5vh;overflow:hidden}.light-mode .progress-bar[data-v-f62c6351]{background-color:#0000001a}.progress[data-v-f62c6351]{height:100%;background-color:#ff6b6b;transition:width 1s linear}.light-mode .progress[data-v-f62c6351]{background-color:#e74c3c}.timer-controls[data-v-f62c6351]{display:flex;gap:3vw;margin-bottom:5vh;flex-wrap:wrap;justify-content:center;width:100%}.control-button[data-v-f62c6351]{padding:1.5vh 3vw;border:none;border-radius:50px;font-size:min(2vw,32px);font-weight:700;cursor:pointer;background-color:#ff6b6b;color:#fff;transition:all .2s ease;min-width:15vw;height:8vh}.control-button[data-v-f62c6351]:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.light-mode .control-button[data-v-f62c6351]{background-color:#e74c3c}.session-info[data-v-f62c6351]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:90%}.completed-sessions[data-v-f62c6351]{margin-bottom:3vh;font-size:min(2.5vw,36px);font-weight:500}.timer-settings[data-v-f62c6351]{display:flex;justify-content:space-around;width:100%;padding:3vh 3vw;background-color:#ffffff0d;border-radius:2vh;gap:10vw}.light-mode .timer-settings[data-v-f62c6351]{background-color:#00000008}.settings-group[data-v-f62c6351]{display:flex;flex-direction:column;align-items:center}.settings-group label[data-v-f62c6351]{margin-bottom:2vh;font-size:min(2vw,28px)}.setting-control[data-v-f62c6351]{display:flex;align-items:center;gap:2vw}.setting-control button[data-v-f62c6351]{width:min(5vw,60px);height:min(5vw,60px);border:none;border-radius:50%;background-color:#fff3;color:inherit;font-size:min(2vw,28px);display:flex;align-items:center;justify-content:center;cursor:pointer}.light-mode .setting-control button[data-v-f62c6351]{background-color:#0000001a}.time-input[data-v-f62c6351]{font-size:min(3vw,42px);width:5vw;min-width:60px;max-width:100px;text-align:center;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.3);color:inherit;padding:5px;font-family:Oswald,Arial Black,sans-serif}.light-mode .time-input[data-v-f62c6351]{border-bottom-color:#0003}.time-input[data-v-f62c6351]:focus{outline:none;border-bottom-color:#ff6b6b}.light-mode .time-input[data-v-f62c6351]:focus{border-bottom-color:#e74c3c}.time-input[data-v-f62c6351]::-webkit-inner-spin-button,.time-input[data-v-f62c6351]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-input[data-v-f62c6351]{-moz-appearance:textfield}.confetti-container[data-v-f62c6351]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.confetti-canvas[data-v-f62c6351]{position:absolute;top:0;left:0;width:100%;height:100%}@media (min-width: 1400px){.time-digits[data-v-f62c6351],.time-separator[data-v-f62c6351]{font-size:260px}.mode-label[data-v-f62c6351]{font-size:48px}.control-button[data-v-f62c6351]{font-size:32px;min-width:250px}.completed-sessions[data-v-f62c6351]{font-size:36px}.settings-group label[data-v-f62c6351]{font-size:28px}.setting-control button[data-v-f62c6351]{width:60px;height:60px;font-size:28px}.time-input[data-v-f62c6351]{font-size:42px;width:100px}.pomodoro-header h2[data-v-f62c6351]{font-size:48px}}@media (min-width: 992px) and (max-width: 1399px){.time-digits[data-v-f62c6351],.time-separator[data-v-f62c6351]{font-size:200px}.mode-label[data-v-f62c6351]{font-size:40px}.control-button[data-v-f62c6351]{font-size:28px;min-width:220px}.time-input[data-v-f62c6351]{font-size:36px;width:80px}}@media (max-width: 767px){.pomodoro-container[data-v-f62c6351]{padding:20px 20px 70px;justify-content:flex-start}.pomodoro-header[data-v-f62c6351]{margin-bottom:30px}.pomodoro-header h2[data-v-f62c6351]{font-size:24px}.timer-settings[data-v-f62c6351]{flex-direction:column;gap:30px;padding:20px;margin-bottom:60px}.time-digits[data-v-f62c6351],.time-separator[data-v-f62c6351]{font-size:min(12vw,80px)}.mode-label[data-v-f62c6351]{font-size:18px;margin-top:5px}.timer-controls[data-v-f62c6351]{margin-bottom:20px;gap:10px}.control-button[data-v-f62c6351]{padding:8px 16px;font-size:14px;min-width:100px;height:auto}.completed-sessions[data-v-f62c6351]{font-size:20px}.settings-group label[data-v-f62c6351]{font-size:18px}.setting-control button[data-v-f62c6351]{width:36px;height:36px;font-size:16px}.time-input[data-v-f62c6351]{font-size:22px;width:50px;min-width:40px}}@media (max-width: 767px) and (orientation: portrait){.pomodoro-container[data-v-f62c6351]{padding-bottom:90px}.timer-display[data-v-f62c6351]{margin-top:20px;margin-bottom:30px}}@media (max-width: 767px) and (orientation: landscape){.pomodoro-container[data-v-f62c6351]{padding:10px 20px 70px}.time-digits[data-v-f62c6351],.time-separator[data-v-f62c6351]{font-size:min(12vw,80px)}.mode-label[data-v-f62c6351]{font-size:18px;margin-top:5px}.timer-controls[data-v-f62c6351]{margin-bottom:20px;gap:10px}.control-button[data-v-f62c6351]{padding:8px 16px;font-size:14px;min-width:100px;height:auto}}:fullscreen .pomodoro-container[data-v-f62c6351]{padding-top:5vh;justify-content:center}.control-panel{position:fixed;top:10px;right:10px;display:flex;flex-direction:column;align-items:center;background:rgba(30,30,30,.8);border-radius:8px;padding:8px;box-shadow:0 2px 10px #0000004d;color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);-webkit-user-select:none;user-select:none}.light-mode .control-panel{background:rgba(240,240,240,.8);color:#222;box-shadow:0 2px 10px #0000001a}@media (max-width: 768px){.control-panel{top:5px;right:5px;padding:1px;background:rgba(40,40,40,.6);border-radius:12px}.dark-mode .control-panel{background:rgba(40,40,40,.6)}.panel-buttons{gap:1px}.panel-btn{width:20px!important;height:20px!important;font-size:10px!important;min-width:unset;min-height:unset}.panel-btn .icon{font-size:10px!important}.panel-btn.style-btn{border-radius:10px;width:auto!important;min-width:40px!important;height:20px!important;padding:0 5px!important}.panel-btn.style-btn .style-text{font-size:8px!important}}.panel-buttons{display:flex;flex-direction:row;align-items:center}.panel-btn{width:40px;height:40px;margin:4px;border-radius:50%;background:rgba(40,40,40,.7);border:none;cursor:pointer;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;outline:none;box-shadow:0 2px 5px #0003}.light-mode .panel-btn{background:rgba(230,230,230,.7);color:#333;box-shadow:0 2px 5px #0000001a}.panel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d;background:rgba(60,60,60,.8)}.light-mode .panel-btn:hover{background:rgba(210,210,210,.8);box-shadow:0 4px 8px #0003}.panel-btn:active{transform:translateY(1px);box-shadow:0 1px 3px #0003}.panel-btn.active{background:#e74c3c;color:#fff}.light-mode .panel-btn.active{background:#c0392b;color:#fff}.panel-btn.style-btn{border-radius:20px;width:auto;min-width:50px;padding:0 8px;overflow:hidden}.panel-btn.style-btn .style-text{display:block;font-size:12px;white-space:nowrap}.panel-btn.disabled{opacity:.5;cursor:not-allowed}.panel-btn.disabled:hover{transform:none;box-shadow:0 2px 5px #0003}.footer[data-v-57eac19d]{position:fixed;bottom:0;left:0;right:0;width:100%;padding:2rem 1rem 1rem;transition:transform .3s ease,background-color .5s ease,color .5s ease;color:#aaa;transform:translateY(100%);z-index:1000}.footer.footer-visible[data-v-57eac19d]{transform:translateY(0)}.footer.dark-mode[data-v-57eac19d]{background-color:#191919f2;color:#aaa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer[data-v-57eac19d]:not(.dark-mode){background-color:#f0f0f0f2;color:#555;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bottom-detector[data-v-57eac19d]{position:fixed;bottom:0;left:0;right:0;height:20px;z-index:999;pointer-events:auto;background:transparent}.footer-container[data-v-57eac19d]{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto;gap:2rem}.footer-section[data-v-57eac19d]{flex:1;min-width:200px}.footer-section h3[data-v-57eac19d]{font-size:1.2rem;margin-bottom:1rem;font-weight:500}.footer-section p[data-v-57eac19d]{line-height:1.5;margin-bottom:1rem}.footer-section ul[data-v-57eac19d]{list-style:none;padding:0;margin:0}.footer-section li[data-v-57eac19d]{margin-bottom:.5rem}.footer-section a[data-v-57eac19d]{text-decoration:none;color:inherit;opacity:.8;transition:opacity .3s ease}.footer-section a[data-v-57eac19d]:hover{opacity:1}.footer-bottom[data-v-57eac19d]{margin-top:2rem;text-align:center;padding-top:1rem;border-top:1px solid rgba(128,128,128,.2);font-size:.9rem}@media (max-width: 768px){.footer[data-v-57eac19d]{padding:1rem}.footer-container[data-v-57eac19d]{flex-direction:column}.footer-section[data-v-57eac19d]{margin-bottom:1.5rem}.bottom-detector[data-v-57eac19d]{height:30px}}.footer[data-v-57eac19d]:not(.footer-visible){pointer-events:none}.footer.footer-visible[data-v-57eac19d],.bottom-detector[data-v-57eac19d]{pointer-events:auto}.social-section[data-v-57eac19d]{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(128,128,128,.2);text-align:center;max-width:1200px;margin-left:auto;margin-right:auto}.social-section h3[data-v-57eac19d]{font-size:1.3rem;margin-bottom:.5rem;font-weight:600}.social-section p[data-v-57eac19d]{margin-bottom:1.5rem;opacity:.8;font-size:1rem}.social-buttons[data-v-57eac19d]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto;max-width:600px}.social-btn[data-v-57eac19d]{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;min-width:100px;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.social-btn[data-v-57eac19d]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.social-btn.twitter[data-v-57eac19d]{background:linear-gradient(45deg,#1DA1F2,#0d8bd9);color:#fff}.social-btn.facebook[data-v-57eac19d]{background:linear-gradient(45deg,#4267B2,#365899);color:#fff}.social-btn.tiktok[data-v-57eac19d]{background:linear-gradient(45deg,#ff0050,#fd1d1d);color:#fff}.social-btn.reddit[data-v-57eac19d]{background:linear-gradient(45deg,#FF4500,#e63d00);color:#fff}.social-btn.whatsapp[data-v-57eac19d]{background:linear-gradient(45deg,#25D366,#1db954);color:#fff}.social-btn.copy[data-v-57eac19d]{background:linear-gradient(45deg,#6c5ce7,#5b47d1);color:#fff}.social-icon[data-v-57eac19d]{font-size:16px;display:inline-block}.social-text[data-v-57eac19d]{font-size:13px;font-weight:600}@keyframes slideInRight-57eac19d{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight-57eac19d{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.footer[data-v-57eac19d]{padding:1rem}.footer-container[data-v-57eac19d]{flex-direction:column}.footer-section[data-v-57eac19d]{margin-bottom:1.5rem}.bottom-detector[data-v-57eac19d]{height:30px}.social-buttons[data-v-57eac19d]{flex-direction:column;align-items:center;gap:8px}.social-btn[data-v-57eac19d]{width:200px;min-width:unset}.social-section[data-v-57eac19d]{margin-top:1.5rem;padding-top:1.5rem}}.snake-game-area[data-v-f6ff85d6]{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:auto;z-index:9999}.game-controls-center[data-v-f6ff85d6]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;padding:30px;border-radius:15px;color:#fff;display:flex;flex-direction:column;align-items:center;pointer-events:auto;font-size:16px;z-index:10001;box-shadow:0 4px 20px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.game-menu[data-v-f6ff85d6]{text-align:center}.game-controls-center h2[data-v-f6ff85d6]{margin:0 0 15px;font-size:24px;font-weight:700}.game-controls-center p[data-v-f6ff85d6]{margin:0 0 20px;opacity:.8}.start-btn[data-v-f6ff85d6],.close-btn[data-v-f6ff85d6]{background-color:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;margin:5px;min-width:160px;transition:all .3s ease}.close-btn[data-v-f6ff85d6]{background-color:#f44336}.start-btn[data-v-f6ff85d6]:hover{background-color:#45a049;transform:translateY(-2px)}.close-btn[data-v-f6ff85d6]:hover{background-color:#da190b;transform:translateY(-2px)}.game-controls-ingame[data-v-f6ff85d6]{position:fixed;top:30px;right:30px;background-color:#000000b3;padding:8px 12px;border-radius:5px;color:#fff;display:flex;gap:10px;align-items:center;pointer-events:auto;font-size:14px;z-index:10000}.game-controls-ingame p[data-v-f6ff85d6]{margin:0}.game-controls-ingame button[data-v-f6ff85d6]{background-color:#4caf50;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:14px}.game-controls-ingame button[data-v-f6ff85d6]:hover{background-color:#45a049}canvas[data-v-f6ff85d6]{display:block;width:100%;height:100%;background-color:transparent}.game-over-screen[data-v-f6ff85d6]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#323232f2;padding:40px;border-radius:15px;color:#fff;display:flex;flex-direction:column;align-items:center;pointer-events:auto;font-size:16px;z-index:10001;box-shadow:0 4px 20px #000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(100,100,100,.3)}.game-over-menu[data-v-f6ff85d6]{text-align:center}.game-over-screen h2[data-v-f6ff85d6]{margin:0 0 15px;font-size:28px;font-weight:700;color:#f99}.final-score[data-v-f6ff85d6]{margin:0 0 10px;font-size:20px;font-weight:700;color:#ffeb3b}.restart-hint[data-v-f6ff85d6]{margin:0 0 20px;opacity:.8;font-size:14px}.restart-btn[data-v-f6ff85d6]{background-color:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;margin:5px;min-width:160px;transition:all .3s ease}.restart-btn[data-v-f6ff85d6]:hover{background-color:#45a049;transform:translateY(-2px)}.eye-rest-screen[data-v-f6ff85d6]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:10002}.eye-rest-menu[data-v-f6ff85d6]{background-color:#1e1e1ef2;color:#fff;padding:40px;border-radius:15px;text-align:center;box-shadow:0 4px 20px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);max-width:500px}.eye-rest-menu h2[data-v-f6ff85d6]{margin:0 0 15px;font-size:24px;font-weight:700;color:#4caf50}.rest-message[data-v-f6ff85d6]{margin:0 0 20px;font-size:16px;color:#ccc}.social-share[data-v-f6ff85d6]{margin:20px 0;padding:20px;background-color:#0000004d;border-radius:10px}.social-share p[data-v-f6ff85d6]{color:#fff;margin-bottom:15px}.share-buttons[data-v-f6ff85d6]{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.share-btn[data-v-f6ff85d6]{background-color:#4caf50;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.share-btn.twitter[data-v-f6ff85d6]{background-color:#1da1f2}.share-btn.facebook[data-v-f6ff85d6]{background-color:#4267b2}.share-btn.copy[data-v-f6ff85d6]{background-color:#6c757d}.share-btn[data-v-f6ff85d6]:hover{transform:translateY(-2px);opacity:.9}.continue-btn[data-v-f6ff85d6]{background-color:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;margin-top:20px;transition:all .3s ease}.continue-btn[data-v-f6ff85d6]:hover{background-color:#45a049;transform:translateY(-2px)}:root{--bg-primary: #1e1e1e;--bg-gradient: radial-gradient(ellipse at center, #2d2d2d 0%, #1a1a1a 100%);--text-primary: #eee;--text-secondary: #aaa;--card-bg: #333;--card-shadow: rgba(0, 0, 0, .5);--accent-color: #4CAF50;--divider-color: rgba(0, 0, 0, .7);--panel-bg: rgba(0, 0, 0, .3);--panel-button-bg: rgba(0, 0, 0, .2);--panel-button-hover: rgba(255, 255, 255, .1)}.light-theme{--bg-primary: #f0f0f0;--bg-gradient: radial-gradient(ellipse at center, #ffffff 0%, #e0e0e0 100%);--text-primary: #333;--text-secondary: #555;--card-bg: #fff;--card-shadow: rgba(0, 0, 0, .2);--accent-color: #2196F3;--divider-color: rgba(0, 0, 0, .4);--panel-bg: rgba(255, 255, 255, .3);--panel-button-bg: rgba(255, 255, 255, .2);--panel-button-hover: rgba(0, 0, 0, .1)}body{background:var(--bg-primary);background:var(--bg-gradient);color:var(--text-primary)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--panel-bg);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--panel-button-hover)}@media (max-width: 768px){:root{font-size:14px}.control-panel{top:10px;right:10px}.panel-btn{width:36px;height:36px;font-size:16px}}body{margin:0;padding:0;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;transition:background-color .5s ease}body.dark-mode{background-color:#121212;color:#f5f5f5}body.light-mode{background-color:#f5f5f5;color:#121212}body.game-mode-active{overflow:hidden}body.game-mode-active .control-panel,body.game-mode-active .footer,body.game-mode-active .date-display{opacity:0!important;visibility:hidden!important;pointer-events:none!important}#app{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;position:relative;overflow:hidden}.content{display:flex;justify-content:center;align-items:center;flex:1;width:100%;position:relative;z-index:1}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}@media (hover: none){#app{cursor:pointer}}#app.controls-hidden .control-panel,#app.controls-hidden .game-controls-ingame{opacity:0;visibility:hidden;pointer-events:none}.control-panel,.game-controls-ingame{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s ease .5s}.fade-out{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .5s ease,visibility 0s ease .5s!important}.fade-in{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:opacity .5s ease!important}.snake-game-area{z-index:0}.control-panel{z-index:1000}