#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.dropdown-menu{background-color:grey!important}.background{background-color:#343a40}.snow-wrap{position:fixed;left:0;margin-top:0;pointer-events:none;height:100%;width:100%;&.events-all{touch-action:auto;pointer-events:all}&.hide{opacity:0;transition:opacity 1s}canvans{display:block;height:100%;width:100%}}.background,.rain{height:100%;margin:0;overflow:hidden}.rain{background-color:#343a40;position:absolute;left:0;width:100%;z-index:2}.rain.back-row{display:none;z-index:1;bottom:60px;opacity:.5}.body.back-row-toggle .rain.back-row{display:block}.drop{position:absolute;bottom:100%;width:15px;height:120px;pointer-events:none;animation:drop .5s linear infinite}@keyframes drop{0%{transform:translateY(0)}75%{transform:translateY(90vh)}to{transform:translateY(90vh)}}.stem{width:1px;height:60%;margin-left:7px;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.25));animation:stem .5s linear infinite}@keyframes stem{0%{opacity:1}65%{opacity:1}75%{opacity:0}to{opacity:0}}.light{width:15px;height:10px;border-top:2px dotted hsla(0,0%,100%,.5);border-radius:50%;opacity:1;transform:scale(0);animation:light .5s linear infinite;display:none}.body.light-toggle .light{display:block}@keyframes light{0%{opacity:1;transform:scale(0)}80%{opacity:1;transform:scale(0)}90%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.toggles{z-index:3}.toggle,.toggles{position:absolute}.toggle{left:20px;width:50px;height:50px;line-height:51px;box-sizing:border-box;text-align:center;font-family:sans-serif;font-size:10px;font-weight:700;background-color:hsla(0,0%,100%,.2);color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;transition:background-color .3s}.toggle:hover{background-color:hsla(0,0%,100%,.25)}.toggle:active{background-color:hsla(0,0%,100%,.3)}.toggle.active{background-color:hsla(0,0%,100%,.4)}.single-toggle .drop{display:none}.single-toggle .drop:nth-child(10){display:block}.canvasBox[data-v-4217fc61]{margin:0;background-color:#343a40;width:100%;position:absolute;top:0;left:0;z-index:-1;overflow:hidden}#canvas[data-v-4217fc61]{height:100%}.background[data-v-7c1b0258]{background-color:#343a40;margin:0;overflow:hidden;position:absolute;width:100%;height:100%}.button[data-v-7c1b0258]{padding:10px 20px;font-size:16px;border:2px solid transparent;border-radius:5px;background-color:transparent;cursor:pointer;transition:transform .2s,font-size .2s,border-color .2s;z-index:99}.yes-button[data-v-7c1b0258]{border-color:#4caf50;color:#4caf50;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.no-button[data-v-7c1b0258]{border-color:#f44336;color:#f44336;position:absolute}.hover-count[data-v-7c1b0258]{margin-top:20px;font-size:18px;color:#fff}.sad-emoji[data-v-7c1b0258]{font-size:50px;margin-top:20px;color:#f44336}.controls button[data-v-8ced2eb2]{padding:10px;font-size:20px}.controls[data-v-8ced2eb2]{display:flex;flex-direction:column;align-items:center;margin-top:10px}.control-row[data-v-8ced2eb2]{display:flex;gap:20px;margin-bottom:10px}.tetris-container[data-v-8ced2eb2]{display:flex;flex-direction:column;align-items:center;background-color:#282c34;color:#fff;padding:20px;border-radius:10px}canvas[data-v-8ced2eb2]{border:2px solid #fff;background-color:#000}.info-panel[data-v-8ced2eb2]{display:flex;gap:10px;margin-top:10px}button[data-v-8ced2eb2]{padding:10px;border:none;background:#ff4081;color:#fff;border-radius:5px;cursor:pointer}button[data-v-8ced2eb2]:hover{background:#e91e63}.background[data-v-bfab8a12]{background-color:#343a40;margin:0;overflow:hidden;position:relative}#bubbleapp[data-v-bfab8a12]{position:relative;width:100%;height:100vh}.absolute[data-v-bfab8a12]{transition:transform 1s,opacity .5s;border-radius:50%;position:absolute}.absolute[data-v-bfab8a12]:hover{transform:scale(1.2);opacity:.8}.background[data-v-b44db712]{background-color:#343a40;margin:0;overflow:hidden;position:relative}#rippleapp[data-v-b44db712]{position:relative;width:100%;height:100vh}.ripple[data-v-b44db712]{position:absolute;border-radius:50%;pointer-events:none}@keyframes ripple-animation-b44db712{0%{transform:scale(0);opacity:.6}to{transform:scale(6);opacity:0}}.grid-size-select[data-v-22ece37a]{margin:20px 0}.container[data-v-22ece37a]{max-width:800px;margin:0 auto;padding:20px;text-align:center}.title[data-v-22ece37a]{font-size:3rem;color:#ff6b6b;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin-bottom:2rem;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.puzzle-container[data-v-22ece37a]{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:500px;height:500px;margin:20px auto;border:2px solid #4ecdc4;border-radius:10px;overflow:hidden}.tile[data-v-22ece37a]{aspect-ratio:1;background:#fff;transition:transform .3s;cursor:grab;border:1px solid rgba(0,0,0,.1)}.tile[data-v-22ece37a]:hover{transform:scale(1.02);z-index:1;box-shadow:0 0 10px rgba(0,0,0,.2)}.correct[data-v-22ece37a]{border:2px solid #4ecdc4}.celebrate-text[data-v-22ece37a]{animation:shake-22ece37a .8s ease infinite;color:#ff6b6b}@keyframes shake-22ece37a{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes popIn-22ece37a{0%{transform:scale(0)}to{transform:scale(1)}}.vibrant-btn[data-v-22ece37a]{background:#4ecdc4;color:#fff;padding:10px 20px;border:none;border-radius:25px;cursor:pointer;transition:all .3s;margin:10px}.vibrant-btn[data-v-22ece37a]:hover{background:#45b7b0;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.nav-buttons[data-v-22ece37a]{margin:20px 0}.nav-btn[data-v-22ece37a]{background:#ff6b6b;color:#fff;margin:0 10px;padding:8px 16px;border-radius:20px;transition:all .3s}.nav-btn[data-v-22ece37a]:disabled{opacity:.5;cursor:not-allowed}.counter[data-v-22ece37a]{font-size:1.2rem;margin:0 15px}.final-success[data-v-22ece37a],.success-modal[data-v-22ece37a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:20px}.modal-content[data-v-22ece37a]{background:#fff;border-radius:8px;width:80%;max-width:400px;text-align:center;z-index:1001;box-shadow:0 4px 10px rgba(0,0,0,.2);padding:20px;position:relative}.modal-close[data-v-22ece37a]{position:absolute;top:8px;right:12px;font-size:24px;cursor:pointer}.file-upload-btn[data-v-22ece37a]{display:inline-block;padding:15px 30px;background:linear-gradient(45deg,#4ecdc4,#45b7b0);color:#fff;border-radius:30px;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:20px 0;border:2px solid #fff}.file-upload-btn[data-v-22ece37a]:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.hidden-input[data-v-22ece37a]{display:none}.top-modal[data-v-22ece37a]{position:relative;top:20vh;transform:none;margin-top:20px;animation:slideDown-22ece37a .5s ease-out}@keyframes slideDown-22ece37a{0%{top:-50px;opacity:0}to{top:0;opacity:1}}.selected[data-v-22ece37a]{outline:3px solid #ff6b6b}.title[data-v-e2533f9e]{text-align:center;padding:20px 0;color:#f8fafc;font-weight:700}.container[data-v-e2533f9e]{max-width:1300px;margin:0 auto;padding:20px}.columns[data-v-e2533f9e]{display:flex;gap:20px}.column[data-v-e2533f9e]{flex:1;border-radius:12px;padding:16px}h4[data-v-e2533f9e]{color:#e5e7eb;margin-bottom:8px}textarea[data-v-e2533f9e]{min-height:360px;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;padding:14px;background:#020617;color:#f1f5f9;border:1px solid #64748b;border-radius:8px;resize:vertical}textarea[data-v-e2533f9e]::-moz-placeholder{color:#cbd5f5;line-height:1.6}textarea[data-v-e2533f9e]::placeholder{color:#cbd5f5;line-height:1.6}.buttons[data-v-e2533f9e]{margin-top:12px;display:flex;gap:10px}button[data-v-e2533f9e]{background:#38bdf8;color:#020617;border:none;padding:8px 16px;border-radius:8px;font-weight:700;cursor:pointer}button[data-v-e2533f9e]:hover{opacity:.9}.dp-mask{position:fixed;width:100vw;height:100vh;top:0;left:0}.selected-date{cursor:pointer;min-height:28px;padding:3px 10px;border-radius:3px;border:1px solid #bfcbd9;justify-content:flex-start;flex-wrap:wrap;min-width:195px;max-width:230px}.pick-panel,.selected-date{display:flex;align-items:center}.pick-panel{width:280px;position:absolute;flex-direction:column;justify-content:center;color:#48576a;border:1px solid #d1dbe5;box-shadow:0 2px 6px #ccc;background:#fff;border-radius:2px;line-height:20px;margin:5px 0;z-index:10}.last-year:before{content:"<<"}.last-month:before{content:"<"}.next-month:before{content:">"}.next-year:before{content:">>"}.btn{cursor:pointer;padding:3px;margin:0 8px}.btn-link:hover{color:#61c3ff}.dp-footer,.dp-header{display:flex}.dp-footer{width:90%;justify-content:flex-end;padding:8px;margin:8px;border-top:1px solid #daa}.cal-container{width:238px;display:flex;flex-wrap:wrap}.cal-item{width:32px;height:32px;display:flex;justify-content:center;align-items:center;margin:1px}.cal-enable{cursor:pointer}.cal-enable:hover{background-color:#e4e8f1}.cal-disable{color:#d4d8d1;cursor:default}.cal-select{background-color:#61c3ff}.btn-ok{color:#61c3ff;font-size:1rem}.sel-values{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#20a0ff;height:24px;line-height:24px;box-sizing:border-box;font-size:12px;margin:3px;padding:0 5px;border-radius:3px}.smooth-enter-active,.smooth-leave-active{transition:all .5s ease-in-out}.smooth-enter,.smooth-leave-to{transform:translateY(-10px);opacity:0}