@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)}.post-card{border-bottom:1px solid var(--color-border)}.post-card-link{gap:14px;padding:16px 20px 12px;display:flex}.post-card-body{flex:1;min-width:0}.post-category-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.post-category{font-size:var(--font-sm);font-weight:700}.post-poll-badge{color:var(--color-primary);background:#10b6581a;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:.688rem;font-weight:700;display:inline-flex}.post-card.has-poll{border-left:3px solid var(--color-primary)}.post-title{font-size:var(--font-md);color:var(--color-black);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.post-preview{font-size:var(--font-base);color:var(--color-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.post-poll-inline{background:var(--color-bg-secondary);border-radius:var(--radius-sm);align-items:center;gap:8px;margin:6px 0 8px;padding:8px 12px;display:flex}.post-poll-inline-badge{font-size:var(--font-xs);color:var(--color-primary);background:#10b6581a;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:2px 8px;font-weight:700;display:inline-flex}.post-poll-inline-text{font-size:var(--font-sm);color:var(--color-dark);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.post-poll-inline-count{font-size:var(--font-xs);color:var(--color-gray);flex-shrink:0}.post-meta-top{font-size:var(--font-sm);color:var(--color-gray);align-items:center;gap:6px;display:flex}.post-card-thumb{border-radius:var(--radius-sm);background:var(--color-bg-secondary);flex-shrink:0;width:80px;height:80px;overflow:hidden}.post-card-thumb img{object-fit:cover;width:100%;height:100%}.post-card-thumb.thumb-blur img{filter:blur(12px);transform:scale(1.1)}.post-card-footer{align-items:center;gap:14px;padding:0 20px 12px;display:flex}.post-stat{font-size:var(--font-sm);color:var(--color-gray);align-items:center;gap:4px;display:flex}.feed-list{background:var(--color-bg)}.feed-empty{text-align:center;color:var(--color-gray);font-size:var(--font-base);padding:60px 20px}.skeleton-card{border-bottom:1px solid var(--color-border);padding:16px 20px}.skeleton-line{background:linear-gradient(90deg, var(--color-bg-secondary) 25%, #f2f2f2 50%, var(--color-bg-secondary) 75%);background-size:200% 100%;border-radius:4px;height:14px;margin-bottom:8px;animation:1.8s infinite skeleton-shimmer}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-line.long{width:100%}.skeleton-line.xs{width:40%;height:12px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pinned-box{background:var(--color-bg-secondary);font-size:var(--font-base);color:var(--color-dark);border-radius:10px;margin:12px 20px;padding:14px 18px;font-weight:500;transition:opacity .2s}.pinned-box:hover{opacity:.8}.pinned-label{font-size:var(--font-sm);color:var(--color-primary);margin-bottom:4px;font-weight:700}.poll-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);margin:0 20px 4px;padding:16px 18px}.poll-question{font-size:var(--font-md);color:var(--color-black);margin-bottom:14px;font-weight:700;line-height:1.4}.poll-items{flex-direction:column;gap:8px;display:flex}.poll-item{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:var(--font-base);color:var(--color-dark);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.poll-item:not(.voted):hover{border-color:var(--color-primary);color:var(--color-primary)}.poll-item:not(.voted):active{transform:scale(.98)}.poll-item.voted{cursor:default;background:var(--color-bg);border-color:#0000}.poll-bar{border-radius:var(--radius-sm);background:#10b6581a;height:100%;transition:width .6s;position:absolute;top:0;left:0}.poll-item.winner .poll-bar{background:#10b65833}.poll-item.selected .poll-bar{background:#10b65840}.poll-item-text{z-index:1;font-weight:500;position:relative}.poll-item.voted .poll-item-text{font-weight:600}.poll-item.winner .poll-item-text{color:var(--color-primary);font-weight:700}.poll-item.selected .poll-item-text{color:var(--color-primary)}.poll-item-percent{z-index:1;font-size:var(--font-sm);color:var(--color-gray);flex-shrink:0;font-weight:700;position:relative}.poll-item.winner .poll-item-percent{color:var(--color-primary)}.poll-footer{font-size:var(--font-sm);color:var(--color-gray);margin-top:12px}.poll-slide{border-bottom:1px solid var(--color-border);padding:8px 0}.poll-dots{justify-content:center;gap:6px;margin-top:10px;display:flex}.poll-dot{background:var(--color-light-gray);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s}.poll-dot.active{background:var(--color-primary);border-radius:4px;width:20px}.event-banner{background:var(--color-primary);border-radius:var(--radius-lg);color:#fff;align-items:center;gap:12px;margin:12px 20px;padding:14px 18px;transition:opacity .2s;display:flex}.event-banner:hover{opacity:.9;color:#fff}.event-emoji{flex-shrink:0;font-size:24px}.event-text{flex-direction:column;display:flex}.event-title{font-size:var(--font-base);font-weight:700}.event-sub{font-size:var(--font-sm);opacity:.85;margin-top:2px}.hot-section{border-bottom:6px solid var(--color-bg-secondary);padding-bottom:8px}.hot-header{justify-content:space-between;align-items:center;padding:16px 20px 10px;display:flex}.hot-title{font-size:var(--font-md);color:var(--color-black);font-weight:700}.hot-more{font-size:var(--font-sm);color:var(--color-gray)}.hot-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:0 20px 14px;display:flex;overflow-x:auto}.hot-scroll::-webkit-scrollbar{display:none}.hot-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-direction:column;flex-shrink:0;gap:6px;width:160px;padding:14px;transition:opacity .2s;display:flex}.hot-card:hover{opacity:.8}.hot-rank{background:var(--color-primary);color:#fff;border-radius:6px;justify-content:center;align-self:flex-start;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}.hot-card:nth-child(n+4) .hot-rank{background:var(--color-light-gray)}.hot-category{font-size:.688rem;font-weight:700}.hot-subject{font-size:var(--font-sm);color:var(--color-black);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.hot-meta{color:var(--color-gray);gap:8px;font-size:.688rem;display:flex}.hot-meta span{align-items:center;gap:3px;display:flex}.view-page{background:var(--color-bg)}.view-back{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;margin:4px 8px;display:flex}.view-back:hover{background:var(--color-bg-secondary)}.view-article{padding:0 20px}.view-header{border-bottom:1px solid var(--color-border);padding-bottom:16px}.view-title{font-size:var(--font-lg);color:var(--color-black);margin-bottom:10px;font-weight:700;line-height:1.4}.view-meta{font-size:var(--font-sm);color:var(--color-gray);align-items:center;gap:10px;display:flex}.view-author{color:var(--color-dark);font-weight:600}.view-chat-btn{font-size:var(--font-xs);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:14px;align-items:center;gap:4px;padding:5px 10px;font-weight:600;transition:all .2s;display:flex}.view-chat-btn:hover{background:var(--color-primary);color:#fff}.view-files{flex-direction:column;gap:6px;padding:12px 0;display:flex}.view-file-item{font-size:var(--font-sm);color:var(--color-primary);align-items:center;gap:6px;display:flex}.view-content{word-break:break-word;white-space:pre-wrap;color:var(--color-dark);padding:20px 0;font-size:15px;line-height:1.8}.view-content img{border-radius:var(--radius-sm);max-width:100%;height:auto}.view-reactions{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.view-stats{font-size:var(--font-sm);color:var(--color-gray);gap:14px;display:flex}.view-stats span{align-items:center;gap:4px;display:flex}.view-action-btns{gap:8px;display:flex}.reaction-btn{font-size:var(--font-sm);border-radius:20px;align-items:center;gap:4px;padding:8px 14px;font-weight:600;transition:all .2s;display:flex}.reaction-btn.like{background:var(--color-bg-secondary);color:var(--color-dark)}.reaction-btn.like:hover{color:#fc4646;background:#fee2e2}.reaction-btn.like.active{color:#fff;background:#fc4646}.reaction-btn.dislike{background:var(--color-bg-secondary);color:var(--color-dark)}.reaction-btn.dislike:hover{color:#3b82f6;background:#dbeafe}.reaction-btn.dislike.active{color:#fff;background:#3b82f6}.view-comments{padding:0 20px 40px}.comment-header{font-size:var(--font-md);color:var(--color-black);padding:16px 0 12px;font-weight:700}.comment-item{border-bottom:1px solid var(--color-border);padding:14px 0}.comment-top{font-size:var(--font-sm);align-items:center;gap:8px;margin-bottom:6px;display:flex}.comment-top strong{color:var(--color-black);font-weight:700}.comment-top span{color:var(--color-gray);font-size:var(--font-xs)}.comment-body{font-size:var(--font-base);white-space:pre-wrap;color:var(--color-dark);line-height:1.6}.comment-empty{text-align:center;color:var(--color-gray);font-size:var(--font-base);padding:30px 0}.view-poll{background:var(--color-bg-secondary);border-radius:var(--radius-md);margin:16px 0;padding:16px}.view-poll-header{font-size:var(--font-base);color:var(--color-black);align-items:center;gap:8px;margin-bottom:4px;font-weight:700;display:flex}.view-poll-header svg{color:var(--color-primary)}.view-poll-total{font-size:var(--font-xs);color:var(--color-gray);margin-bottom:12px}.view-poll-items{flex-direction:column;gap:8px;display:flex}.view-poll-item{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);font-size:var(--font-sm);color:var(--color-dark);text-align:left;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .15s;display:flex;position:relative;overflow:hidden}.view-poll-item:not(.voted):hover{border-color:var(--color-primary);color:var(--color-primary)}.view-poll-bar{border-radius:var(--radius-sm);background:#10b6581a;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.view-poll-item.winner .view-poll-bar{background:#10b65833}.view-poll-item-text{z-index:1;font-weight:500;position:relative}.view-poll-item.winner .view-poll-item-text{color:var(--color-primary);font-weight:700}.view-poll-item-pct{z-index:1;font-weight:700;font-size:var(--font-sm);color:var(--color-gray);position:relative}.view-poll-item.winner .view-poll-item-pct{color:var(--color-primary)}.view-poll-hint{text-align:center;font-size:var(--font-xs);color:var(--color-light-gray);margin-top:10px}.view-poll-cancel{width:100%;font-size:var(--font-base);color:#e53935;border-radius:var(--radius-sm);cursor:pointer;background:#fee2e2;border:none;margin-top:12px;padding:12px 0;font-weight:700;transition:background .15s;display:block}.view-poll-cancel:hover{background:#fecaca}.view-header-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.view-header-top .view-title{flex:1}.view-post-menu-wrap,.comment-menu-wrap{flex-shrink:0;position:relative}.view-post-menu-btn,.comment-menu-btn{width:32px;height:32px;color:var(--color-gray);border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex}.view-post-menu-btn:hover,.comment-menu-btn:hover{background:var(--color-bg-secondary)}.view-dropdown{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);z-index:20;min-width:100px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.view-dropdown button{width:100%;font-size:var(--font-sm);color:var(--color-dark);text-align:left;align-items:center;gap:8px;padding:10px 14px;transition:background .15s;display:flex}.view-dropdown button:hover{background:var(--color-bg-secondary)}.view-dropdown button.danger{color:#e53935}.comment-dropdown{left:-60px;right:auto}.comment-menu-wrap{margin-left:auto}.view-edit-form{padding:16px 0}.view-edit-subject{width:100%;font-size:var(--font-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-black);margin-bottom:12px;padding:12px;font-weight:700}.view-edit-content{width:100%;font-size:var(--font-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-black);resize:vertical;min-height:200px;padding:12px;line-height:1.7}.view-edit-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.view-edit-cancel{font-size:var(--font-sm);color:var(--color-gray);background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:10px 20px;font-weight:600}.view-edit-save{font-size:var(--font-sm);color:#fff;background:var(--color-primary);border-radius:var(--radius-sm);padding:10px 20px;font-weight:600}.comment-edit-form{margin-top:8px}.comment-edit-input{width:100%;font-size:var(--font-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-black);resize:vertical;padding:10px;line-height:1.6}.comment-edit-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.comment-write{bottom:var(--bottom-nav-height);background:var(--color-bg);border-top:1px solid var(--color-border);z-index:50;align-items:center;gap:10px;width:100%;max-width:440px;padding:8px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.comment-write-input{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:var(--font-base);background:var(--color-bg-secondary);color:var(--color-black);resize:none;border:none;border-radius:20px;outline:none;flex:1;max-height:80px;padding:9px 16px;line-height:1.4}.comment-write-input::placeholder{color:var(--color-light-gray)}.comment-write-btn{width:34px;height:34px;color:var(--color-light-gray);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s;display:flex}.comment-write-btn.active{color:var(--color-primary)}.view-comments{padding-bottom:calc(var(--bottom-nav-height) + 70px)!important}.load-more-btn{text-align:center;width:calc(100% - 40px);font-size:var(--font-base);color:var(--color-dark);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin:16px 20px;padding:14px;font-weight:600;transition:background .2s;display:block}.load-more-btn:hover{background:var(--color-border)}.search-page{background:var(--color-bg)}.search-header-info{font-size:var(--font-base);color:var(--color-black);border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:16px 20px;font-weight:600;display:flex}.search-board-section{margin-bottom:8px;padding:0 20px}.search-board-title{font-size:var(--font-base);color:var(--color-primary);align-items:center;gap:6px;padding:14px 0 8px;font-weight:700;display:flex}.search-board-count{font-size:var(--font-xs);background:var(--color-primary);color:#fff;border-radius:10px;padding:1px 6px;font-weight:600}.search-result-item{border-bottom:1px solid var(--color-border);padding:12px 0;display:block}.search-result-title{font-size:var(--font-base);color:var(--color-black);margin-bottom:4px;font-weight:600}.search-result-preview{font-size:var(--font-sm);color:var(--color-gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;display:-webkit-box;overflow:hidden}.search-result-meta{font-size:var(--font-xs);color:var(--color-light-gray);gap:6px;display:flex}.menu-page{background:var(--color-bg);min-height:100vh;padding-bottom:40px}.menu-top-bar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:52px;padding:0 8px;display:flex}.menu-back{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.menu-back:hover{background:var(--color-bg-secondary)}.menu-top-title{font-size:var(--font-md);color:var(--color-black);font-weight:700}.menu-user-box{align-items:center;gap:14px;padding:20px 24px;display:flex}.menu-user-avatar{background:var(--color-bg-secondary);width:48px;height:48px;color:var(--color-gray);border-radius:50%;justify-content:center;align-items:center;display:flex}.menu-user-info strong{font-size:var(--font-md);color:var(--color-black);font-weight:700;display:block}.menu-user-info span{font-size:var(--font-sm);color:var(--color-gray)}.menu-point-btn{font-size:var(--font-sm);color:var(--color-primary);background:#10b6581a;border-radius:14px;align-items:center;gap:2px;margin-top:2px;padding:3px 10px 3px 12px;font-weight:600;transition:background .15s;display:inline-flex}.menu-point-btn:hover{background:#10b6582e}.menu-login-btn{background:var(--color-primary);color:#fff;width:calc(100% - 48px);font-size:var(--font-base);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;margin:16px 24px;padding:14px;font-weight:700;transition:opacity .2s;display:flex}.menu-login-btn:hover{opacity:.85}.menu-hot-link{background:var(--color-bg-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;width:calc(100% - 48px);margin:0 24px 16px;padding:14px 16px;transition:opacity .2s;display:flex}.menu-hot-link:hover{opacity:.7}.menu-hot-left{font-size:var(--font-base);color:var(--color-black);align-items:center;gap:8px;font-weight:600;display:flex}.menu-group{border-bottom:6px solid var(--color-bg-secondary);margin-top:8px;padding-bottom:4px}.menu-group:last-of-type{border-bottom:none}.menu-group-header{align-items:center;gap:8px;padding:16px 24px 8px;display:flex}.menu-group-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.menu-group-title{font-size:var(--font-sm);color:var(--color-black);letter-spacing:.3px;font-weight:700}.menu-category-grid{grid-template-columns:repeat(5,1fr);gap:2px;padding:0 12px 12px;display:grid}.menu-category-item{border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:4px;padding:12px 4px;transition:background .2s;display:flex}.menu-category-item:hover{background:var(--color-bg-secondary)}.menu-category-icon{background:var(--color-bg-secondary);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.menu-category-label{color:var(--color-dark);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:60px;font-size:.625rem;font-weight:600;overflow:hidden}.menu-list{padding:0 8px}.menu-list-item{width:100%;font-size:var(--font-base);color:var(--color-dark);border-radius:var(--radius-sm);text-align:left;align-items:center;gap:12px;padding:14px 16px;transition:background .2s;display:flex}.menu-list-item:hover{background:var(--color-bg-secondary)}.menu-logout{width:calc(100% - 48px);font-size:var(--font-sm);color:var(--color-gray);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;margin:24px 24px 0;padding:12px;transition:background .2s;display:flex}.menu-logout:hover{background:var(--color-bg-secondary)}.menu-footer{text-align:center;font-size:var(--font-xs);color:var(--color-light-gray);padding:30px 24px 20px}.popular-period-tabs{border-bottom:1px solid var(--color-border);gap:8px;padding:12px 20px;display:flex}.popular-period-tab{font-size:var(--font-sm);color:var(--color-light-gray);border-radius:20px;padding:7px 16px;font-weight:600;transition:all .2s}.popular-period-tab.active{background:var(--color-black);color:var(--color-bg)}.popular-rank-card{align-items:flex-start;display:flex}.popular-rank-badge{min-width:28px;height:28px;font-size:var(--font-sm);color:var(--color-gray);flex-shrink:0;justify-content:center;align-items:center;margin:18px 0 0 12px;font-weight:700;display:flex}.popular-rank-badge.top{color:var(--color-bg);background:var(--color-primary);border-radius:50%}.popular-rank-content{flex:1;min-width:0}.find-filter-tabs{border-bottom:1px solid var(--color-border);gap:8px;padding:12px 20px;display:flex}.find-filter-tab{font-size:var(--font-sm);color:var(--color-light-gray);border-radius:20px;padding:7px 16px;font-weight:600;transition:all .2s}.find-filter-tab.active{background:var(--color-black);color:var(--color-bg)}.write-page{background:var(--color-bg);min-height:100vh}.write-top-bar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:52px;padding:0 8px;display:flex}.write-back{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.write-top-title{font-size:var(--font-md);color:var(--color-black);font-weight:700}.write-submit-btn{font-size:var(--font-sm);color:var(--color-light-gray);border-radius:20px;padding:8px 16px;font-weight:700;transition:all .2s}.write-submit-btn.active{background:var(--color-primary);color:#fff}.write-form{padding:0 20px}.write-select-wrap{margin-top:16px;position:relative}.write-select{width:100%;font-size:var(--font-base);color:var(--color-black);background:var(--color-bg-secondary);border-radius:var(--radius-sm);appearance:none;cursor:pointer;border:none;outline:none;padding:12px 40px 12px 14px;font-family:inherit;font-weight:600}.write-select-icon{color:var(--color-gray);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.write-title-input{width:100%;font-size:var(--font-lg);color:var(--color-black);border:none;border-bottom:1px solid var(--color-border);background:0 0;outline:none;padding:16px 0;font-family:inherit;font-weight:700}.write-title-input::placeholder{color:var(--color-light-gray);font-weight:500}.write-content-input{width:100%;min-height:300px;font-size:var(--font-base);color:var(--color-dark);resize:none;background:0 0;border:none;outline:none;padding:16px 0;font-family:inherit;line-height:1.7}.write-content-input::placeholder{color:var(--color-light-gray);white-space:pre-line}.write-poll-toggle{border-bottom:1px solid var(--color-border);width:100%;font-size:var(--font-base);color:var(--color-dark);justify-content:space-between;align-items:center;padding:14px 20px;font-weight:600;transition:background .2s;display:flex}.write-poll-toggle:hover{background:var(--color-bg-secondary)}.write-poll-toggle-left{align-items:center;gap:8px;display:flex}.write-poll-badge{font-size:var(--font-xs);color:var(--color-primary);background:#10b6581a;border-radius:4px;padding:2px 6px;font-weight:700}.write-poll-area{background:var(--color-bg-secondary);border-radius:var(--radius-md);margin:16px 20px 0;padding:18px}.write-poll-question{width:100%;font-size:var(--font-base);color:var(--color-black);border:none;border-bottom:1px solid var(--color-border);background:0 0;outline:none;padding:12px 0;font-family:inherit;font-weight:600}.write-poll-question::placeholder{color:var(--color-light-gray)}.write-poll-items{flex-direction:column;gap:8px;margin-top:10px;display:flex}.write-poll-item-row{align-items:center;gap:8px;display:flex}.write-poll-item-input{font-size:var(--font-base);color:var(--color-black);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;flex:1;padding:10px 14px;font-family:inherit}.write-poll-item-input:focus{border-color:var(--color-primary)}.write-poll-item-input::placeholder{color:var(--color-light-gray)}.write-poll-item-remove{width:32px;height:32px;color:var(--color-gray);flex-shrink:0;justify-content:center;align-items:center;display:flex}.write-poll-add{width:100%;font-size:var(--font-base);color:var(--color-dark);background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:12px;font-weight:600;transition:border-color .2s;display:flex}.write-poll-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.chat-page{background:var(--color-bg);min-height:100vh;padding-bottom:calc(var(--bottom-nav-height) + 20px)}.chat-tabs{border-bottom:1px solid var(--color-border);display:flex}.chat-tab{font-size:var(--font-sm);color:var(--color-gray);text-align:center;border-bottom:2px solid #0000;flex:1;padding:14px 0;font-weight:600;transition:all .2s;position:relative}.chat-tab.active{color:var(--color-black);border-bottom-color:var(--color-black)}.chat-tab-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:.625rem;font-weight:700;display:inline-flex}.chat-room-time{font-size:var(--font-xs);color:var(--color-light-gray);flex-shrink:0}.chat-room-last-msg{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-empty-sub{font-size:var(--font-sm);color:var(--color-light-gray)}.chat-list{padding:0}.chat-room-item{border-bottom:1px solid var(--color-border);align-items:center;gap:14px;padding:14px 20px;transition:background .15s;display:flex}.chat-room-item:hover{background:var(--color-bg-secondary)}.chat-room-icon{background:var(--color-bg-secondary);width:46px;height:46px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-room-info{flex:1;min-width:0}.chat-room-title{font-size:var(--font-base);color:var(--color-black);text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-weight:600;overflow:hidden}.chat-room-meta{font-size:var(--font-xs);color:var(--color-gray);align-items:center;gap:5px;display:flex}.chat-room-badge{background:var(--color-primary);color:#fff;min-width:22px;height:22px;font-size:var(--font-xs);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-weight:700;display:flex}.chat-empty{color:var(--color-light-gray);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.chat-empty p{font-size:var(--font-base)}.chat-section{border-bottom:6px solid var(--color-bg-secondary)}.chat-section:last-child{border-bottom:none}.chat-section-title{font-size:var(--font-xs);color:var(--color-gray);text-transform:uppercase;letter-spacing:.3px;padding:14px 20px 6px;font-weight:700}.chat-request-item{border-bottom:1px solid var(--color-border);align-items:center;gap:14px;padding:14px 20px;display:flex}.chat-room-icon.request{color:#ef4444;background:#fef2f2}.chat-room-icon.waiting{color:#eab308;background:#fefce8}.chat-request-actions{flex-shrink:0;gap:8px;display:flex}.chat-req-btn{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.chat-req-btn.approve{background:var(--color-primary);color:#fff}.chat-req-btn.approve:hover{opacity:.85}.chat-req-btn.reject{background:var(--color-bg-secondary);color:var(--color-gray)}.chat-req-btn.reject:hover{color:#ef4444;background:#fef2f2}.chat-room-item.pending{opacity:.7}.chat-skeleton{border-bottom:1px solid var(--color-border);align-items:center;gap:14px;padding:14px 20px;display:flex}.chat-skeleton-avatar{background:linear-gradient(90deg, var(--color-bg-secondary) 25%, #f2f2f2 50%, var(--color-bg-secondary) 75%);background-size:200% 100%;border-radius:12px;flex-shrink:0;width:46px;height:46px;animation:1.8s infinite skeleton-shimmer}.chat-skeleton-text{flex:1}.chatroom-page{background:var(--color-bg);flex-direction:column;height:100vh;display:flex}.chatroom-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 8px;display:flex}.chatroom-header-actions{align-items:center;gap:2px;display:flex}.chatroom-couple-btn{color:#e91e63;background:#e91e6314;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.chatroom-couple-btn:hover{background:#e91e6326}.chatroom-couple-btn.is-couple{color:#fff;background:#e91e63}.chatroom-couple-btn.is-couple:hover{background:#d81b60}.chatroom-back,.chatroom-more{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.chatroom-back:hover,.chatroom-more:hover{background:var(--color-bg-secondary)}.chatroom-more-wrap{position:relative}.chatroom-dropdown{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:100;min-width:140px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.chatroom-dropdown-item{width:100%;font-size:var(--font-sm);color:var(--color-dark);text-align:left;align-items:center;gap:8px;padding:12px 16px;transition:background .15s;display:flex}.chatroom-dropdown-item:hover{background:var(--color-bg-secondary)}.chatroom-dropdown-item.danger{color:#ef4444}.chatroom-header-info{text-align:center;flex:1}.chatroom-header-name{font-size:var(--font-md);color:var(--color-black);font-weight:700}.chatroom-messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.chatroom-empty{color:var(--color-gray);font-size:var(--font-sm);text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.chatroom-bubble-row{align-items:flex-end;gap:8px;display:flex}.chatroom-bubble-row.mine{flex-direction:row-reverse}.chatroom-avatar{background:var(--color-bg-secondary);width:32px;height:32px;color:var(--color-gray);font-size:var(--font-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.chatroom-bubble-wrap{flex-direction:column;gap:2px;max-width:70%;display:flex}.chatroom-bubble-row.mine .chatroom-bubble-wrap{align-items:flex-end}.chatroom-bubble{font-size:var(--font-sm);word-break:break-word;white-space:pre-wrap;border-radius:16px;padding:10px 14px;line-height:1.5}.chatroom-bubble.mine{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.chatroom-bubble.theirs{background:var(--color-bg-secondary);color:var(--color-black);border-bottom-left-radius:4px}.chatroom-time{color:var(--color-light-gray);padding:0 4px;font-size:.625rem}.chatroom-read{color:var(--color-primary);align-self:flex-end;min-height:14px;padding:0 2px;font-size:.625rem}.chatroom-input-bar{border-top:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.chatroom-input{font-size:var(--font-sm);color:var(--color-black);background:var(--color-bg-secondary);resize:none;border:none;border-radius:20px;outline:none;flex:1;max-height:100px;padding:10px 14px;font-family:inherit;line-height:1.4}.chatroom-input::placeholder{color:var(--color-light-gray)}.chatroom-send{width:38px;height:38px;color:var(--color-light-gray);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.chatroom-send.active{background:var(--color-primary);color:#fff}.auth-page{background:var(--color-bg);min-height:100vh}.auth-top-bar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:52px;padding:0 8px;display:flex}.auth-back{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.auth-top-title{font-size:var(--font-md);color:var(--color-black);font-weight:700}.auth-content{padding:30px 24px 40px}.auth-logo{color:var(--color-primary);text-align:center;margin-bottom:6px;font-size:32px;font-weight:800}.auth-desc{text-align:center;font-size:var(--font-sm);color:var(--color-gray);margin-bottom:30px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field label{font-size:var(--font-sm);color:var(--color-dark);margin-bottom:6px;font-weight:600;display:block}.auth-field input[type=text],.auth-field input[type=password],.auth-field input[type=email],.auth-field input[type=tel]{width:100%;font-size:var(--font-base);color:var(--color-black);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:1.5px solid #0000;outline:none;padding:12px 14px;font-family:inherit;transition:border-color .2s}.auth-field input:focus{border-color:var(--color-primary)}.auth-field input::placeholder{color:var(--color-light-gray)}.auth-pw-wrap{position:relative}.auth-pw-wrap input{padding-right:44px}.auth-pw-toggle{color:var(--color-gray);align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-check-row{gap:8px;display:flex}.auth-check-row input{flex:1}.auth-check-btn{font-size:var(--font-sm);color:var(--color-dark);background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:0 14px;font-weight:600;transition:all .2s}.auth-check-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.auth-ok{font-size:var(--font-xs);color:var(--color-primary);align-items:center;gap:4px;margin-top:4px;display:flex}.auth-error-sm{font-size:var(--font-xs);color:var(--color-danger);align-items:center;gap:4px;margin-top:4px;display:flex}.auth-sex-row{gap:10px;display:flex}.auth-sex-btn{font-size:var(--font-base);color:var(--color-gray);background:var(--color-bg-secondary);border-radius:var(--radius-sm);text-align:center;border:1.5px solid #0000;flex:1;padding:12px;font-weight:600;transition:all .2s}.auth-sex-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:#10b6580d}.auth-agree{font-size:var(--font-sm);color:var(--color-dark);cursor:pointer;align-items:center;gap:8px;display:flex}.auth-agree input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.required{color:var(--color-danger);font-weight:400}.auth-send-btn{align-items:center;gap:4px;display:flex}.auth-verify-section{margin-top:12px}.auth-code-boxes{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.auth-code-box{text-align:center;width:44px;height:52px;color:var(--color-black);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-sm);caret-color:var(--color-primary);outline:none;font-family:inherit;font-size:22px;font-weight:800;transition:border-color .15s}.auth-code-box:focus{border-color:var(--color-primary);background:var(--color-bg)}.auth-verify-btn{width:100%;font-size:var(--font-base);color:#fff;background:var(--color-primary);border-radius:var(--radius-sm);padding:12px;font-weight:700;transition:opacity .15s}.auth-verify-btn:disabled{opacity:.4}.auth-error{font-size:var(--font-sm);color:var(--color-danger);text-align:center;border-radius:var(--radius-sm);background:#fc46460f;padding:8px}.auth-submit{width:100%;font-size:var(--font-md);color:#fff;background:var(--color-primary);border-radius:var(--radius-sm);margin-top:4px;padding:14px;font-weight:700;transition:opacity .2s}.auth-submit:hover{opacity:.9}.auth-submit:disabled{opacity:.5}.auth-links{font-size:var(--font-sm);color:var(--color-gray);justify-content:center;gap:8px;margin-top:24px;display:flex}.auth-links a{color:var(--color-primary);font-weight:600}.auth-divider{color:var(--color-border)}.charge-page{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.charge-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:52px;padding:0 8px;display:flex}.charge-back{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.charge-title{font-size:var(--font-md);color:var(--color-black);font-weight:700}.charge-balance{border-bottom:6px solid var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.charge-balance-label{font-size:var(--font-sm);color:var(--color-gray)}.charge-balance-value{color:var(--color-primary);font-size:1.5rem;font-weight:800}.charge-options{flex-direction:column;gap:10px;padding:16px 24px;display:flex}.charge-option{border:2px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:16px 18px;transition:all .2s;display:flex}.charge-option:hover{border-color:var(--color-gray)}.charge-option.selected{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb,99, 102, 241), .05)}.charge-option-left{align-items:baseline;gap:10px;display:flex}.charge-option-point{font-size:var(--font-md);color:var(--color-black);font-weight:700}.charge-option-price{font-size:var(--font-sm);color:var(--color-gray)}.charge-option-check{color:var(--color-primary)}.charge-info{font-size:var(--font-xs);color:var(--color-light-gray);padding:16px 24px;line-height:1.6}.charge-bottom{margin-top:auto;padding:16px 24px 32px}.charge-btn{width:100%;font-size:var(--font-base);color:#fff;background:var(--color-light-gray);border-radius:var(--radius-md);padding:16px;font-weight:700;transition:all .2s}.charge-btn.active{background:var(--color-primary)}.charge-btn.active:hover{opacity:.85}.my-page{background:var(--color-bg);min-height:100vh;padding-bottom:40px}.my-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:52px;padding:0 8px;display:flex}.my-back{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.my-header-title{font-size:var(--font-md);color:var(--color-black);font-weight:700}.my-profile{align-items:center;gap:16px;padding:24px;display:flex}.my-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:700;display:flex}.my-info{flex-direction:column;gap:2px;display:flex}.my-nick{font-size:var(--font-lg);color:var(--color-black);font-weight:700}.my-id{font-size:var(--font-sm);color:var(--color-gray)}.my-point-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;margin:0 20px 20px;padding:20px;transition:opacity .2s;display:flex}.my-point-card:hover{opacity:.8}.my-point-left{flex-direction:column;gap:4px;display:flex}.my-point-label{font-size:var(--font-xs);color:var(--color-gray)}.my-point-value{color:var(--color-primary);font-size:1.25rem;font-weight:800}.my-point-btn{font-size:var(--font-sm);color:#fff;background:var(--color-primary);border-radius:20px;padding:8px 16px;font-weight:700}.my-menu-section{border-top:6px solid var(--color-bg-secondary)}.my-menu-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;width:100%;padding:16px 24px;transition:background .15s;display:flex}.my-menu-item:hover{background:var(--color-bg-secondary)}.my-menu-left{font-size:var(--font-base);color:var(--color-dark);align-items:center;gap:12px;display:flex}.my-menu-right{align-items:center;gap:6px;display:flex}.my-menu-sub{font-size:var(--font-sm);color:var(--color-primary);font-weight:600}.my-logout{width:calc(100% - 48px);font-size:var(--font-sm);color:var(--color-gray);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;margin:24px 24px 0;padding:14px;transition:background .2s;display:flex}.my-logout:hover{background:var(--color-bg-secondary)}.mylist-page{background:var(--color-bg);min-height:100vh}.mylist-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:10;align-items:center;height:52px;padding:0 8px;display:flex;position:sticky;top:0}.mylist-back{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.mylist-title{text-align:center;font-size:var(--font-md);color:var(--color-black);flex:1;margin-right:40px;font-weight:700}.mylist-count{font-size:var(--font-sm);color:var(--color-gray);border-bottom:1px solid var(--color-border);padding:12px 20px}.mylist-items{padding-bottom:40px}.mylist-item{text-align:left;border-bottom:1px solid var(--color-border);width:100%;padding:16px 20px;transition:background .15s;display:block}.mylist-item:hover{background:var(--color-bg-secondary)}.mylist-item-board{font-size:var(--font-xs);color:var(--color-primary);margin-bottom:4px;font-weight:600;display:inline-block}.mylist-item-subject{font-size:var(--font-base);color:var(--color-black);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.mylist-item-meta{font-size:var(--font-xs);color:var(--color-gray);align-items:center;gap:10px;display:flex}.mylist-item-meta span{align-items:center;gap:3px;display:flex}.mylist-comment-content{font-size:var(--font-base);color:var(--color-dark);-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;margin-bottom:8px;line-height:1.5;display:-webkit-box;overflow:hidden}.mylist-comment-parent{font-size:var(--font-xs);color:var(--color-gray);align-items:center;gap:6px;margin-bottom:4px;display:flex}.mylist-comment-parent svg{flex-shrink:0}.mylist-comment-parent-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mylist-empty{color:var(--color-gray);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:80px 20px;display:flex}.mylist-empty svg{opacity:.4}.mylist-empty span{font-size:var(--font-base)}.mylist-more{text-align:center;width:calc(100% - 40px);font-size:var(--font-sm);color:var(--color-dark);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin:16px 20px;padding:14px;font-weight:600;transition:background .2s;display:block}.mylist-more:hover{background:var(--color-border)}.noti-page{background:var(--color-bg);min-height:100vh}.noti-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:10;align-items:center;height:52px;padding:0 8px;display:flex;position:sticky;top:0}.noti-back{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.noti-title{text-align:center;font-size:var(--font-md);color:var(--color-black);flex:1;font-weight:700}.noti-clear{font-size:var(--font-xs);color:var(--color-gray);padding:6px 12px}.noti-empty{color:var(--color-gray);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.noti-empty svg{opacity:.3}.noti-empty span{font-size:var(--font-base)}.noti-list{padding-bottom:40px}.noti-item{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:12px;padding:14px 20px;transition:background .15s;display:flex}.noti-item:hover,.noti-unread{background:var(--color-bg-secondary)}.noti-icon{background:var(--color-border);width:36px;height:36px;color:var(--color-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.noti-icon--chat{color:#4caf50;background:#e8f5e9}.noti-icon--like{color:#e91e63;background:#fce4ec}.noti-content{flex:1;min-width:0}.noti-message{font-size:var(--font-sm);color:var(--color-black);margin-bottom:4px;line-height:1.4}.noti-time{font-size:var(--font-xs);color:var(--color-gray)}.noti-delete{color:var(--color-gray);opacity:.5;flex-shrink:0;padding:4px;transition:opacity .15s}.noti-delete:hover{opacity:1}.live-page{background:var(--color-bg)}.live-header{justify-content:space-between;align-items:center;padding:12px 20px 8px;display:flex}.live-indicator{align-items:center;gap:8px;display:flex}.live-dot{background:var(--color-gray);border-radius:50%;width:8px;height:8px}.live-dot.on{background:#e53935;animation:1.5s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.live-label{font-size:var(--font-md);color:var(--color-black);font-weight:800}.live-controls{align-items:center;gap:6px;display:flex}.live-auto-btn{font-size:var(--font-xs);color:var(--color-gray);background:var(--color-bg-secondary);border-radius:12px;padding:4px 12px;font-weight:600}.live-auto-btn.on{color:#fff;background:var(--color-primary)}.live-refresh-btn{width:30px;height:30px;color:var(--color-gray);background:var(--color-bg-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.live-updated{font-size:var(--font-xs);color:var(--color-light-gray);padding:0 20px 10px}.live-loading{text-align:center;color:var(--color-gray);padding:40px}.live-list{padding-bottom:20px}.live-item{border-bottom:1px solid var(--color-border);padding:12px 20px;transition:background .12s;display:block}.live-item:hover{background:var(--color-bg-secondary)}.live-item-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.live-item-board{font-size:var(--font-xs);color:var(--color-primary);font-weight:600}.live-item-time{font-size:var(--font-xs);color:var(--color-light-gray)}.live-item-subject{font-size:var(--font-base);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:600;line-height:1.4;overflow:hidden}.live-item-meta{font-size:var(--font-xs);color:var(--color-gray);justify-content:space-between;align-items:center;display:flex}.live-item-stats{align-items:center;gap:8px;display:flex}.live-item-stats svg{margin-right:2px}.couple-page{background:var(--color-bg);min-height:100vh}.couple-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:10;align-items:center;height:52px;padding:0 8px;display:flex;position:sticky;top:0}.couple-back{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.couple-title{text-align:center;font-size:var(--font-md);color:var(--color-black);flex:1;font-weight:700}.couple-dissolve{width:40px;height:40px;color:var(--color-gray);justify-content:center;align-items:center;display:flex}.couple-loading{text-align:center;color:var(--color-gray);padding:60px}.couple-empty{color:var(--color-gray);flex-direction:column;align-items:center;gap:8px;padding:80px 20px;display:flex}.couple-empty svg{opacity:.3}.couple-empty p{font-size:var(--font-md);color:var(--color-black);font-weight:600}.couple-empty span{font-size:var(--font-sm)}.couple-pending-box{text-align:center;padding:40px 20px}.couple-pending-icon{color:#e91e63;margin-bottom:16px}.couple-pending-box h3{font-size:var(--font-md);color:var(--color-black);margin-bottom:8px}.couple-pending-box p{font-size:var(--font-sm);color:var(--color-gray);margin-bottom:20px}.couple-pending-actions{justify-content:center;gap:12px;display:flex}.couple-btn-accept{font-size:var(--font-sm);color:#fff;background:var(--color-primary);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:10px 24px;font-weight:600;display:flex}.couple-btn-reject{font-size:var(--font-sm);color:var(--color-gray);background:var(--color-bg-secondary);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:10px 24px;font-weight:600;display:flex}.couple-info-card{text-align:center;border-bottom:1px solid var(--color-border);padding:24px 20px 16px}.couple-hearts{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.couple-avatar{background:var(--color-bg-secondary);width:48px;height:48px;font-size:var(--font-lg);color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.couple-avatar.partner,.couple-heart-icon{color:#e91e63}.couple-info-card h3{font-size:var(--font-base);color:var(--color-black);margin-bottom:8px;font-weight:700}.couple-stats-row{font-size:var(--font-xs);color:var(--color-gray);justify-content:center;gap:16px;display:flex}.couple-stats-row span{align-items:center;gap:4px;display:flex}.couple-chat-btn{font-size:var(--font-sm);color:var(--color-primary);background:#10b65814;border-radius:20px;align-items:center;gap:6px;margin-top:12px;padding:8px 20px;font-weight:600;transition:background .15s;display:inline-flex}.couple-chat-btn:hover{background:#10b65826}.couple-tabs{border-bottom:1px solid var(--color-border);display:flex}.couple-tab{text-align:center;font-size:var(--font-sm);color:var(--color-gray);border-bottom:2px solid #0000;flex:1;padding:12px;font-weight:600}.couple-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.couple-create-btn{width:calc(100% - 32px);font-size:var(--font-sm);color:var(--color-primary);border:1px dashed var(--color-primary);border-radius:var(--radius-sm);background:#10b65814;justify-content:center;align-items:center;gap:6px;margin:12px 16px;padding:12px;font-weight:600;display:flex}.couple-mission-list{padding:8px 16px 40px}.couple-mission-item{background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:10px;padding:16px}.couple-mission-item.completed{opacity:.7}.couple-mission-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.couple-mission-creator{font-size:var(--font-xs);color:var(--color-primary);font-weight:600}.couple-mission-public{color:var(--color-gray)}.couple-mission-title{font-size:var(--font-base);color:var(--color-black);margin-bottom:4px;font-weight:700}.couple-mission-repeat{font-size:var(--font-xs);color:#8b5cf6;background:#8b5cf614;border-radius:10px;align-items:center;gap:4px;margin-bottom:4px;padding:2px 8px;font-weight:600;display:inline-flex}.couple-repeat-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.couple-repeat-row>span{font-size:var(--font-sm);color:var(--color-dark);flex-shrink:0;font-weight:600}.couple-repeat-options{flex:1;gap:6px;display:flex}.couple-repeat-btn{font-size:var(--font-xs);text-align:center;color:var(--color-gray);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;padding:7px 0;font-weight:600;transition:all .15s}.couple-repeat-btn.active{color:#8b5cf6;background:#8b5cf60f;border-color:#8b5cf6}.couple-mission-content{font-size:var(--font-sm);color:var(--color-dark);margin-bottom:10px;line-height:1.5}.couple-mission-bottom{justify-content:space-between;align-items:center;display:flex}.couple-mission-date{font-size:var(--font-xs);color:var(--color-light-gray)}.couple-mission-read{font-size:var(--font-xs);color:var(--color-gray)}.couple-mission-read.read{color:var(--color-primary)}.couple-mission-empty{text-align:center;color:var(--color-gray);font-size:var(--font-sm);padding:40px}.couple-proof{background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);margin:10px 0;padding:12px}.couple-proof--approved{border-color:var(--color-primary)}.couple-proof--rejected{border-color:#e53935}.couple-proof-img{border-radius:var(--radius-sm);max-width:100%;margin-bottom:8px}.couple-proof-text{font-size:var(--font-sm);color:var(--color-dark);margin-bottom:8px;line-height:1.5}.couple-proof-status{font-size:var(--font-xs);color:var(--color-gray);align-items:center;gap:6px;font-weight:600;display:flex}.couple-proof--approved .couple-proof-status{color:var(--color-primary)}.couple-proof--rejected .couple-proof-status{color:#e53935}.couple-proof-actions{gap:8px;margin-top:10px;display:flex}.couple-proof-btn{font-size:var(--font-sm);color:var(--color-primary);border-radius:var(--radius-sm);background:#10b65814;align-items:center;gap:6px;margin-top:10px;padding:8px 16px;font-weight:600;display:flex}.couple-modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.couple-modal{background:var(--color-bg);border-radius:var(--radius-md);width:90%;max-width:360px;padding:24px}.couple-modal h3{font-size:var(--font-md);color:var(--color-black);margin-bottom:16px;font-weight:700}.couple-modal input,.couple-modal textarea{width:100%;font-size:var(--font-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-black);resize:vertical;margin-bottom:10px;padding:10px 14px;font-family:inherit}.couple-public-toggle{font-size:var(--font-sm);color:var(--color-dark);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:12px;display:flex}.couple-public-toggle span{flex:1}.couple-toggle{background:var(--color-border);border-radius:12px;flex-shrink:0;width:42px;height:24px;transition:background .2s;position:relative}.couple-toggle.on{background:var(--color-primary)}.couple-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.couple-toggle.on .couple-toggle-knob{transform:translate(18px)}.couple-board-select{width:100%;font-size:var(--font-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-black);outline:none;margin-bottom:10px;padding:8px 12px;font-family:inherit}.couple-modal-actions{justify-content:flex-end;gap:8px;display:flex}.mission-detail{background:var(--color-bg);min-height:100vh}.mission-detail-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:10;align-items:center;height:52px;padding:0 8px;display:flex;position:sticky;top:0}.mission-detail-header button{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.mission-detail-header h1{text-align:center;font-size:var(--font-md);color:var(--color-black);flex:1;font-weight:700}.mission-detail-loading{text-align:center;color:var(--color-gray);padding:60px}.mission-menu-wrap{position:relative}.mission-menu-wrap>button{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.mission-dropdown{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);z-index:20;min-width:100px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.mission-dropdown button{width:100%;font-size:var(--font-sm);color:var(--color-dark);text-align:left;align-items:center;gap:8px;padding:10px 14px;display:flex}.mission-dropdown button:hover{background:var(--color-bg-secondary)}.mission-dropdown button.danger{color:#e53935}.mission-edit-form{flex-direction:column;gap:10px;padding:20px;display:flex}.mission-edit-form input,.mission-edit-form textarea,.mission-edit-form select{width:100%;font-size:var(--font-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-black);outline:none;padding:10px 14px;font-family:inherit}.mission-edit-form textarea{resize:vertical}.mission-edit-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.mission-detail-card{border-bottom:1px solid var(--color-border);padding:20px}.mission-detail-status-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.mission-detail-badge{font-size:var(--font-xs);border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:inline-flex}.mission-detail-badge.pending{color:#f59e0b;background:#f59e0b1a}.mission-detail-badge.completed{color:var(--color-primary);background:#10b6581a}.mission-detail-badge.expired{color:var(--color-gray);background:var(--color-bg-secondary)}.mission-detail-public{font-size:var(--font-xs);color:var(--color-gray);align-items:center;gap:4px;display:flex}.mission-detail-title{font-size:var(--font-lg);color:var(--color-black);margin-bottom:8px;font-weight:800}.mission-detail-repeat{font-size:var(--font-sm);color:#8b5cf6;background:#8b5cf614;border-radius:12px;align-items:center;gap:4px;margin-bottom:10px;padding:4px 12px;font-weight:600;display:inline-flex}.mission-detail-content{font-size:var(--font-base);color:var(--color-dark);white-space:pre-wrap;margin-bottom:12px;line-height:1.6}.mission-detail-meta{font-size:var(--font-xs);color:var(--color-gray);justify-content:space-between;display:flex}.mission-read-status{font-size:var(--font-xs);color:var(--color-gray);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-top:10px;padding:6px 10px}.mission-read-status.read{color:var(--color-primary)}.mission-detail-section{padding:16px 20px}.mission-detail-section h3{font-size:var(--font-base);color:var(--color-black);margin-bottom:12px;font-weight:700}.mission-proof-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--color-border);margin-bottom:10px;padding:16px}.mission-proof-card.approved{border-left-color:var(--color-primary)}.mission-proof-card.rejected{border-left-color:#e53935}.mission-proof-card.pending{border-left-color:#f59e0b}.mission-proof-image{border-radius:var(--radius-sm);margin-bottom:10px;overflow:hidden}.mission-proof-image img{object-fit:cover;width:100%;max-height:300px}.mission-proof-text{font-size:var(--font-base);color:var(--color-dark);white-space:pre-wrap;margin-bottom:10px;line-height:1.6}.mission-proof-footer{justify-content:space-between;align-items:center;display:flex}.mission-proof-status{font-size:var(--font-xs);align-items:center;gap:4px;font-weight:600;display:flex}.mission-proof-status.pending{color:#f59e0b}.mission-proof-status.approved{color:var(--color-primary)}.mission-proof-status.rejected{color:#e53935}.mission-proof-date{font-size:var(--font-xs);color:var(--color-light-gray)}.mission-proof-actions{gap:8px;margin-top:12px;display:flex}.mission-btn-approve{font-size:var(--font-sm);color:#fff;background:var(--color-primary);border-radius:var(--radius-sm);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:600;display:flex}.mission-btn-reject{font-size:var(--font-sm);color:var(--color-gray);background:var(--color-bg-secondary);border-radius:var(--radius-sm);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:600;display:flex}.mission-proof-empty{text-align:center;color:var(--color-gray);font-size:var(--font-sm);padding:30px}.mission-submit-form{flex-direction:column;gap:10px;display:flex}.mission-submit-form textarea{width:100%;font-size:var(--font-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-black);resize:vertical;outline:none;padding:12px 14px;font-family:inherit}.mission-submit-form textarea:focus{border-color:var(--color-primary)}.mission-submit-form input{width:100%;font-size:var(--font-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-black);outline:none;padding:10px 14px;font-family:inherit}.mission-upload-btn{width:100%;font-size:var(--font-sm);color:var(--color-dark);background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:600;transition:border-color .15s;display:flex}.mission-upload-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.mission-upload-preview{border-radius:var(--radius-sm);position:relative;overflow:hidden}.mission-upload-preview img{object-fit:cover;width:100%;max-height:250px}.mission-upload-remove{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:8px;right:8px}.mission-submit-btn{width:100%;font-size:var(--font-base);color:#fff;background:var(--color-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;padding:13px;font-weight:700;transition:opacity .15s;display:flex}.mission-submit-btn:disabled{opacity:.4}.mission-completed-msg{font-size:var(--font-base);color:var(--color-primary);border-radius:var(--radius-md);background:#10b65814;justify-content:center;align-items:center;gap:8px;margin:16px 20px;padding:20px;font-weight:700;display:flex}.admin-page{background:var(--color-bg);width:100%;max-width:1200px;min-height:100vh;margin:0 auto}.admin-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:10;align-items:center;height:52px;padding:0 8px;display:flex;position:sticky;top:0}.admin-back{width:40px;height:40px;color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.admin-title{text-align:center;font-size:var(--font-md);color:var(--color-black);flex:1;margin-right:40px;font-weight:700}.admin-tabs{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:9;padding:0 16px;display:flex;position:sticky;top:52px}.admin-tab{font-size:var(--font-sm);color:var(--color-gray);border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 16px;font-weight:600;transition:all .15s;display:flex}.admin-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-body{padding:16px}.admin-loading{text-align:center;color:var(--color-gray);padding:40px}.admin-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.admin-stat-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-primary);align-items:center;gap:12px;padding:16px;display:flex}.admin-stat-info{flex-direction:column;display:flex}.admin-stat-value{font-size:var(--font-lg);color:var(--color-black);font-weight:800}.admin-stat-label{font-size:var(--font-xs);color:var(--color-gray)}.admin-stat-sub{color:var(--color-light-gray);font-size:10px}.admin-online-section{background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:20px;padding:16px}.admin-online-count{font-size:var(--font-sm);color:var(--color-primary);margin-left:4px;font-weight:800}.admin-online-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.admin-online-chip{font-size:var(--font-sm);color:var(--color-dark);background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:flex}.admin-online-dot{background:#4caf50;border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite live-pulse}.admin-online-empty{font-size:var(--font-sm);color:var(--color-gray);margin-top:8px}.admin-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.admin-section-full{margin-bottom:20px}.admin-charts-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.admin-chart{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:16px}.admin-chart-title{font-size:var(--font-sm);color:var(--color-black);margin-bottom:12px;font-weight:700}.admin-chart-bars{align-items:flex-end;gap:6px;height:120px;display:flex}.admin-chart-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.admin-chart-value{color:var(--color-gray);margin-bottom:4px;font-size:10px;font-weight:600}.admin-chart-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.admin-chart-bar{background:var(--color-primary);border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .3s}.admin-chart-label{color:var(--color-gray);white-space:nowrap;margin-top:6px;font-size:10px}.admin-rank{background:var(--color-bg-secondary);width:22px;height:22px;color:var(--color-gray);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.admin-section{margin-bottom:20px}.admin-section-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.admin-section-header h3{font-size:var(--font-base);color:var(--color-black);font-weight:700}.admin-section-header button{font-size:var(--font-xs);color:var(--color-primary);font-weight:600}.admin-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.admin-row-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.admin-row-main strong{font-size:var(--font-sm);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-row-sub{font-size:var(--font-xs);color:var(--color-gray)}.admin-row-meta{font-size:var(--font-xs);color:var(--color-gray);white-space:nowrap;margin-left:10px}.admin-row-badge{color:var(--color-primary);white-space:nowrap;background:#10b6581a;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.admin-search{flex:1;gap:6px;display:flex}.admin-search input{font-size:var(--font-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-black);border-radius:20px;outline:none;flex:1;padding:8px 14px;font-family:inherit}.admin-search button{width:34px;height:34px;color:var(--color-gray);border-radius:50%;justify-content:center;align-items:center;display:flex}.admin-table-info{font-size:var(--font-xs);color:var(--color-gray);padding:8px 0}.admin-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:var(--font-sm)}.admin-table th{text-align:left;color:var(--color-gray);font-weight:600;font-size:var(--font-xs);border-bottom:2px solid var(--color-border);white-space:nowrap;padding:8px 6px}.admin-table td{color:var(--color-dark);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 6px}.admin-table tr.banned td{opacity:.5}.td-id{font-weight:600;color:var(--color-black)!important}.td-center{text-align:center}.td-date{font-size:var(--font-xs);color:var(--color-gray)!important}.td-subject{text-overflow:ellipsis;max-width:400px;overflow:hidden}.td-actions{gap:4px;display:flex}.td-actions button{width:28px;height:28px;color:var(--color-gray);border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.td-actions button:hover{background:var(--color-bg-secondary);color:var(--color-black)}.td-actions .btn-danger:hover{color:#e53935;background:#fee2e2}.badge-ok{color:var(--color-primary);background:#10b6581a;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.badge-ban{color:#e53935;background:#fee2e2;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.admin-pager{justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.admin-pager button{width:32px;height:32px;color:var(--color-dark);background:var(--color-bg-secondary);border-radius:8px;justify-content:center;align-items:center;display:flex}.admin-pager button:disabled{opacity:.3}.admin-pager span{font-size:var(--font-sm);color:var(--color-gray)}.admin-posts-filter{gap:8px;margin-bottom:12px;display:flex}.admin-posts-filter select{font-size:var(--font-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-black);border-radius:20px;outline:none;padding:8px 12px;font-family:inherit}.admin-modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background:var(--color-bg);border-radius:var(--radius-md);width:90%;max-width:340px;padding:24px}.admin-modal h3{font-size:var(--font-md);color:var(--color-black);margin-bottom:16px;font-weight:700}.admin-modal input{width:100%;font-size:var(--font-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-black);outline:none;margin-bottom:10px;padding:10px 14px;font-family:inherit}.admin-modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.btn-cancel{font-size:var(--font-sm);color:var(--color-gray);background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:8px 18px;font-weight:600}.btn-confirm{font-size:var(--font-sm);color:#fff;background:var(--color-primary);border-radius:var(--radius-sm);padding:8px 18px;font-weight:600}.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}}