@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";.header{width:100%;max-width:440px;height:var(--header-height);background:var(--color-bg);z-index:100;border-bottom:1px solid var(--color-border);position:fixed;top:0;left:50%;transform:translate(-50%)}[data-banner=on] .header{top:var(--banner-height)}.header-inner{justify-content:space-between;align-items:center;height:100%;padding:0 16px;display:flex}.header-logo{font-size:var(--font-xl);color:var(--color-primary);letter-spacing:-.5px;font-weight:800}.header-actions{align-items:center;gap:4px;display:flex}.header-btn{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.header-btn:hover{background:var(--color-bg-secondary)}.header-couple{color:#e91e63!important}.header-bell{position:relative}.header-noti-badge{color:#fff;text-align:center;background:#e91e63;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:6px;right:6px}.header-search{align-items:center;gap:8px;height:100%;padding:0 8px 0 16px;display:flex}.header-search input{background:var(--color-bg-secondary);height:36px;font-size:var(--font-base);color:var(--color-black);border:none;border-radius:18px;outline:none;flex:1;padding:0 12px}.header-search input::placeholder{color:var(--color-light-gray)}.category-tabs{top:var(--header-height);width:100%;max-width:440px;height:var(--tab-height);background:var(--color-bg);z-index:99;border-bottom:1px solid var(--color-border);position:fixed;left:50%;transform:translate(-50%)}[data-banner=on] .category-tabs{top:calc(var(--banner-height) + var(--header-height))}.category-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:6px;height:100%;padding:0 12px;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.category-tab{font-size:var(--font-sm);color:var(--color-light-gray);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:7px 14px;font-weight:500;transition:all .2s}.category-tab:hover{color:var(--color-dark)}.category-tab.active{background:var(--color-black);color:var(--color-bg);font-weight:700}.bottom-nav{width:100%;max-width:440px;height:var(--bottom-nav-height);background:var(--color-bg);border-top:1px solid var(--color-border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{min-width:56px;color:var(--color-gray);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 0;transition:color .2s;display:flex}.bottom-nav-item span{font-size:var(--font-xs);font-weight:500}.bottom-nav-item.active{color:var(--color-black)}.bottom-nav-item.accent,.bottom-nav-item.accent.active{color:var(--color-primary)}.bottom-nav-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.bottom-nav-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-10px}.top-banner{background:var(--color-primary);z-index:101;width:100%;max-width:440px;height:var(--banner-height);justify-content:center;align-items:center;padding:8px 12px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.top-banner-link{font-size:var(--font-sm);color:#fff;text-align:center;flex:1;font-weight:700}.top-banner-close{color:#ffffffb3;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.top-banner-close:hover{color:#fff}:root{--color-primary:#10b658;--color-primary-hover:#0ea04e;--color-danger:#fc4646;--color-black:#202020;--color-dark:#333;--color-gray:#909090;--color-light-gray:#b7b7b7;--color-border:#0000001a;--color-bg:#fff;--color-bg-secondary:#f7f7f7;--color-white:#fff;--font-xs:.75rem;--font-sm:.813rem;--font-base:.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--banner-height:36px;--header-height:52px;--tab-height:44px;--bottom-nav-height:56px}[data-theme=dark]{--color-bg:#1a1a1a;--color-bg-secondary:#242424;--color-black:#e0e0e0;--color-dark:#ccc;--color-gray:#888;--color-light-gray:#555;--color-border:#ffffff1a;--color-white:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-black);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:var(--font-base);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-container{background:var(--color-bg);max-width:440px;min-height:100vh;margin:0 auto;position:relative}.app-container.admin-wide{max-width:100%}.main-content{padding-top:calc(var(--header-height) + var(--tab-height));padding-bottom:calc(var(--bottom-nav-height) + 20px)}[data-banner=on] .main-content{padding-top:calc(var(--banner-height) + var(--header-height) + var(--tab-height))}.main-content--view{padding-top:var(--header-height)}[data-banner=on] .main-content--view{padding-top:calc(var(--banner-height) + var(--header-height))}::-webkit-scrollbar{display:none}@media (width>=441px){body{background:var(--color-bg-secondary)}.app-container{box-shadow:0 0 20px #00000014}}.error-state{color:var(--color-light-gray);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.error-retry-btn{background:var(--color-primary);color:#fff;font-size:var(--font-sm);cursor:pointer;border:none;border-radius:8px;min-height:44px;padding:10px 24px;font-family:inherit;font-weight:600;transition:opacity .2s}.error-retry-btn:hover{opacity:.85}.empty-state{color:var(--color-light-gray);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state-icon{opacity:.5;font-size:48px}.empty-state-message{font-size:var(--font-sm);line-height:1.5}.empty-state-cta{background:var(--color-primary);color:#fff;font-size:var(--font-sm);cursor:pointer;border:none;border-radius:8px;min-height:44px;margin-top:8px;padding:10px 24px;font-family:inherit;font-weight:600;transition:opacity .2s}.empty-state-cta:hover{opacity:.85}