.toast-container[data-v-67f17846]{display:flex;justify-content:center;align-items:center;gap:16px}.toast[data-v-67f17846]{position:fixed;bottom:32px;left:50%;transform:translate(-50%);min-width:100px;max-width:80vw;padding:12px 16px;border-radius:var(--border-radius);color:#fff;font-weight:600;font-size:1rem;z-index:9999;box-shadow:var(--shadow-lg);opacity:.95;transition:all .3s ease;line-height:1.4;text-align:center}.toast.info[data-v-67f17846]{background:var(--primary-color)}.toast.success[data-v-67f17846]{background:var(--success-color)}.toast.error[data-v-67f17846]{background:var(--error-color)}.toast.warning[data-v-67f17846]{background:var(--warning-color);color:#222}@media (max-width: 768px){.toast[data-v-67f17846]{bottom:20px;max-width:calc(100vw - 2rem);left:1rem;right:1rem;transform:none;font-size:.95rem;padding:14px 18px}.toast-container[data-v-67f17846]{gap:12px}}@media (max-width: 480px){.toast[data-v-67f17846]{bottom:16px;max-width:calc(100vw - 1.5rem);left:.75rem;right:.75rem;font-size:.9rem;padding:16px 20px;border-radius:var(--border-radius-lg)}.toast-container[data-v-67f17846]{gap:10px}.toast-container svg[data-v-67f17846]{width:20px;height:20px;flex-shrink:0}}.modal-close[data-v-f7d5c31f]{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:var(--transition);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.modal-close[data-v-f7d5c31f]:hover{background-color:var(--background-light);color:var(--text-color)}.modal-close[data-v-f7d5c31f]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.modal-content[data-v-f7d5c31f]{position:relative}@media (max-width: 480px){.modal-close[data-v-f7d5c31f]{top:.75rem;right:.75rem;min-width:48px;min-height:48px;padding:.75rem}}.header[data-v-d5497cee]{background-color:var(--card-background);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;padding:0;width:100%;transition:var(--transition)}.header.scrolled[data-v-d5497cee]{box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(var(--card-background-rgb),.85)}.container[data-v-d5497cee]{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header-top[data-v-d5497cee]{display:flex;justify-content:space-between;align-items:center;height:60px;border-bottom:1px solid var(--border-color)}.logo[data-v-d5497cee]{display:flex;flex-direction:column;cursor:pointer;transition:transform .3s ease}.logo-text[data-v-d5497cee]{font-size:1.8rem;font-weight:700;color:var(--primary-color);letter-spacing:.5px;font-family:"Instrument Serif",serif;letter-spacing:-.4px}.logo-star[data-v-d5497cee]{font-family:"Instrument Serif",serif;color:var(--accent-color)}.header-controls[data-v-d5497cee]{display:flex;align-items:center;gap:8px}.search-toggle[data-v-d5497cee],.theme-toggle[data-v-d5497cee],.user-button[data-v-d5497cee],.menu-toggle[data-v-d5497cee]{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:18px;padding:.5rem 1rem;transition:all .3s ease;font-size:.8rem;min-height:44px}.search-toggle[data-v-d5497cee]:hover,.theme-toggle[data-v-d5497cee]:hover,.user-button[data-v-d5497cee]:hover{background-color:var(--background-light);border-color:var(--primary-color);transform:scale(1.02)}.search-label[data-v-d5497cee],.theme-label[data-v-d5497cee]{font-size:.75rem;display:none}.login-text[data-v-d5497cee]{font-size:.75rem}.user-button.login[data-v-d5497cee]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.user-button.login[data-v-d5497cee]:hover{background-color:var(--primary-hover-color);border-color:var(--primary-hover-color)}.search-container[data-v-d5497cee]{height:0;overflow:hidden;transition:height .3s ease;background-color:var(--background-light);border-bottom:0 solid var(--border-color)}.search-container.is-open[data-v-d5497cee]{height:60px;border-bottom:1px solid var(--border-color);border-radius:0 0 18px 18px}.search-form-wrapper[data-v-d5497cee]{height:60px;display:flex;align-items:center}.search-form[data-v-d5497cee]{display:flex;align-items:center;padding:0 20px;width:100%}.search-input[data-v-d5497cee]{flex:1;height:36px;padding:0 15px;border:1px solid var(--border-color);border-radius:18px;background-color:var(--card-background);color:var(--text-color);font-size:.9rem;transition:all .3s ease}.search-input[data-v-d5497cee]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.search-submit[data-v-d5497cee]{background:none;border:none;color:var(--text-color);margin-left:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;width:36px;height:36px;border-radius:50%;transition:all .3s ease}.search-submit[data-v-d5497cee]:hover{background-color:var(--background-light)}.user-dropdown-wrapper[data-v-d5497cee]{position:relative}.user-dropdown-menu[data-v-d5497cee]{position:absolute;top:100%;right:0;background:var(--card-background);border-radius:8px;box-shadow:var(--shadow-md);min-width:180px;display:none;padding:.25rem 0;z-index:10;animation:dropdownFade-d5497cee .3s ease;border:1px solid var(--border-color);overflow:hidden}.user-dropdown-wrapper:hover .user-dropdown-menu[data-v-d5497cee]{display:block}.user-dropdown-menu .dropdown-item[data-v-d5497cee]{padding:.75rem 1.25rem;display:block;color:var(--text-color);font-size:.85rem;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.user-dropdown-menu .dropdown-item[data-v-d5497cee]:hover{background:var(--background-light);color:var(--primary-color);border-left-color:var(--accent-color)}.user-dropdown-menu .dropdown-item.logout[data-v-d5497cee]{color:var(--error-color)}.dropdown-divider[data-v-d5497cee]{height:1px;background-color:var(--border-color);margin:.5rem 0}.dropdown-arrow[data-v-d5497cee]{transition:transform .3s ease}.user-dropdown-wrapper:hover .dropdown-arrow[data-v-d5497cee]{transform:rotate(180deg)}.user-name[data-v-d5497cee]{font-weight:600;font-size:.75rem}.main-nav[data-v-d5497cee]{height:50px;display:flex;align-items:center}.nav-list[data-v-d5497cee]{display:flex;list-style:none;margin:0;padding:0;width:100%}.nav-item[data-v-d5497cee]{position:relative;flex:1;text-align:center;transition:var(--transition)}.nav-link[data-v-d5497cee]{color:var(--text-color);font-size:.9rem;text-decoration:none;padding:.8rem 1rem;display:block;cursor:pointer;position:relative;transition:all .3s}.nav-link[data-v-d5497cee]:hover{color:var(--primary-color)}.nav-link.active[data-v-d5497cee]{color:var(--primary-color);font-weight:600}.nav-link.active[data-v-d5497cee]:after{content:"";position:absolute;width:60%;height:3px;background:var(--accent-color);left:50%;bottom:0;transform:translate(-50%);border-radius:3px}.menu-toggle[data-v-d5497cee]{display:none}.menu-toggle span[data-v-d5497cee]{display:block;height:2px;width:18px;background-color:var(--text-color);transition:transform .3s ease,opacity .3s ease;margin:1px 0;transform-origin:center}.menu-toggle.is-open span[data-v-d5497cee]:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.is-open span[data-v-d5497cee]:nth-child(2){opacity:0}.menu-toggle.is-open span[data-v-d5497cee]:last-child{transform:translateY(-4px) rotate(-45deg)}.dropdown[data-v-d5497cee]{position:relative}.dropdown-menu[data-v-d5497cee]{position:absolute;top:100%;left:0;background:var(--card-background);border-radius:8px;box-shadow:var(--shadow-md);min-width:180px;display:none;padding:.5rem 0;z-index:10;animation:dropdownFade-d5497cee .3s ease;border:1px solid var(--border-color);overflow:hidden}@keyframes dropdownFade-d5497cee{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown:hover .dropdown-menu[data-v-d5497cee]{display:block}.dropdown-item[data-v-d5497cee]{padding:.75rem 1.25rem;display:block;color:var(--text-color);font-size:.85rem;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.dropdown-item[data-v-d5497cee]:hover{background:var(--background-light);color:var(--primary-color);border-left-color:var(--accent-color)}.arrow[data-v-d5497cee]{font-size:.7rem;margin-left:3px;transition:transform .3s}.dropdown:hover .arrow[data-v-d5497cee]{transform:rotate(180deg)}.mobile-nav[data-v-d5497cee]{position:fixed;top:60px;left:0;right:0;height:0;overflow:hidden;background:var(--card-background);box-shadow:var(--shadow-md);transition:height .3s cubic-bezier(.4,0,.2,1);z-index:98;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(var(--card-background-rgb),.95);border-top:1px solid var(--border-color)}.mobile-nav.is-open[data-v-d5497cee]{height:auto;max-height:calc(100vh - 60px);overflow-y:auto}.mobile-nav-content[data-v-d5497cee]{opacity:0;transform:translateY(-20px);transition:all .3s ease .1s}.mobile-nav.is-open .mobile-nav-content[data-v-d5497cee]{opacity:1;transform:translateY(0)}.mobile-nav-list[data-v-d5497cee]{list-style:none;padding:1rem;margin:0}.mobile-nav-link[data-v-d5497cee]{padding:.875rem 1rem;display:flex;align-items:center;justify-content:space-between;color:var(--text-color);cursor:pointer;transition:all .2s ease;border-radius:8px;margin-bottom:4px;font-size:.9rem;font-weight:500;border-left:3px solid transparent;width:100%;background:none;border:none;text-align:left}.mobile-nav-link[data-v-d5497cee]:hover{color:var(--primary-color);background-color:var(--background-light);border-left-color:var(--primary-color)}.mobile-nav-link.logout[data-v-d5497cee]{color:var(--error-color);margin-top:.5rem}.mobile-nav-link.logout[data-v-d5497cee]:hover{background-color:#e74c3c1a;color:var(--error-color);border-left-color:var(--error-color)}.mobile-divider[data-v-d5497cee]{height:1px;background-color:var(--border-color);margin:.5rem 0}.mobile-overlay[data-v-d5497cee]{position:fixed;top:60px;left:0;right:0;bottom:0;background-color:#0006;z-index:97;opacity:0;animation:overlayFadeIn-d5497cee .3s ease forwards}@keyframes overlayFadeIn-d5497cee{to{opacity:1}}@media (min-width: 769px){.mobile-nav[data-v-d5497cee],.menu-toggle[data-v-d5497cee]{display:none!important}.search-label[data-v-d5497cee],.theme-label[data-v-d5497cee],.login-text[data-v-d5497cee]{display:inline}}@media (max-width: 768px){.main-nav[data-v-d5497cee],.theme-toggle[data-v-d5497cee]{display:none}.menu-toggle[data-v-d5497cee]{display:flex}.header-top[data-v-d5497cee]{height:60px}.container[data-v-d5497cee]{padding:0 1rem}.logo-text[data-v-d5497cee]{font-size:1.5rem}.mobile-nav[data-v-d5497cee]{top:60px}.header-controls[data-v-d5497cee]{gap:6px}.search-container.is-open[data-v-d5497cee],.search-form-wrapper[data-v-d5497cee]{height:50px}.search-form[data-v-d5497cee]{padding:0 15px}.search-input[data-v-d5497cee]{height:32px;font-size:.85rem}.search-submit[data-v-d5497cee]{width:32px;height:32px;padding:6px}}@media (max-width: 480px){.user-button[data-v-d5497cee]{max-width:100px;overflow:hidden}.user-name[data-v-d5497cee]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-controls[data-v-d5497cee]{gap:4px}.container[data-v-d5497cee]{padding:0 .75rem}.search-toggle[data-v-d5497cee],.theme-toggle[data-v-d5497cee],.user-button[data-v-d5497cee]{font-size:.7rem}.search-label[data-v-d5497cee],.theme-label[data-v-d5497cee],.login-text[data-v-d5497cee]{display:none}}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:100%;overflow-x:hidden}.main-content{flex:1;min-height:calc(100vh - 230px);width:100%;max-width:var(--container-max-width);margin:0 auto;padding:1rem;line-height:1.6;scroll-behavior:smooth}@media (max-width: 480px){.main-content{padding:.75rem;min-height:calc(100vh - 180px);font-size:.95rem;line-height:1.5}}@media (min-width: 481px) and (max-width: 767px){.main-content{padding:1rem;min-height:calc(100vh - 200px);font-size:1rem;line-height:1.55}}@media (min-width: 768px) and (max-width: 1023px){.main-content{padding:1.5rem 2rem;font-size:1.05rem;line-height:1.6}}@media (min-width: 1024px){.main-content{padding:2rem 2.5rem;font-size:1rem;line-height:1.65}}@media (min-width: 1440px){.main-content{padding:2.5rem 3rem}}@media (max-width: 480px){.container{padding:0 .75rem}}@media (min-width: 481px) and (max-width: 767px){.container{padding:0 1rem}}@media (min-width: 768px) and (max-width: 1023px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}@media (min-width: 1440px){.container{padding:0 2.5rem}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease,transform .2s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(10px)}.fade-enter-to,.fade-leave-from{opacity:1;transform:translateY(0)}.footer{background:var(--background-light);color:var(--text-light);padding:3rem 0 1.5rem;margin-top:2rem;border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;margin-bottom:2rem}.footer-logo h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--primary-color);font-family:"Instrument Serif",serif}.logo-star{font-family:"Instrument Serif",serif;color:var(--accent-color)}.footer-logo p{font-size:.9rem;color:var(--text-muted)}.footer-links{display:flex;gap:4rem}.link-group h4{font-size:1rem;margin-bottom:1rem;color:var(--text-color);font-weight:600}.link-group ul{list-style:none;padding:0;margin:0}.link-group li{margin-bottom:.5rem}.link-group a{color:var(--text-muted);text-decoration:none;font-size:.9rem;cursor:pointer;transition:color .2s}.link-group a:hover{color:var(--primary-color);text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:1.5rem}.social-links{display:flex;gap:1rem}.social-icon{width:24px;height:24px;display:block;background-color:var(--text-muted);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color .2s}.social-links a:hover .social-icon{background-color:var(--primary-color)}.social-icon.instagram{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E")}.social-icon.youtube{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z'/%3E%3C/svg%3E")}.social-icon.github{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E")}.copyright{font-size:.85rem;color:var(--text-muted)}@media (max-width: 480px){.footer{padding:2rem 0 1rem;margin-top:1.5rem}.footer-content{flex-direction:column;gap:1.5rem}.footer-logo h3{font-size:1.3rem}.footer-links{flex-direction:column;gap:1.5rem}.link-group h4{font-size:.95rem;margin-bottom:.75rem}.link-group a{font-size:.85rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.copyright{font-size:.8rem}}@media (min-width: 481px) and (max-width: 767px){.footer{padding:2.5rem 0 1.25rem}.footer-content{flex-direction:column;gap:2rem}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media (min-width: 768px) and (max-width: 1023px){.footer-links{gap:3rem}.footer-bottom{flex-direction:row;justify-content:space-between}}@media (min-width: 1024px){.footer{padding:3.5rem 0 2rem}.footer-links{gap:4.5rem}}@media (max-width: 768px){.social-links{justify-content:center}}:root{--primary-color: #5D4037;--primary-color-rgb: 93, 64, 55;--primary-hover: #795548;--primary-active: #4E342E;--secondary-color: #BCAAA4;--secondary-color-rgb: 188, 170, 164;--accent-color: #794235;--accent-color-rgb: 121, 66, 53;--accent-secondary: #8D6E63;--text-color: #37474F;--text-light: #607D8B;--text-muted: #90A4AE;--background-color: #FAFAFA;--background-light: #F5F5F5;--card-background: #FFFFFF;--card-background-rgb: 255, 255, 255;--border-color: #ECEFF1;--success-color: #3c773e;--success-color-rgb: 76, 175, 80;--success-light: #E8F5E9;--warning-color: #FFC107;--warning-color-rgb: 255, 193, 7;--warning-light: #FFF8E1;--error-color: #ee4f44;--error-color-rgb: 244, 67, 54;--error-light: #FFEBEE;--info-color: #2896f0;--info-color-rgb: 33, 150, 243;--info-light: #E3F2FD;--border-radius: 10px;--border-radius-sm: 6px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-pill: 9999px;--shadow-xs: 0 1px 3px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--shadow-xl: 0 12px 32px rgba(0,0,0,.12);--transition-fast: all .2s ease;--transition: all .3s ease;--transition-slow: all .5s ease;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-accelerate: cubic-bezier(.4, 0, 1, 1);--input-background: #FFFFFF;--input-padding: 12px 16px;--input-height: 48px;--input-border-radius: var(--border-radius);--input-focus-shadow: 0 0 0 2px rgba(var(--primary-color-rgb), .1);--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--container-max-width: 1200px;--header-height: 64px;--footer-height: 80px;--sidebar-width: 250px;--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1440px;--breakpoint-xl: 1920px;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1200px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--primary-color: #A1887F;--primary-color-rgb: 161, 136, 127;--primary-hover: #BCAAA4;--primary-active: #8D6E63;--secondary-color: #6D4C41;--secondary-color-rgb: 109, 76, 65;--accent-color: #794235;--accent-color-rgb: 121, 66, 53;--accent-secondary: #A1887F;--text-color: #ECEFF1;--text-light: #CFD8DC;--text-muted: #B0BEC5;--background-color: #1E1E1E;--background-light: #2D2D2D;--card-background: #333333;--card-background-rgb: 51, 51, 51;--border-color: #424242;--input-background: #2D2D2D;--shadow-sm: 0 2px 8px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 10px 30px rgba(0,0,0,.4)}}[data-theme=dark]{--primary-color: #A1887F;--primary-color-rgb: 161, 136, 127;--primary-hover: #BCAAA4;--primary-active: #8D6E63;--secondary-color: #6D4C41;--secondary-color-rgb: 109, 76, 65;--accent-color: #794235;--accent-color-rgb: 121, 66, 53;--accent-secondary: #A1887F;--text-color: #ECEFF1;--text-light: #CFD8DC;--text-muted: #B0BEC5;--background-color: #1E1E1E;--background-light: #2D2D2D;--card-background: #333333;--card-background-rgb: 51, 51, 51;--border-color: #424242;--input-background: #2D2D2D;--shadow-sm: 0 2px 8px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 10px 30px rgba(0,0,0,.4)}[data-theme=light]{--primary-color: #5D4037;--primary-color-rgb: 93, 64, 55;--primary-hover: #795548;--primary-active: #4E342E;--secondary-color: #BCAAA4;--secondary-color-rgb: 188, 170, 164;--accent-color: #794235;--accent-color-rgb: 121, 66, 53;--accent-secondary: #8D6E63;--text-color: #37474F;--text-light: #607D8B;--text-muted: #90A4AE;--background-color: #FAFAFA;--background-light: #F5F5F5;--card-background: #FFFFFF;--card-background-rgb: 255, 255, 255;--border-color: #ECEFF1;--input-background: #FFFFFF;--shadow-sm: 0 2px 8px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 10px 30px rgba(0,0,0,.08)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color)}p{margin-bottom:1rem}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--input-background) inset!important;box-shadow:0 0 0 1000px var(--input-background) inset!important;-webkit-text-fill-color:var(--text-color)!important;caret-color:var(--text-color)!important;transition:background-color 9999s ease-in-out 0s}#app{width:100%}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem;color:var(--text-color);font-weight:var(--font-weight-bold)}h1{font-size:var(--font-size-3xl);letter-spacing:-.02em}h2{font-size:var(--font-size-2xl);letter-spacing:-.01em}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{margin-bottom:1rem;line-height:1.6}a:focus{outline:2px solid rgba(var(--primary-color-rgb),.4);outline-offset:2px}@media (max-width: 768px){h1{font-size:var(--font-size-2xl);margin-bottom:.75rem}h2{font-size:var(--font-size-xl);margin-bottom:.75rem}h3{font-size:var(--font-size-lg);margin-bottom:.5rem}p{margin-bottom:.75rem}}@media (max-width: 480px){h1{font-size:var(--font-size-xl);margin-bottom:.75rem}h2{font-size:var(--font-size-lg);margin-bottom:.5rem}p{font-size:.95rem;margin-bottom:.75rem}}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 1rem}.page-container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:1rem}@media (min-width: 768px){.container{padding:0 1.5rem}.page-container{padding:1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}.page-container{padding:2rem}}.grid{display:grid;gap:var(--spacing-md)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:1fr}@media (min-width: 768px){.grid{gap:var(--spacing-lg)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-5,.grid-6{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.grid{gap:var(--spacing-xl)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}}.layout-main{display:grid;gap:var(--spacing-lg);grid-template-areas:"content" "sidebar";grid-template-rows:1fr auto}.layout-main .main-content{grid-area:content}.layout-main .sidebar{grid-area:sidebar}@media (min-width: 768px){.layout-main{grid-template-areas:"content sidebar";grid-template-columns:1fr 300px;grid-template-rows:1fr}}@media (min-width: 1024px){.layout-main{grid-template-columns:1fr 350px;gap:var(--spacing-2xl)}}.card-grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media (min-width: 768px){.card-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}}.card-grid-wide{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media (min-width: 768px){.card-grid-wide{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (min-width: 1024px){.card-grid-wide{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}}@media (min-width: 1200px){.card-grid-wide{grid-template-columns:repeat(4,1fr)}}.page-header{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-color);margin:0}.page-description{font-size:var(--font-size-md);color:var(--text-muted);margin:0;max-width:600px}@media (min-width: 768px){.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:var(--font-size-3xl)}.page-description{font-size:var(--font-size-lg)}}@media (min-width: 1024px){.page-header{margin-bottom:var(--spacing-2xl)}.page-title{font-size:var(--font-size-4xl)}}.section{margin-bottom:var(--spacing-2xl)}.section-header{margin-bottom:var(--spacing-lg)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-color);margin:0 0 var(--spacing-sm) 0}.section-subtitle{font-size:var(--font-size-base);color:var(--text-muted);margin:0}.mobile-only{display:block}.tablet-up,.desktop-only{display:none}@media (min-width: 768px){.mobile-only{display:none}.tablet-up{display:block}}@media (min-width: 1024px){.desktop-only{display:block}}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-photo{aspect-ratio:4 / 3}.aspect-portrait{aspect-ratio:3 / 4}.two-column{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width: 768px){.two-column{grid-template-columns:1fr 300px}}@media (min-width: 1024px){.two-column{gap:var(--spacing-xl)}}.two-column .sidebar{order:2}.two-column .main-content{order:1}@media (min-width: 768px){.two-column .sidebar{order:2}.two-column .main-content{order:1}}button,.btn{border-radius:var(--border-radius-lg);border:1px solid transparent;font-size:.9rem;font-weight:500;font-family:inherit;background-color:var(--background-light);color:var(--text-color);cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:.375rem;text-align:center;-webkit-user-select:none;user-select:none;padding:.625rem 1rem;min-height:40px;-webkit-tap-highlight-color:transparent}button:hover,.btn:hover{border-color:var(--primary-color);background-color:var(--background-light);color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:active,.btn:active{transform:translateY(0);transition-duration:.1s}button:focus-visible,.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button.primary,.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm);min-height:40px;border-color:var(--primary-color);font-weight:600}button.primary:hover,.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}button.primary:active,.btn-primary:active{background-color:var(--primary-active, var(--primary-hover));transform:translateY(0)}button.outline,.btn-outline{background-color:transparent;color:var(--text-color);border-color:var(--border-color);min-height:40px}button.outline:hover,.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}button.outline:active,.btn-outline:active{background-color:rgba(var(--primary-color-rgb),.1)}button.accent,.btn-accent{background-color:var(--accent-color);color:#fff}button.accent:hover,.btn-accent:hover{background-color:var(--accent-color);filter:brightness(110%);color:#fff}button.danger,.btn-danger{background-color:transparent;color:var(--error-color);border-color:var(--error-color)}button.danger:hover,.btn-danger:hover{background-color:var(--error-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}button:focus,.btn:focus,button:focus-visible,.btn:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-group{display:flex;gap:.5rem}.card{background-color:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1rem;transition:var(--transition);border:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.card-compact{padding:.75rem}.card-large{padding:2rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-shrink:0}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-color);margin:0}.card-body{flex:1;display:flex;flex-direction:column;gap:.75rem}.card-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color);flex-shrink:0}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);color:var(--text-color);background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.75rem 1rem;transition:var(--transition);outline:none;width:100%;min-height:44px;box-sizing:border-box;font-size:max(16px,var(--font-size-base))}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15);outline:2px solid transparent}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2390A4AE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.form-group{margin-bottom:1.5rem;width:100%;transition:var(--transition)}.form-group.half{width:calc(50% - .5rem)}.form-group.third{width:calc(33.333% - .67rem)}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color);font-size:.9rem;transition:var(--transition)}.form-group:hover label{color:var(--primary-color)}.form-group input,.form-group textarea,.form-group select{width:100%}.form-row{display:flex;gap:1rem;margin-bottom:1.2rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color);font-size:.95rem}.form-help-text{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-muted)}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--input-background);color:var(--text-color);font-size:max(16px,1rem);transition:var(--transition);min-height:44px;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.form-input::placeholder{color:var(--text-muted);opacity:.7}.required{color:var(--error-color);margin-left:2px}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper svg{position:absolute;left:1rem;color:var(--text-muted)}.form-actions{display:flex;justify-content:space-between;margin-top:2rem}.form-error{color:var(--error-color);font-size:.85rem;margin-top:.5rem;margin-left:.5rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.form-section h2:before{content:"";display:block;width:4px;height:24px;background-color:var(--primary-color);border-radius:2px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--primary-color-rgb),.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;text-align:center}.loading-state .loading-spinner{margin-bottom:1rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;text-align:center}.error-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background-color:rgba(var(--error-color-rgb),.1);color:var(--error-color);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;text-align:center}.empty-icon{margin-bottom:1rem;color:var(--text-muted)}.badge{padding:.25rem .6rem;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-mini{padding:.15rem .4rem;border-radius:4px;font-size:.7rem;font-weight:700}.new-badge{background-color:var(--error-color);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal)}.modal-content{background-color:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:2rem;width:auto;min-width:280px;max-width:90%;max-height:90vh;overflow-y:auto;animation:fadeInUp .3s ease-out}.modal-content h3{margin:0 0 1rem;font-size:1.2rem;color:var(--text-color)}.modal-message{margin-bottom:1.5rem;color:var(--text-color)}.auth-card{background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:2.5rem;width:100%;margin-bottom:2rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.8rem}.auth-subtitle{color:var(--text-light);font-size:1rem}.auth-footer{text-align:center;color:var(--text-light);font-size:.95rem}.auth-link{color:var(--primary-color);text-decoration:none;font-weight:600;cursor:pointer;transition:color .3s ease}.auth-link:hover{color:var(--primary-hover);text-decoration:underline}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.pagination-button,.pagination-number{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--card-background);color:var(--text-color);font-size:.9rem;cursor:pointer;transition:var(--transition)}.pagination-number.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-button:hover,.pagination-number:hover:not(.active){background-color:var(--background-light)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.section{padding:2rem 0}.container{padding:0 1rem}button,.btn{padding:.875rem 1.5rem;font-size:1rem;width:auto}.card{padding:.875rem;margin-bottom:1rem}.card-compact{padding:.625rem}.card-large{padding:1.25rem}.card-header{margin-bottom:.75rem}.card-title{font-size:var(--font-size-base)}.card-body{gap:.5rem}.card-footer{padding-top:.75rem}.form-row{flex-direction:column;gap:0}.form-group.half,.form-group.third{width:100%}.auth-card{padding:1.8rem}.auth-title{font-size:1.8rem}.form-actions{flex-direction:column;gap:1rem}}@media (max-width: 480px){button,.btn{font-size:1.05rem}input,textarea,select,.form-input{padding:1rem;min-height:48px;font-size:max(16px,1.05rem)}.form-group{margin-bottom:1.25rem}.card{padding:.75rem;margin-bottom:.75rem;border-radius:var(--border-radius)}.card-compact{padding:.5rem}.card-large{padding:1rem}.card-header{margin-bottom:.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.card-title{font-size:var(--font-size-sm);line-height:1.4}.card-body{gap:.5rem}.card-footer{padding-top:.5rem;flex-direction:column;gap:.5rem;align-items:flex-start}.container{padding:0 .8rem}.modal-content{padding:1.5rem;width:95%;max-width:none;margin:1rem;min-height:auto}.modal-overlay{align-items:flex-end;padding-bottom:0}.modal-content{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;width:100%;max-width:100%;margin:0;animation:slideUpFromBottom .3s ease-out}@keyframes slideUpFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.form-input{padding:.8rem 1rem .8rem 2.8rem}}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-accent{background-color:var(--accent-color)}.bg-light{background-color:var(--background-light)}.bg-card{background-color:var(--card-background)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-error{background-color:var(--error-color)}.bg-info{background-color:var(--info-color)}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-accent{color:var(--accent-color)}.text-light{color:var(--text-light)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-info{color:var(--info-color)}.text-white{color:#fff}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-grid-xs{gap:var(--spacing-xs)}.gap-grid-sm{gap:var(--spacing-sm)}.gap-grid-md{gap:var(--spacing-md)}.gap-grid-lg{gap:var(--spacing-lg)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.gap-3xl{gap:var(--spacing-3xl)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.mr-auto{margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.my-auto{margin-top:auto;margin-bottom:auto}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-0{padding-top:0;padding-bottom:0}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-loose{line-height:2}.border{border:1px solid var(--border-color)}.border-none{border:none}.border-t{border-top:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-primary{border-color:var(--primary-color)}.border-secondary{border-color:var(--secondary-color)}.border-accent{border-color:var(--accent-color)}.border-error{border-color:var(--error-color)}.rounded{border-radius:var(--border-radius)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:var(--border-radius-pill)}.rounded-none{border-radius:0}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{top:0;right:0;bottom:0;left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.w-1/2{width:50%}.w-1/3{width:33.333333%}.w-2/3{width:66.666667%}.w-1/4{width:25%}.w-3/4{width:75%}.w-1/5{width:20%}.w-2/5{width:40%}.w-3/5{width:60%}.w-4/5{width:80%}.w-fit{width:fit-content}.w-max{width:max-content}.w-min{width:min-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.h-fit{height:fit-content}.h-max{height:max-content}.h-min{height:min-content}.min-w-full{min-width:100%}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}@media (max-width: 768px){.md-hidden{display:none!important}.md-block{display:block!important}.md-flex-col{flex-direction:column!important}.md-w-full{width:100%!important}.md-text-center{text-align:center!important}}@media (max-width: 480px){.sm-hidden{display:none!important}.sm-block{display:block!important}.sm-flex-col{flex-direction:column!important}.sm-w-full{width:100%!important}.sm-text-center{text-align:center!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus-outline{outline:2px solid var(--primary-color);outline-offset:2px}.focus-ring{box-shadow:0 0 0 3px #8b45134d}.focus-ring-error{box-shadow:0 0 0 3px #dc35454d}.focus-ring-success{box-shadow:0 0 0 3px #28a7454d}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:100;transition:top .3s}.skip-link:focus{top:6px}@media (prefers-contrast: high){.high-contrast-border{border:2px solid}.high-contrast-text{font-weight:700}}@media (prefers-reduced-motion: reduce){.reduce-motion,.reduce-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.touch-target{min-height:44px;min-width:44px}.touch-target-large{min-height:48px;min-width:48px}.text-high-contrast{color:#000;background-color:#fff}.text-high-contrast-inverse{color:#fff;background-color:#000}.error-outline{outline:2px solid var(--error-color);outline-offset:1px}.success-outline{outline:2px solid var(--success-color);outline-offset:1px}.warning-outline{outline:2px solid var(--warning-color);outline-offset:1px}.keyboard-focus:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.reading-mode{font-family:serif;line-height:1.6;font-size:1.1em}[aria-disabled=true]{opacity:.6;cursor:not-allowed}[aria-expanded=true] .expand-icon{transform:rotate(180deg)}[aria-selected=true]{background-color:var(--primary-color);color:#fff}[aria-invalid=true]{border-color:var(--error-color);box-shadow:0 0 0 2px #dc354540}.swipe-hint{position:relative;overflow:hidden}.swipe-left-hint:after{content:"←";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:24px;color:#ff3b30cc;animation:swipe-pulse .3s ease}.swipe-right-hint:after{content:"→";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:24px;color:#34c759cc;animation:swipe-pulse .3s ease}@keyframes swipe-pulse{0%{opacity:0;transform:translateY(-50%) scale(.8)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}to{opacity:.8;transform:translateY(-50%) scale(1)}}.pull-to-refresh-indicator{position:absolute;top:-100px;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,transparent,rgba(139,69,19,.05));z-index:100;transition:transform .3s ease,opacity .3s ease;transform:translateY(-100%);opacity:0}.pull-to-refresh-indicator.ready{background:linear-gradient(to bottom,transparent,rgba(52,199,89,.1))}.pull-to-refresh-indicator.refreshing{background:linear-gradient(to bottom,transparent,rgba(0,122,255,.1))}.refresh-spinner{display:flex;flex-direction:column;align-items:center;gap:8px}.spinner-icon{font-size:24px;color:#8b4513cc;transition:transform .2s ease,color .3s ease}.pull-to-refresh-indicator.ready .spinner-icon{color:#34c759e6}.pull-to-refresh-indicator.refreshing .spinner-icon{color:#007affe6;animation:spin 1s linear infinite}.refresh-text{font-size:12px;color:#8b451399;text-align:center;transition:color .3s ease}.pull-to-refresh-indicator.ready .refresh-text{color:#34c759cc}.pull-to-refresh-indicator.refreshing .refresh-text{color:#007affcc}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#8b45131a;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none;z-index:1}.touch-feedback:active:before{width:200px;height:200px}.fade-in{animation:fadeIn .5s ease-in forwards}.fade-in-up{animation:fadeInUp .5s ease-out forwards}.fade-in-down{animation:fadeInDown .5s ease-out forwards}.fade-in-left{animation:fadeInLeft .5s ease-out forwards}.fade-in-right{animation:fadeInRight .5s ease-out forwards}.slide-up{animation:slideUp .5s ease-out forwards}.slide-down{animation:slideDown .5s ease-out forwards}.scale-in{animation:scaleIn .3s ease-in-out forwards}.scale-out{animation:scaleOut .3s ease-in-out forwards}.bounce-in{animation:bounceIn .6s cubic-bezier(.215,.61,.355,1) forwards}.pulse{animation:pulse 1.5s ease-in-out infinite}.spin{animation:spin 1s linear infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.duration-fast{animation-duration:.3s}.duration-normal{animation-duration:.5s}.duration-slow{animation-duration:.8s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes bounceIn{0%{transform:scale3d(.3,.3,.3);opacity:0}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0;letter-spacing:-.4px}*:focus{outline:none}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}button,a,.clickable,[role=button],[tabindex="0"]{transition:all .2s cubic-bezier(.4,0,.2,1)}button:active,a:active,.clickable:active,[role=button]:active,[tabindex="0"]:active{transform:scale(.97);transition:transform .1s ease}.fade-enter-active,.fade-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-fade-enter-from{transform:translate(20px);opacity:0}.slide-fade-leave-to{transform:translate(-20px);opacity:0}a{font-weight:500;color:var(--primary-color);text-decoration:none;transition:var(--transition);position:relative}a:hover{color:var(--primary-hover)}a.underline-effect{display:inline-block}a.underline-effect:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}a.underline-effect:hover:after{width:100%}body{color:var(--text-color);background-color:var(--background-color);font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6;font-weight:400;min-height:100vh;max-width:100vw;overflow-x:hidden}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--input-background) inset!important;-webkit-text-fill-color:var(--text-color)!important;transition:background-color 5000s ease-in-out 0s}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);padding:var(--input-padding);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--input-background);color:var(--text-color);transition:var(--transition);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}textarea{resize:vertical;min-height:100px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2390A4AE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px}button{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:1px solid transparent;background-color:var(--background-light);color:var(--text-color);outline:none}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);background-color:var(--border-color)}button:active{transform:scale(.97) translateY(-1px);transition:transform .1s ease}button.primary{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.2)}button.primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}button.accent{background-color:var(--accent-color);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-color),.2)}button.accent:hover{background-color:var(--accent-secondary);box-shadow:0 4px 12px rgba(var(--accent-color),.3)}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-group{display:flex;gap:.5rem;align-items:center}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.card{background-color:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:var(--transition);border:1px solid var(--border-color)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}#app{min-height:100vh;width:100%}.section{padding:3rem 0}@media (max-width: 768px){h1{font-size:var(--font-size-2xl);margin-bottom:1rem}h2{font-size:var(--font-size-xl);margin-bottom:.8rem}h3{font-size:var(--font-size-lg);margin-bottom:.6rem}.section{padding:2rem 0}.container{padding:0 1rem}}@media (max-width: 480px){h1{font-size:var(--font-size-xl);margin-bottom:.8rem}button{padding:.5rem 1rem;font-size:var(--font-size-sm)}.container{padding:0 .75rem}}