@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css";
.trend-widget{color:#f1f5f9;box-sizing:border-box;background:linear-gradient(160deg,#0d1117 0%,#0f172a 50%,#0d1117 100%);border:1px solid #6366f126;border-radius:20px;width:100%;padding:24px;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif;position:relative;overflow:hidden}.trend-widget:before{content:"";pointer-events:none;background:radial-gradient(#6366f114 0%,#0000 70%);width:300px;height:200px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.trend-header{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex;position:relative}.trend-header-left{align-items:center;gap:10px;display:flex}.trend-badge{color:#fff;letter-spacing:1.5px;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:20px;padding:3px 9px;font-size:9px;font-weight:800;animation:2s ease-in-out infinite livePulse;box-shadow:0 0 12px #ef444466}@keyframes livePulse{0%,to{box-shadow:0 0 8px #ef444466}50%{box-shadow:0 0 20px #ef4444b3}}.trend-title{color:#f1f5f9;letter-spacing:-.3px;font-size:15px;font-weight:700}.trend-updated{color:#475569;letter-spacing:.2px;font-size:11px}.period-tabs{z-index:1;justify-content:flex-end;gap:6px;margin-bottom:16px;display:flex;position:relative}.period-btn{color:#64748b;cursor:pointer;letter-spacing:-.2px;background:#1e293b99;border:1px solid #33415599;border-radius:20px;padding:5px 16px;font-family:inherit;font-size:12px;font-weight:500;transition:all .25s}.period-btn:hover{color:#cbd5e1;background:#334155cc;border-color:#6366f14d}.period-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#0000;font-weight:700;box-shadow:0 2px 12px #4f46e566}.wordcloud-area{background:linear-gradient(#0a0a1ecc 0%,#0f172a66 100%);border:1px solid #6366f114;border-radius:14px;justify-content:center;align-items:center;height:300px;margin-bottom:18px;display:flex;position:relative;overflow:hidden}.wordcloud-loading{align-items:center;gap:6px;display:flex}.loading-dot{background:#4f46e5;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dotBounce}.loading-dot:nth-child(2){background:#7c3aed;animation-delay:.2s}.loading-dot:nth-child(3){background:#a78bfa;animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.ranking-sections{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px;display:grid}.ranking-section{background:#0f172a99;border:1px solid #33415566;border-radius:12px;padding:14px}.ranking-section-title{color:#64748b;letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:12px;font-size:10px;font-weight:700;display:flex}.section-flag{font-size:12px}.rank-item{border-bottom:1px solid #1e293bcc;align-items:center;gap:8px;min-width:0;padding:6px 0;transition:background .15s;display:flex;overflow:hidden}.rank-item:last-child{border-bottom:none}.rank-number{color:#334155;text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;width:16px;font-size:11px;font-weight:700}.rank-number.top3{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.rank-keyword{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.1px;flex:1;min-width:0;font-size:12px;font-weight:400;overflow:hidden}.rank-keyword.korean{color:#e2e8f0;letter-spacing:-.3px;font-weight:600}.badge-new{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:8px;font-weight:800}.rank-rising{color:#f87171;letter-spacing:-.2px;flex-shrink:0;font-size:10px;font-weight:600}.rank-falling{color:#60a5fa;letter-spacing:-.2px;flex-shrink:0;font-size:11px;font-weight:600}.rank-same{color:#64748b;flex-shrink:0;font-size:11px;font-weight:500}.countdown-bar{align-items:center;gap:10px;margin-top:14px;display:flex}.countdown-label{color:#334155;letter-spacing:.2px;flex-shrink:0;font-size:10px}.countdown-track{background:#1e293bcc;border-radius:2px;flex:1;height:2px;overflow:hidden}.countdown-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed,#a78bfa);border-radius:2px;height:100%;transition:width 1s linear;box-shadow:0 0 6px #6366f180}.countdown-time{color:#334155;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:36px;font-size:10px}@media (max-width:768px){.ranking-sections{grid-template-columns:1fr}.wordcloud-area{height:240px}.trend-widget{border-radius:14px;padding:16px}}