:root{--bg-light:#f9fafb;--bg-dark:#18181b;--text-light:#111827;--text-dark:#f4f4f5;--accent:#6366f1;--accent-hover:#4f46e5;--card-bg-light:#fff;--card-bg-dark:#27272a}body{background-color:#f9fafb;background-color:var(--bg-light);color:#111827;color:var(--text-light);font-family:Segoe UI,Pretendard,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}body.dark{background-color:#18181b;background-color:var(--bg-dark);color:#f4f4f5;color:var(--text-dark)}body.dark .navbar{background-color:#27272a;background-color:var(--card-bg-dark)}.navbar{align-items:center;background-color:#fff;background-color:var(--card-bg-light);box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:1rem 2rem;position:relative;transition:background-color .3s ease;z-index:100}.logo{font-size:1.5rem;font-weight:700}.logo,.mobile-menu-icon{color:#6366f1;color:var(--accent)}.mobile-menu-icon{background:none;border:none;cursor:pointer;display:none;font-size:2rem;transition:color .2s ease;z-index:1100}.mobile-menu-icon:hover{color:#4f46e5;color:var(--accent-hover)}.nav-links{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav-links li{position:relative}.nav-links a,.nav-links button{background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:background-color .2s ease}.nav-links a:hover,.nav-links button:hover{background-color:#6366f11a;color:#4f46e5;color:var(--accent-hover)}body.dark .dropdown-menu{background-color:#27272a;background-color:var(--card-bg-dark);border-color:#444}.user-dropdown{cursor:pointer}.dropdown-menu{animation:fadeIn .2s ease;background-color:#fff;background-color:var(--card-bg-light);border:1px solid #ddd;border-radius:.5rem;box-shadow:0 4px 12px #00000026;min-width:140px;padding:.5rem 0;position:absolute;right:0;top:110%;z-index:999}.dropdown-menu li{list-style:none;padding:.5rem 1rem}.dropdown-menu li:hover{background-color:#6366f11a}body.dark .main-content{background-color:#27272a;background-color:var(--card-bg-dark)}.main-content{animation:fadeInUp .6s ease forwards;background-color:#fff;background-color:var(--card-bg-light);border-radius:1rem;box-shadow:0 4px 20px #0000000d;margin:4rem auto;max-width:800px;padding:2rem;text-align:center}.user-name{color:#6366f1;color:var(--accent);font-weight:700}.dark-mode-button{background-color:#6366f1;background-color:var(--accent);border:none;border-radius:8px;bottom:1rem;color:#f4f4f5;color:var(--text-dark);cursor:pointer;padding:.5rem 1rem;position:fixed;right:1rem;transition:background-color .2s ease;z-index:1000}.dark-mode-button:hover{background-color:#4f46e5;background-color:var(--accent-hover)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nav-links{display:none}.mobile-menu-icon{display:block}.mobile-nav-overlay{background-color:#fff;background-color:var(--card-bg-light);display:flex;flex-direction:column;height:100vh;left:0;opacity:0;overflow-y:auto;padding:2rem;pointer-events:none;position:fixed;top:0;transform:translateX(100%);transition:transform .3s ease,opacity .3s ease;width:100vw;z-index:1500}.mobile-nav-overlay.open{opacity:1;pointer-events:auto;transform:translateX(0)}body.dark .mobile-nav-overlay{background-color:#27272a;background-color:var(--card-bg-dark);color:#f4f4f5;color:var(--text-dark)}.mobile-nav-close-btn{background:none;border:none;color:#6366f1;color:var(--accent);cursor:pointer;font-size:30px;line-height:1;opacity:0;padding:0;pointer-events:none;position:fixed;right:30px;top:30px;transform:translateX(20px);transition:opacity .3s ease,transform .3s ease,color .2s ease;-webkit-user-select:none;user-select:none;z-index:20000}.mobile-nav-close-btn.visible{opacity:1;pointer-events:auto;transform:translateX(0)}.mobile-nav-close-btn:hover{color:#4f46e5;color:var(--accent-hover)}.mobile-nav-links{display:flex;flex-direction:column;font-size:1.5rem;gap:1.5rem;margin-top:4rem}.mobile-nav-links a,.mobile-nav-links button{background:none;border:none;color:inherit;cursor:pointer;font-weight:600;padding:0;text-decoration:none}.mobile-nav-links a:hover,.mobile-nav-links button:hover{color:#4f46e5;color:var(--accent-hover)}.user-dropdown{cursor:default}.dropdown-menu{display:none!important}}.mypage-container{background-color:#fafafa;background-color:var(--bg-color,#fafafa);color:#222;color:var(--text-color,#222);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.mypage-container,.sidebar{height:100vh;position:relative}.sidebar{background-color:#333;color:#fff;flex-shrink:0;overflow:hidden;transition:all .3s ease;z-index:1000}.sidebar.open{width:200px}.sidebar.closed{width:50px}.toggle-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;margin:10px}.sidebar-links{display:flex;flex-direction:column;gap:15px;padding:20px}.sidebar-links a{color:#fff;font-weight:500;text-decoration:none}.sidebar-footer{bottom:20px;left:10px;position:absolute;text-align:center;width:100%}.logout-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:6px;justify-content:center}.mypage-content{background-color:#fff;background-color:var(--content-bg,#fff);box-sizing:border-box;flex-grow:1;max-width:100vw;overflow-wrap:break-word;overflow-y:auto;padding:2rem;transition:margin-left .3s ease;width:100%;word-break:break-word}.mypage-content.full-width,.mypage-content.with-sidebar{margin-left:0}.group-cards{grid-gap:1.5rem;align-items:start;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:2rem;position:relative;width:100%}.group-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.group-card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.group-card h3{color:#333;font-size:1rem;font-weight:600;margin:0;word-break:break-word}.add-group-btn{background-color:#007bff;border:none;border-radius:50%;box-shadow:0 4px 8px #007bff66;color:#fff;cursor:pointer;font-size:2rem;font-weight:700;height:42px;position:absolute;right:0;top:-50px;transition:background-color .3s ease;width:42px}.add-group-btn:hover{background-color:#0056b3}.sidebar-overlay{display:none}.desktop-only{display:block}.mobile-menu-button{display:none}@media (max-width:768px){.mypage-container{flex-direction:column;max-width:100vw;overflow-x:hidden}.sidebar{box-shadow:4px 0 12px #0003;height:100vh;left:0;max-width:280px;position:fixed;top:0;transform:translateX(-100%);width:80%;z-index:2000}.sidebar.open{transform:translateX(0)}.desktop-only,.sidebar.closed{display:none}.mobile-menu-button{background:#333;border:none;border-radius:8px;box-shadow:0 2px 6px #0000004d;color:#fff;cursor:pointer;display:block;font-size:1.8rem;left:1rem;padding:.4rem .8rem;position:fixed;top:1rem;transition:opacity .3s ease,visibility .3s ease;z-index:3000}.mypage-container.sidebar-open .mobile-menu-button{opacity:0;pointer-events:none;visibility:hidden}.sidebar-overlay.active{background-color:#0000004d;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1500}.mypage-content{max-width:100vw;overflow-x:hidden;padding-top:4rem}.group-cards{grid-template-columns:1fr;margin-top:1rem}.add-group-btn{align-self:flex-end;margin-top:1rem;position:static}}
/*# sourceMappingURL=main.187c1cda.css.map*/