.header[data-v-25caa449]{background-color:#fff;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}.nav[data-v-25caa449]{max-width:1200px;margin:0 auto;padding:1rem 20px;display:flex;justify-content:space-between;align-items:center}.logo[data-v-25caa449]{display:flex;align-items:center}.logo a[data-v-25caa449]{display:block;text-decoration:none}.logo-img[data-v-25caa449]{height:40px;width:auto;display:block}.nav-links[data-v-25caa449]{display:flex;gap:20px;list-style:none;margin:0;padding:0}.nav-links a[data-v-25caa449]{text-decoration:none;color:#555;font-weight:500;transition:all .3s;padding:5px 10px;border-radius:20px}.nav-links a[data-v-25caa449]:hover,.nav-links a.active[data-v-25caa449]{color:#fff;background-color:var(--primary-color)}.hamburger[data-v-25caa449]{display:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;z-index:1001;min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:10px}.hamburger span[data-v-25caa449]{display:block;width:25px;height:3px;background-color:var(--primary-color);border-radius:3px;transition:all .3s}.hamburger.active span[data-v-25caa449]:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger.active span[data-v-25caa449]:nth-child(2){opacity:0}.hamburger.active span[data-v-25caa449]:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}@media (max-width: 768px){.nav-links[data-v-25caa449]{position:fixed;top:0;right:-100%;height:100vh;width:55%;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;box-shadow:-5px 0 15px #0000001a;transition:right .3s ease-in-out;z-index:999}.nav-links.active[data-v-25caa449]{right:0}.hamburger[data-v-25caa449]{display:flex}.nav-links li[data-v-25caa449]{margin:10px 0}.nav-links a[data-v-25caa449]{padding:10px 20px;font-size:1.1rem;min-height:var(--touch-target-min);display:flex;align-items:center}}@media (max-width: 480px){.nav[data-v-25caa449]{padding:1rem 15px}.logo-img[data-v-25caa449]{height:32px}.nav-links[data-v-25caa449]{width:60%}.nav-links a[data-v-25caa449]{padding:12px 16px;font-size:1rem}}.footer[data-v-06bea61a]{background-color:#333;color:#fff;padding:40px 20px;text-align:center;margin-top:60px}.footer-content[data-v-06bea61a]{max-width:1200px;margin:0 auto}.logo[data-v-06bea61a]{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:20px;font-size:1.5rem;font-weight:700}.logo-img[data-v-06bea61a]{height:40px;width:40px;display:block;object-fit:cover;object-position:center left;margin-right:2px;margin-top:3px}.slogan[data-v-06bea61a]{font-size:1rem;opacity:.9;margin-bottom:20px}.footer-links[data-v-06bea61a]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.footer-links a[data-v-06bea61a]{color:#aaa;text-decoration:none;transition:color .3s}.footer-links a[data-v-06bea61a]:hover{color:#fff}.copyright[data-v-06bea61a]{font-size:.8rem;color:#666;margin-top:20px}@media (max-width: 768px){.footer[data-v-06bea61a]{padding:30px 20px;margin-top:40px}.footer-links[data-v-06bea61a]{gap:15px}.footer-links a[data-v-06bea61a]{font-size:.9rem}}@media (max-width: 480px){.logo[data-v-06bea61a]{font-size:1.2rem}.logo-img[data-v-06bea61a]{height:32px;width:32px;margin-right:0}.slogan[data-v-06bea61a]{font-size:.9rem}}.loading-overlay[data-v-1ebd738b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content[data-v-1ebd738b]{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner-wrapper[data-v-1ebd738b]{position:relative;width:60px;height:60px}.spinner[data-v-1ebd738b]{position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid #f0f0f0;border-top-color:var(--primary-color, #ff9f00);border-radius:50%;animation:spin-1ebd738b .8s linear infinite}.spinner-inner[data-v-1ebd738b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:var(--primary-color, #ff9f00);border-radius:50%;animation:pulse-1ebd738b 1.2s ease-in-out infinite}@keyframes spin-1ebd738b{to{transform:rotate(360deg)}}@keyframes pulse-1ebd738b{0%,to{transform:translate(-50%,-50%) scale(.7);opacity:.5}50%{transform:translate(-50%,-50%) scale(1);opacity:1}}.loading-text[data-v-1ebd738b]{color:#666;font-size:1.1rem;margin:0;font-weight:500}.loading-dots[data-v-1ebd738b]{display:flex;gap:8px}.loading-dots span[data-v-1ebd738b]{width:10px;height:10px;background:var(--primary-color, #ff9f00);border-radius:50%;animation:bounce-1ebd738b 1.4s ease-in-out infinite}.loading-dots span[data-v-1ebd738b]:nth-child(1){animation-delay:0s}.loading-dots span[data-v-1ebd738b]:nth-child(2){animation-delay:.2s}.loading-dots span[data-v-1ebd738b]:nth-child(3){animation-delay:.4s}@keyframes bounce-1ebd738b{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.fade-enter-active[data-v-1ebd738b],.fade-leave-active[data-v-1ebd738b]{transition:opacity .3s ease}.fade-enter-from[data-v-1ebd738b],.fade-leave-to[data-v-1ebd738b]{opacity:0}@media (max-width: 768px){.spinner-wrapper[data-v-1ebd738b]{width:50px;height:50px}.spinner-inner[data-v-1ebd738b]{width:20px;height:20px}.loading-text[data-v-1ebd738b]{font-size:1rem}.loading-dots span[data-v-1ebd738b]{width:8px;height:8px}}.auth-overlay[data-v-baf97aa2]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.auth-modal[data-v-baf97aa2]{background:#fffffff2;border-radius:var(--radius-lg);padding:40px 50px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000}.auth-icon[data-v-baf97aa2]{margin-bottom:20px}.icon-emoji[data-v-baf97aa2]{font-size:60px;display:inline-block;animation:bounce-baf97aa2 2s ease-in-out infinite}@keyframes bounce-baf97aa2{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-title[data-v-baf97aa2]{font-size:24px;font-weight:600;color:var(--text-color);margin-bottom:8px}.auth-subtitle[data-v-baf97aa2]{font-size:14px;color:#666;margin-bottom:30px}.auth-input-wrapper[data-v-baf97aa2]{margin-bottom:24px;position:relative}.auth-input[data-v-baf97aa2]{width:100%;padding:14px 20px;font-size:18px;border:2px solid #e0e0e0;border-radius:var(--radius-pill);outline:none;transition:all .3s ease;text-align:center;letter-spacing:2px}.auth-input[data-v-baf97aa2]:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #ff9f0033}.auth-input.error[data-v-baf97aa2]{border-color:var(--danger-color);animation:shake-baf97aa2 .5s ease}.auth-input[data-v-baf97aa2]::placeholder{color:#aaa;letter-spacing:0}.error-message[data-v-baf97aa2]{display:block;color:var(--danger-color);font-size:14px;margin-top:8px}.auth-button[data-v-baf97aa2]{width:100%;padding:14px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-color),#ffb347);border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all .3s ease}.auth-button[data-v-baf97aa2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #ff9f0066}.auth-button[data-v-baf97aa2]:active:not(:disabled){transform:translateY(0)}.auth-button[data-v-baf97aa2]:disabled{opacity:.5;cursor:not-allowed}.shake[data-v-baf97aa2]{animation:shake-baf97aa2 .5s ease}@keyframes shake-baf97aa2{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.fade-enter-active[data-v-baf97aa2],.fade-leave-active[data-v-baf97aa2]{transition:opacity .3s ease}.fade-enter-from[data-v-baf97aa2],.fade-leave-to[data-v-baf97aa2]{opacity:0}.pop-enter-active[data-v-baf97aa2]{animation:popIn-baf97aa2 .3s ease}.pop-leave-active[data-v-baf97aa2]{animation:popOut-baf97aa2 .2s ease}@keyframes popIn-baf97aa2{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popOut-baf97aa2{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@media (max-width: 480px){.auth-modal[data-v-baf97aa2]{padding:30px 25px;margin:0 20px}.auth-title[data-v-baf97aa2]{font-size:20px}.icon-emoji[data-v-baf97aa2]{font-size:50px}}.celebration-container[data-v-3cc1140f]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10001;overflow:hidden}.confetti[data-v-3cc1140f]{position:absolute;top:-20px;animation:confettiFall-3cc1140f linear forwards}.confetti.square[data-v-3cc1140f]{border-radius:2px}.confetti.rectangle[data-v-3cc1140f]{border-radius:3px}.confetti.circle[data-v-3cc1140f]{border-radius:50%}.confetti.ribbon[data-v-3cc1140f]{border-radius:1px;box-shadow:0 0 3px currentColor}.confetti.triangle[data-v-3cc1140f]{width:0!important;height:0!important;background:transparent!important;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid currentColor}@keyframes confettiFall-3cc1140f{0%{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:1}25%{transform:translateY(25vh) translate(calc(var(--swing-amplitude) * 1)) rotate(180deg) scale(.9);opacity:1}50%{transform:translateY(50vh) translate(calc(var(--swing-amplitude) * -1)) rotate(360deg) scale(1);opacity:.9}75%{transform:translateY(75vh) translate(calc(var(--swing-amplitude) * .5)) rotate(540deg) scale(.9);opacity:.8}to{transform:translateY(105vh) translate(calc(var(--swing-amplitude) * -.5)) rotate(720deg) scale(.8);opacity:0}}.sparkle[data-v-3cc1140f]{position:absolute;top:-30px;animation:sparkleFall-3cc1140f linear forwards;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}@keyframes sparkleFall-3cc1140f{0%{transform:translateY(0) rotate(0) scale(0);opacity:0}10%{transform:translateY(10vh) rotate(36deg) scale(1);opacity:1}50%{transform:translateY(50vh) rotate(180deg) scale(1.2);opacity:1}90%{transform:translateY(90vh) rotate(324deg) scale(1);opacity:.8}to{transform:translateY(105vh) rotate(360deg) scale(0);opacity:0}}.star[data-v-3cc1140f]{position:absolute;top:-40px;animation:starFall-3cc1140f linear forwards;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}@keyframes starFall-3cc1140f{0%{transform:translateY(0) rotate(0) scale(.5);opacity:0}15%{transform:translateY(15vh) rotate(72deg) scale(1);opacity:1}50%{transform:translateY(50vh) rotate(180deg) scale(1.3);opacity:1}85%{transform:translateY(85vh) rotate(288deg) scale(1);opacity:.7}to{transform:translateY(105vh) rotate(360deg) scale(.5);opacity:0}}.fade-enter-active[data-v-3cc1140f],.fade-leave-active[data-v-3cc1140f]{transition:opacity .3s ease}.fade-enter-from[data-v-3cc1140f],.fade-leave-to[data-v-3cc1140f]{opacity:0}#app[data-v-8cbcf63d]{min-height:100vh;display:flex;flex-direction:column}main[data-v-8cbcf63d]{flex:1}main.full-page[data-v-8cbcf63d]{min-height:100vh}:root{--primary-color: #ff9f00;--secondary-color: #4facfe;--accent-color: #00f2fe;--text-color: #333;--bg-color: #f9f9f9;--card-bg: #ffffff;--success-color: #2ecc71;--warning-color: #f1c40f;--danger-color: #e74c3c;--editor-bg: #282c34;--editor-sidebar: #f1f1f1;--typing-bg: #2d3436;--typing-text: #fff;--typing-key: #555;--typing-key-normal: #333;--typing-key-active: #ff9f00;--typing-key-correct: #2ecc71;--typing-key-error: #e74c3c;--ycl-primary: #6c5ce7;--ycl-secondary: #a29bfe;--ycl-badge: #fdcb6e;--font-main: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-code: "Consolas", "Courier New", monospace;--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 20px;--spacing-lg: 40px;--spacing-xl: 60px;--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1280px;--max-width-container: 1200px;--max-width-text: 800px;--header-height: 60px;--footer-height: 80px;--touch-target-min: 44px;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 15px;--radius-pill: 50px;--shadow-sm: 0 2px 10px rgba(0,0,0,.1);--shadow-md: 0 5px 15px rgba(0,0,0,.05);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--shadow-editor: 0 10px 30px rgba(0,0,0,.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6}