:root{--nj-charcoal: #2C3E50;--nj-charcoal-soft: #3A5068;--nj-gold: #9B4A2C;--nj-gold-light: #B05A34;--nj-gold-bright: #B05A34;--nj-gold-glow: rgba(155, 74, 44, .15);--nj-cream: #F0F2F5;--nj-cream-warm: #E8ECF0;--nj-cream-deep: #DCE1E8;--nj-white: #FFFFFF;--nj-red: #9B4A2C;--nj-red-soft: #B05A34;--nj-gavel: #4A2C2A;--nj-text: #2C3E50;--nj-text-sub: #7F8C9B;--nj-text-muted: #7F8C9B;--nj-border: #DCE1E8;--nj-border-light: #E8ECF0;--vote-a: #4A6080;--vote-b: #9B4A2C;--nj-live: #C44B38;--nj-shadow: 0 1px 3px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);--nj-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--nj-radius: 16px;--nj-radius-sm: 8px;--nj-radius-full: 9999px;--nj-space-1: 4px;--nj-space-2: 8px;--nj-space-3: 12px;--nj-space-4: 16px;--nj-space-5: 20px;--nj-space-6: 24px;--nj-space-8: 32px;--nj-font-sans: "Noto Sans KR", -apple-system, sans-serif;--nj-font-serif: "Noto Serif KR", serif;--nj-font-display: "Playfair Display", "Noto Serif KR", serif;--z-nav: 100;--z-header: 200;--z-modal: 300;--z-toast: 400}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--nj-font-sans);color:var(--nj-text);background:var(--nj-cream);line-height:1.7;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--nj-space-2);padding:12px 24px;border-radius:var(--nj-radius-sm);border:1.5px solid var(--nj-charcoal);background:var(--nj-charcoal);color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px;transition:all .2s}.btn-primary:hover{background:var(--nj-gold);border-color:var(--nj-gold)}.btn-primary:active{transform:scale(.97)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--nj-space-2);padding:12px 24px;border-radius:var(--nj-radius-sm);border:1.5px solid var(--nj-charcoal);background:transparent;color:var(--nj-charcoal);font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--nj-charcoal);color:#fff}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--nj-space-2);padding:8px 16px;border-radius:var(--nj-radius-sm);border:none;background:transparent;color:var(--nj-text-sub);font-size:13px;font-weight:500;transition:all .2s}.btn-ghost:hover{background:var(--nj-gold-glow);color:var(--nj-gold)}.card{background:var(--nj-white);border-radius:var(--nj-radius);border:1px solid var(--nj-border-light);box-shadow:var(--nj-shadow);overflow:hidden}.chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;border:1px solid var(--nj-border);background:var(--nj-white);font-size:12px;font-weight:500;color:var(--nj-text-sub);cursor:pointer;white-space:nowrap;transition:all .2s}.chip.active{background:var(--nj-charcoal);color:#fff;border-color:var(--nj-charcoal);font-weight:700}.chip:hover:not(.active){border-color:var(--nj-gold-light);color:var(--nj-gold)}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background:var(--nj-charcoal-soft);flex-shrink:0}.avatar--sm{width:28px;height:28px;font-size:12px}.avatar--lg{width:48px;height:48px;font-size:18px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--nj-radius-full);background:var(--nj-red);color:#fff;font-size:10px;font-weight:700;line-height:1}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--nj-space-4);opacity:0;visibility:hidden;transition:all .25s}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--nj-white);border-radius:var(--nj-radius);width:100%;max-width:400px;max-height:85vh;overflow-y:auto;padding:var(--nj-space-6);box-shadow:0 20px 60px #0003;transform:translateY(20px);transition:transform .25s}.modal-overlay.active .modal-content{transform:translateY(0)}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:var(--nj-charcoal);color:#fff;padding:12px 24px;border-radius:var(--nj-radius-sm);font-size:13px;font-weight:500;z-index:var(--z-toast);opacity:0;visibility:hidden;transition:all .3s;white-space:nowrap}.toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--nj-space-1)}.gap-2{gap:var(--nj-space-2)}.gap-3{gap:var(--nj-space-3)}.gap-4{gap:var(--nj-space-4)}.text-center{text-align:center}.text-muted{color:var(--nj-text-muted)}.font-serif{font-family:var(--nj-font-serif)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top-header{position:sticky;top:0;z-index:var(--z-header);background:var(--nj-white);padding:0 16px;border-bottom:2px solid var(--nj-charcoal)}.top-header-inner{display:flex;align-items:center;justify-content:space-between;height:52px;max-width:480px;margin:0 auto}.top-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer}.gavel-icon{width:28px;height:28px;color:var(--nj-gavel);filter:drop-shadow(0 1px 2px rgba(74,44,42,.35))}.gavel-icon svg .gavel-head-part{transform-origin:50% 100%;animation:gavelSway 2s ease-in-out infinite}@keyframes gavelSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(9deg)}}.top-logo-text{font-family:var(--nj-font-display);font-weight:900;font-size:18px;letter-spacing:-.3px;color:var(--nj-gavel)}.top-actions{display:flex;align-items:center;gap:4px}.top-btn-icon{width:36px;height:36px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--nj-text-muted);font-size:18px;transition:all .2s;position:relative}.top-btn-icon:hover{background:var(--nj-gold-glow);color:var(--nj-gold)}.top-btn-icon svg{width:20px;height:20px}.notif-dot{position:absolute;top:6px;right:7px;width:7px;height:7px;background:var(--nj-red);border-radius:50%;border:1.5px solid var(--nj-white)}.top-login-btn{padding:7px 14px;border-radius:8px;border:1.5px solid var(--nj-charcoal);background:var(--nj-charcoal);font-size:12px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;transition:all .2s;letter-spacing:.3px}.top-login-btn:hover{background:var(--nj-gold);border-color:var(--nj-gold)}.live-ticker-wrap{position:sticky;top:52px;z-index:190;background:var(--nj-live);padding:0;overflow:hidden;height:34px;display:flex;align-items:center}.live-badge{flex-shrink:0;background:#fff;color:var(--nj-live);font-size:10px;font-weight:900;padding:3px 8px;border-radius:3px;margin-left:10px;letter-spacing:1px;animation:livePulse 2s ease-in-out infinite;z-index:2}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}.ticker-track{display:flex;animation:tickerScroll 28s linear infinite;white-space:nowrap;margin-left:12px}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{color:#fff;font-size:12px;font-weight:500;padding:0 28px;white-space:nowrap;display:flex;align-items:center;gap:6px}.ticker-item .hot{color:gold;font-weight:700}.filter-bar{padding:12px 16px;display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--nj-cream);max-width:480px;margin:0 auto}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{padding:6px 14px;border-radius:20px;border:1px solid var(--nj-border);background:var(--nj-white);font-size:12px;font-weight:500;color:var(--nj-text-sub);cursor:pointer;white-space:nowrap;font-family:inherit;transition:all .2s}.filter-chip.active{background:var(--nj-charcoal);color:#fff;border-color:var(--nj-charcoal);font-weight:700}.filter-chip:hover:not(.active){border-color:var(--nj-gold-light);color:var(--nj-gold)}.feed-content{padding:8px 14px 120px;display:flex;flex-direction:column;gap:16px;max-width:480px;margin:0 auto}.feed-card{background:var(--nj-white);border-radius:var(--nj-radius);border:1px solid var(--nj-border-light);overflow:hidden;box-shadow:var(--nj-shadow);transition:transform .2s,box-shadow .2s}.feed-card:active{transform:scale(.985)}.feed-card-meta{padding:12px 14px;display:flex;align-items:center;gap:10px}.feed-author-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.feed-author-info{flex:1;min-width:0}.feed-author-name{font-size:13px;font-weight:700;color:var(--nj-text)}.feed-post-time{font-size:11px;color:var(--nj-text-muted)}.feed-format-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.3px}.media-preview{margin:0 14px;border-radius:12px;overflow:hidden;border:1px solid var(--nj-border-light)}.feed-card-body{padding:12px 14px 4px}.feed-card-title{font-family:var(--nj-font-serif);font-size:15px;font-weight:700;line-height:1.5;color:var(--nj-text);margin-bottom:4px;word-break:keep-all}.feed-card-desc{font-size:12px;color:var(--nj-text-sub);line-height:1.5;margin-bottom:8px}.feed-card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.feed-tag{font-size:11px;color:var(--nj-gold);font-weight:500}.vote-bar-wrap{padding:0 14px 10px}.vote-bar-labels{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:5px}.vote-bar-labels .side-a{color:var(--vote-a)}.vote-bar-labels .side-b{color:var(--vote-b)}.vote-bar{height:8px;border-radius:4px;overflow:hidden;display:flex;background:#f0ebe0}.vote-bar .fill-a{background:linear-gradient(90deg,var(--vote-a),var(--vote-a));border-radius:4px 0 0 4px;transition:width .6s ease}.vote-bar .fill-b{background:linear-gradient(90deg,var(--vote-b),var(--vote-b));border-radius:0 4px 4px 0;transition:width .6s ease}.vote-bar-pct{display:flex;justify-content:space-between;font-size:10px;color:var(--nj-text-muted);margin-top:3px;font-weight:600}.feed-engagement{display:flex;align-items:center;gap:14px;padding:8px 14px 12px;border-top:1px solid var(--nj-border-light);font-size:12px;color:var(--nj-text-muted)}.feed-engagement span{display:flex;align-items:center;gap:4px}.feed-engagement .fire{color:var(--nj-red)}.feed-placeholder{text-align:center;padding:60px 20px;color:var(--nj-text-muted);font-size:14px}