.mobile-drawer,.mobile-drawer-overlay,.mobile-nav-trigger{display:none}@media (max-width:1024px){.mobile-nav-trigger{display:flex;align-items:center;gap:0;position:fixed;top:0;left:0;right:0;height:54px;padding:0 16px;background:hsla(0,0%,4%,.9);backdrop-filter:blur(10px);z-index:1000;isolation:isolate}.mobile-nav-trigger button{background:none;color:var(--text-main);padding:4px;display:flex;align-items:center}.mobile-page-title{font-size:20px;font-weight:700;color:var(--text-main)}.layout-container{padding-top:30px!important}.mobile-drawer-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-drawer-overlay.open{opacity:1;pointer-events:all}.mobile-drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--bg-card);z-index:2001;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--border)}.mobile-drawer.open{transform:translateX(0)}.drawer-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.btn-close{background:none;color:var(--text-sub);font-size:20px;padding:4px}.drawer-content{flex:1;overflow-y:auto;padding:16px}.drawer-login-box{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.m-login-btn{width:100%;padding:10px;border-radius:8px;font-size:13px;font-weight:600;text-align:center}.m-login-btn.naver{background:#03c75a;color:#fff}.m-login-btn.kakao{background:#fee500;color:#000}.drawer-profile-box{display:flex;align-items:center;gap:10px;padding-bottom:10px}.profile-img{width:36px;height:36px;border-radius:50%;background-color:#333;background-size:cover}.profile-name{font-weight:700;font-size:14px}.drawer-divider{height:1px;background:var(--border);margin:10px 0 16px}.drawer-section-title{font-size:11px;color:#555;font-weight:700;margin:10px 0 5px 12px}.mobile-drawer .nav-item{padding:10px;border-radius:8px;color:var(--text-sub);font-size:14px;font-weight:500;margin-bottom:2px}.mobile-drawer .nav-item.active{background-color:var(--bg-hover);color:var(--primary);font-weight:700}}.hamburger-icon{width:24px;height:18px;position:relative;cursor:pointer;display:block}.hamburger-icon:after,.hamburger-icon:before,.hamburger-icon span{content:"";position:absolute;width:100%;height:2px;background-color:var(--text-main);border-radius:2px;transition:all .3s ease-in-out;left:0}.hamburger-icon:before{top:0}.hamburger-icon span{top:50%;transform:translateY(-50%)}.hamburger-icon:after{bottom:0}.hamburger-icon.active:before{top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger-icon.active span{opacity:0}.hamburger-icon.active:after{bottom:50%;transform:translateY(50%) rotate(-45deg)}.nav-menu{margin-bottom:100px}.logout-btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;padding:12px 0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-main);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.logout-btn:hover{background:var(--bg-hover);color:var(--primary)}.logout-btn svg{transition:color .2s ease}.logout-btn:hover svg{color:var(--primary)}.hamburger-icon:after,.hamburger-icon:before,.hamburger-icon span{background-color:var(--primary)}.nav-icon{font-size:16px}