.launch[data-v-4557fe25]{position:fixed;z-index:16;top:0;left:0;width:100%;height:100vh;background-color:#e3ceb2;transform-origin:center center;transform:scale(2);opacity:0;transition:all .8s ease-in;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;pointer-events:none}.launch.show[data-v-4557fe25]{transform:scale(1);opacity:1;pointer-events:all}.launch .bg[data-v-4557fe25]{position:fixed;width:100%;height:100%;pointer-events:none}.launch .bg .canvas[data-v-4557fe25]{width:100%;height:100%}.content[data-v-4557fe25]{width:100vw;text-align:center;font-weight:700;padding:15px;box-sizing:border-box}.content .text-xl[data-v-4557fe25]{text-align:center;font-size:30px}.content .text[data-v-4557fe25]{margin-top:60px;opacity:0}.content .btn[data-v-4557fe25]{opacity:0;padding:10px 30px;border-radius:30px;background-color:#000;font-size:18px;color:#fff;width:fit-content;margin:60px auto 0;transition:all .3s}.content .btn.disabled[data-v-4557fe25]{pointer-events:none}.content .btn[data-v-4557fe25]:active{transform:scale(1.2)}.page1[data-v-abe6c360]{position:fixed;z-index:9;top:0;height:calc(100vh + 90px);width:100%;max-width:750px;background-color:#7a7bfc;clip-path:polygon(0 0,100% 0,100% calc(100% - 90px),0 100%);pointer-events:none}.page1 .bg[data-v-abe6c360]{position:fixed;z-index:0;top:0;left:0;width:100%;white-space:nowrap;font-size:0;animation:cloud-abe6c360 50s linear infinite}.page1 .bg img[data-v-abe6c360]{position:relative;width:100%;transform:scaleY(-1)}.page1 .bg img[data-v-abe6c360]:nth-child(2){transform:scale(-1)}.page1 .text[data-v-abe6c360]{position:fixed;height:50vh;width:100%;box-sizing:border-box;top:10%;left:0;padding:5px 15px;font-size:50px;font-weight:700;line-height:60px;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:center}.page1 .text .text-sm[data-v-abe6c360]{font-size:20px;line-height:30px}.page1 .text .date[data-v-abe6c360]{position:absolute;top:0;right:15px;font-size:12px;font-weight:400;margin-top:10px}.page1 .person[data-v-abe6c360]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:750px;transform-origin:center bottom}.page1 .arrow[data-v-abe6c360]{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:20px;transform-origin:center center;animation:arrow-abe6c360 3s infinite}@keyframes cloud-abe6c360{0%{transform:translate(0)}to{transform:translate(calc(-100% - min(100vw,750px)))}}@keyframes arrow-abe6c360{50%{transform:translateY(100%) translate(-50%)}to{transform:translateY(0) translate(-50%)}}.page2[data-v-77c3fc09]{position:fixed;z-index:8;top:0;height:calc(100vh + 90px);width:100%;max-width:750px;background-color:#f894bf;clip-path:polygon(0 0,100% 0,100% calc(100% - 90px),0 100%);pointer-events:none}.page2 .bg[data-v-77c3fc09]{position:fixed;object-fit:cover;top:0;left:0;width:100%;height:100%}.page2 .text[data-v-77c3fc09]{position:fixed;height:calc(100vh - 150px);display:flex;flex-direction:column;justify-content:space-between;bottom:100px;padding-right:15px;right:0;font-size:20px;font-weight:700}.page2 .text .block[data-v-77c3fc09]{position:relative;padding-left:10px;margin-left:40%;color:#333;border-radius:60px}.page2 .text .block[data-v-77c3fc09]:nth-child(1){margin-left:15px}.page2 .text .block[data-v-77c3fc09]:nth-child(2){margin-left:15px}.page2 .text .block .line[data-v-77c3fc09]{position:relative;background-color:#fff;width:fit-content;border-radius:20px;overflow:hidden;padding:5px 10px}.page2 .text .block .desc[data-v-77c3fc09]{font-size:12px;font-weight:400}.page2 .text .block .desc .line[data-v-77c3fc09]{border-radius:30px}.page2 .text .block .desc .line[data-v-77c3fc09]:nth-child(1){top:-5px}.page2 .text .block .desc .line[data-v-77c3fc09]:nth-child(2){top:-10px}.page2 .text .block .desc .line[data-v-77c3fc09]:nth-child(3){top:-15px}.page2 .text .block .desc .line[data-v-77c3fc09]:nth-child(4){top:-20px}.page2 .person[data-v-77c3fc09]{position:fixed;bottom:0;left:-30%;width:100%;transform-origin:bottom center}.page3[data-v-e6a713f7]{position:fixed;z-index:7;top:0;height:calc(100vh + 90px);width:100%;max-width:750px;background-color:#8cc63f;clip-path:polygon(0 0,100% 0,100% calc(100% - 90px),0 100%);pointer-events:none}.page3 .bg[data-v-e6a713f7]{position:fixed;object-fit:cover;top:0;left:0;width:100%;height:100%}.page3 .text[data-v-e6a713f7]{position:fixed;top:10%;padding:15px;font-size:20px;line-height:40px;font-weight:700;background-color:#fff;margin:30px 15px 15px}.page3 .person[data-v-e6a713f7]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%}.container[data-v-55edf978]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}.painting-board[data-v-55edf978]{background-color:#fff;border-radius:10px;overflow:hidden;width:100%;max-width:1200px;margin:0 auto}.toolbar[data-v-55edf978]{display:flex;flex-wrap:wrap;padding:15px;background-color:#f8f9fa;border-bottom:1px solid #dae0e5;gap:15px;align-items:center}@media(max-width:768px){.toolbar[data-v-55edf978]{flex-direction:column;align-items:stretch}}.tool-section[data-v-55edf978]{display:flex;align-items:center;gap:10px}.section-label[data-v-55edf978]{font-weight:600;color:#343a40;font-size:.9rem;white-space:nowrap}.color-options[data-v-55edf978]{display:flex;flex-wrap:wrap;gap:8px}.color-option[data-v-55edf978]{width:14px;height:14px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.color-option[data-v-55edf978]:hover{transform:scale(1.2);box-shadow:0 4px 8px #0003}.color-option.active[data-v-55edf978]{border-color:#343a40;transform:scale(1.2);box-shadow:0 4px 8px #0000004d}.brush-size[data-v-55edf978]{display:flex;align-items:center}.brush-size input[type=range][data-v-55edf978]{width:100px;cursor:pointer}.controls[data-v-55edf978]{display:flex;gap:8px;flex-wrap:wrap}button[data-v-55edf978]{padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:5px;font-size:.9rem}button[data-v-55edf978]:disabled{opacity:.5;cursor:not-allowed}button.undo-btn[data-v-55edf978]{background-color:#ffc107;color:#343a40}button.undo-btn[data-v-55edf978]:hover:not(:disabled){background-color:#d39e00}button.redo-btn[data-v-55edf978]{background-color:#17a2b8;color:#fff}button.redo-btn[data-v-55edf978]:hover:not(:disabled){background-color:#117a8b}button.clear-btn[data-v-55edf978]{background-color:#dc3545;color:#fff}button.clear-btn[data-v-55edf978]:hover:not(:disabled){background-color:#bd2130}button.save-btn[data-v-55edf978]{background-color:#28a745;color:#fff}button.save-btn[data-v-55edf978]:hover:not(:disabled){background-color:#1e7e34}.canvas-container[data-v-55edf978]{display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;height:40vh;min-height:400px;touch-action:none}canvas[data-v-55edf978]{width:100%;height:100%;background-color:#fff;cursor:crosshair;display:block;touch-action:none}.history-info[data-v-55edf978]{color:#343a40;font-size:.8rem;margin-left:10px;white-space:nowrap}@media(max-width:480px){.container[data-v-55edf978]{padding:10px}.tool-section[data-v-55edf978]{flex-direction:column;align-items:flex-start}.tool-section.color-picker .color-options[data-v-55edf978],.controls[data-v-55edf978]{justify-content:center}button[data-v-55edf978]{flex:1;justify-content:center;min-width:70px}}.page4[data-v-b1e72433]{position:fixed;z-index:6;top:0;height:100vh;overflow:hidden;width:100%;max-width:750px;background-color:#ffad12;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.page4.visible .btn[data-v-b1e72433]{pointer-events:all}.page4 .bg[data-v-b1e72433]{position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%}.page4 .bg #canvas[data-v-b1e72433]{width:100%;height:100%}.page4 h1[data-v-b1e72433]{text-align:center;padding-top:30px;color:#fff}.page4 .placeholder[data-v-b1e72433]{padding:15px;font-size:16px;color:#fff;text-align:center}.page4 .img[data-v-b1e72433]{width:calc(100% - 30px);margin-left:15px;height:auto;border-radius:10px;margin-top:15px}.page4 .btn[data-v-b1e72433]{border:1px solid #000;background-color:#000;color:#fff;border-radius:30px;padding:8px 40px;font-size:18px;width:fit-content;margin:30px auto 0;pointer-events:none}.page4 .btn[data-v-b1e72433]:active{opacity:.5}.page4 .popup[data-v-b1e72433]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;display:flex;flex-direction:column;justify-content:center;pointer-events:none;opacity:0;transform:scale(2);transition:all .5s}.page4 .popup.show[data-v-b1e72433]{pointer-events:all;opacity:1;transform:scale(1)}.page4 .popup[data-v-b1e72433]:before{content:"";position:absolute;z-index:-1;width:100%;height:100%;background-color:#0009}.page4 .popup .board[data-v-b1e72433]{position:relative;z-index:2;width:calc(100% - 10px);margin-left:5px;border-radius:10px}.page4 .popup .action[data-v-b1e72433]{display:flex;justify-content:center}.page4 .popup .action .action-btn[data-v-b1e72433]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:10px;background-color:#fff;border-radius:50%;margin:0 10px}.page4 .popup .action .action-btn[data-v-b1e72433]:active{opacity:.6}.page4 .popup .save-btn[data-v-b1e72433]{border:1px solid #000;background-color:#000;color:#fff;border-radius:30px;padding:8px 40px;font-size:18px;width:fit-content;margin:30px auto 0}.page4 .popup .save-btn[data-v-b1e72433]:active{opacity:.5}.page4 .popup .save-btn.outline[data-v-b1e72433]{background-color:transparent;color:#fff;margin-top:15px}.author[data-v-b1e72433]{position:absolute;width:100%;text-align:center;bottom:15px;left:0;font-size:12px;opacity:.5;font-weight:700}.container[data-v-1eb19776]{position:relative;width:100vw;height:100vh;overflow:hidden;left:50%;transform:translate(-50%);max-width:750px}@media(max-width:750px){.container[data-v-1eb19776]{max-width:100vw;left:0;transform:translate(0)}}.birthday-2025[data-v-1eb19776]{height:100vh;width:100%;overflow:auto;-webkit-user-select:none;user-select:none}.birthday-2025 .placeholder[data-v-1eb19776]{position:relative;z-index:1;height:calc(400vh + 270px)}