*{box-sizing:border-box}body{color:#e2e8f0;-webkit-font-smoothing:antialiased;background:#0d0d1a;margin:0;font-family:Pretendard,Apple SD Gothic Neo,system-ui,sans-serif}#root{width:100%;min-height:100vh}h1,h2,h3,h4,p{margin:0}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.trend-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:20px;flex-direction:column;gap:0;width:100%;max-width:480px;display:flex;overflow:hidden}.wingy-bubble{background:#16213e;align-items:flex-start;gap:10px;padding:16px 20px 12px;display:flex}.wingy-avatar{flex-shrink:0;font-size:28px;line-height:1}.wingy-comment{color:#a0aec0;margin:0;padding-top:4px;font-size:14px;line-height:1.5}.trend-image-wrap{position:relative}.trend-image{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.trend-hashtag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#6366f1d9;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;bottom:12px;left:14px}.trend-body{padding:16px 20px 12px}.trend-title{color:#f0f0ff;margin:0 0 8px;font-size:20px;font-weight:800}.trend-desc{color:#8892b0;margin:0;font-size:14px;line-height:1.6}.vote-section{padding:12px 20px 8px}.vote-buttons{gap:8px;display:flex}.vote-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 0;font-size:14px;font-weight:700;transition:transform .1s,opacity .1s}.vote-btn:active{transform:scale(.96)}.vote-btn.yes{color:#fff;background:#22c55e}.vote-btn.no{color:#fff;background:#ef4444}.vote-btn.maybe{color:#fff;background:#f59e0b}.vote-result{flex-direction:column;gap:8px;display:flex}.vote-bar-row{opacity:.6;align-items:center;gap:8px;transition:opacity .2s;display:flex}.vote-bar-row.active{opacity:1}.vote-bar-label{color:#c4c9e0;flex-shrink:0;width:90px;font-size:13px}.vote-bar-track{background:#2a2a4a;border-radius:99px;flex:1;height:8px;overflow:hidden}.vote-bar-fill{background:#6366f1;border-radius:99px;height:100%;transition:width .5s}.vote-bar-pct{color:#e2e8f0;text-align:right;flex-shrink:0;width:36px;font-size:13px;font-weight:700}.vote-total{color:#4a5568;text-align:right;margin:4px 0 0;font-size:12px}.comment-toggle{color:#6366f1;cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #2a2a4a;width:100%;padding:12px 20px;font-size:13px;font-weight:600}.comment-section{border-top:1px solid #2a2a4a;flex-direction:column;gap:10px;padding:12px 20px 16px;display:flex}.comment-empty{color:#4a5568;margin:0;font-size:13px}.comment-input-row{gap:8px;display:flex}.comment-input{color:#e2e8f0;background:#2a2a4a;border:1px solid #3a3a6a;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px}.comment-input::placeholder{color:#4a5568}.comment-submit{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700}.ranking-panel{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:16px;flex-shrink:0;align-self:flex-start;width:220px;padding:16px;position:sticky;top:80px}.ranking-title{color:#f0f0ff;margin:0 0 14px;font-size:15px;font-weight:800}.ranking-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ranking-item{align-items:center;gap:10px;display:flex}.rank-num{color:#6366f1;flex-shrink:0;width:18px;font-size:16px;font-weight:900}.rank-info{flex-direction:column;flex:1;gap:2px;display:flex}.rank-hashtag{color:#e2e8f0;font-size:13px;font-weight:700}.rank-score{color:#4a5568;font-size:11px}.rank-arrow{font-size:12px}.app{background:#0d0d1a;flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0d1ae6;border-bottom:1px solid #2a2a4a;align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;top:0}.logo{color:#f0f0ff;letter-spacing:-.5px;font-size:20px;font-weight:900}.slogan{color:#4a5568;font-size:13px}.app-main{justify-content:center;align-items:flex-start;gap:24px;padding:32px 24px;display:flex}.feed{flex-direction:column;gap:24px;width:100%;max-width:480px;display:flex}@media (width<=768px){.app-main{padding:16px}}