@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;700&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.prediction-widget{background:var(--bg-elevated);border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color);box-shadow:2px 7px 20px #00000040,-1px 2px 8px #0000001a,inset 0 1px #ffffff08;transition:transform .2s ease}.prediction-widget:hover{transform:translateY(-2px)}.prediction-widget.trend-increasing{border-left:4px solid var(--positive)}.prediction-widget.trend-decreasing{border-left:4px solid var(--negative)}.prediction-widget.trend-stable{border-left:4px solid var(--accent-cool)}.prediction-widget.trend-uncertain{border-left:4px solid var(--neutral)}.prediction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.prediction-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.prediction-badge{font-family:var(--font-mono);font-size:.9rem;font-weight:700;padding:.25rem .75rem;border-radius:20px;background:#ffffff1a;color:#fff;display:flex;align-items:center;gap:.5rem}.trend-increasing .prediction-badge{color:#8fd4a6;background:#6dbf8b1a}.trend-decreasing .prediction-badge{color:#e8827c;background:#d4605a1a}.trend-stable .prediction-badge{color:#7db0c0;background:#5b8a9a1a}.prediction-content{display:flex;flex-direction:column;gap:1rem}.confidence-meter{width:100%}.meter-label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.meter-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,var(--neutral),var(--text-secondary));border-radius:3px;transition:width 1s ease-out}.trend-increasing .meter-fill{background:linear-gradient(90deg,#4a9b68,var(--positive))}.trend-decreasing .meter-fill{background:linear-gradient(90deg,#a84540,var(--negative))}.trend-stable .meter-fill{background:linear-gradient(90deg,#3f6e7d,var(--accent-cool))}.prediction-reasoning{font-size:.95rem;line-height:1.5;color:var(--text-secondary);font-style:italic;padding-left:1rem;border-left:2px solid var(--border-color)}.language-selector{display:flex;gap:.5rem;margin-left:auto}.language-selector button{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.language-selector button:hover{border-color:#fff3;color:var(--text-primary)}.language-selector button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}:root{--font-heading: "Space Grotesk", sans-serif;--font-body: "Noto Sans SC", "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-deep: #121118;--bg-surface: #1a1825;--bg-elevated: #232131;--accent-primary: #e8553d;--accent-primary-hover: #d4442e;--accent-warm: #d4a574;--accent-cool: #5b8a9a;--accent-electric: #c4b5fd;--positive: #6dbf8b;--negative: #d4605a;--neutral: #8b8a99;--text-primary: #e8e6f0;--text-secondary: #9795a5;--primary: var(--accent-primary);--primary-hover: var(--accent-primary-hover);--bg-dark: var(--bg-deep);--card-bg: rgba(26, 24, 37, .75);--border-color: rgba(255, 255, 255, .08);--text-main: var(--text-primary);--text-muted: var(--text-secondary);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background-color:var(--bg-deep);background-image:radial-gradient(at 0% 0%,rgba(232,85,61,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(91,138,154,.08) 0px,transparent 50%);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app{width:100%;max-width:1000px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}.app-header{margin-bottom:3rem;animation:fadeInDown .8s ease-out}.header-content{display:flex;justify-content:space-between;align-items:flex-start;text-align:left}.app-header h1{text-align:left;font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--text-primary);position:relative;padding-left:1rem;margin-bottom:.5rem}.app-header h1:before{content:"";position:absolute;left:0;top:10%;height:80%;width:3px;background:var(--accent-primary);border-radius:2px}.app-header p{color:var(--text-secondary);font-size:1.125rem;margin:0;padding-left:1rem}.app-main{flex:1}.search-bar{display:flex;gap:.75rem;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.search-input-container{flex:1;position:relative}.search-input{width:100%;padding:1rem 1.25rem;font-size:1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #e8553d26;transform:translateY(-1px)}.search-button{padding:1rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #e8553d4d}.search-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #e8553d66}.search-button:disabled{opacity:.5;cursor:not-allowed}.error-message{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;background:#d4605a1a;border:1px solid rgba(212,96,90,.3);border-radius:12px;color:#e8a5a2;font-size:.95rem}.info-message{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;background:#5b8a9a1a;border:1px solid rgba(91,138,154,.3);border-radius:12px;color:#a5ccd8;font-size:.95rem}.retry-button{padding:.4rem 1rem;font-size:.875rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:8px;cursor:pointer;transition:background .2s;white-space:nowrap}.retry-button:hover{background:var(--primary-hover)}.loading-info{text-align:center;color:var(--text-muted);padding:1rem;font-size:.95rem}.game-header{display:flex;align-items:center;gap:2rem;padding:2rem;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;margin-bottom:2rem;border:1px solid var(--border-color);box-shadow:2px 7px 20px #00000040,-1px 2px 8px #0000001a,inset 0 1px #ffffff08;animation:scaleIn .5s ease-out}.game-header .game-image{width:240px;border-radius:12px;box-shadow:0 20px 25px -5px #0000004d}.game-info h2{font-family:var(--font-heading);font-size:1.875rem;font-weight:700;margin:0;color:var(--text-primary)}.game-titles{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.game-title-cn{font-size:1.125rem;color:var(--text-muted);font-weight:500}.game-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.sentiment-badge{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sentiment-badge.positive{background:#6dbf8b26;color:var(--positive);border:1px solid rgba(109,191,139,.3)}.sentiment-badge.negative{background:#d4605a26;color:var(--negative);border:1px solid rgba(212,96,90,.3)}.sentiment-badge.neutral{background:#8b8a9926;color:var(--neutral);border:1px solid rgba(139,138,153,.3)}.game-reviews{color:var(--text-muted);font-size:1rem;display:flex;align-items:center;gap:.5rem}.progress-container{margin-bottom:2rem;padding:1.5rem;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:1px solid var(--border-color)}.progress-info{display:flex;justify-content:space-between;margin-bottom:1rem;font-weight:500;color:var(--text-main)}.progress-bar{height:8px;background-color:#ffffff1a;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-warm));transition:width .4s cubic-bezier(.4,0,.2,1)}.chart-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:2rem;border:1px solid var(--border-color);box-shadow:2px 7px 20px #00000040,-1px 2px 8px #0000001a,inset 0 1px #ffffff08}.chart-header{margin-bottom:2rem}.chart-header h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.chart-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.chart-header-top{display:flex;justify-content:space-between;align-items:flex-start}.topic-tabs{display:flex;gap:.5rem}.topic-tabs button{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.topic-tabs button:hover{border-color:#fff3;color:var(--text-primary)}.topic-tabs button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.chart-tooltip{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;padding:1rem;box-shadow:0 20px 25px -5px #0000004d;min-width:180px}.tooltip-topic{font-weight:700;font-size:1rem;margin-bottom:.5rem}.tooltip-divider{height:1px;background:#ffffff1a;margin-bottom:.75rem}.tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.35rem 0;font-size:.875rem;color:var(--text-muted)}.sentiment-tag{padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.sentiment-tag.positive{background:#6dbf8b26;color:var(--positive)}.sentiment-tag.negative{background:#d4605a26;color:var(--negative)}.sentiment-tag.neutral{background:#8b8a9926;color:var(--neutral)}.chart-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;gap:.75rem;align-items:flex-start}.info-icon{width:20px;height:20px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.chart-footer p{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.4}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(24px) scale(.97)}60%{opacity:1;transform:translateY(-4px) scale(1.01)}to{transform:translateY(0) scale(1)}}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 20px 25px -5px #0000004d}.suggestion-item{display:flex;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#fff;cursor:pointer;transition:background .2s}.suggestion-item:hover,.suggestion-item.selected{background:#ffffff14}.suggestion-icon{width:32px;height:32px;border-radius:6px;object-fit:cover;flex-shrink:0}.suggestion-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;overflow:hidden}.suggestion-name{font-size:.95rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.suggestion-developer{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.results-container{opacity:0;transform:translateY(20px);transition:all .6s var(--ease-out-back)}.results-container.visible{opacity:1;transform:translateY(0)}.results-container.visible>*{animation:cardReveal .6s var(--ease-out-back) both}.results-container>*:nth-child(1){animation-delay:0ms}.results-container>*:nth-child(2){animation-delay:.12s}.results-container>*:nth-child(3){animation-delay:.2s}.results-container>*:nth-child(4){animation-delay:.34s}.highlights-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:2rem;border:1px solid var(--border-color);box-shadow:2px 7px 20px #00000040,-1px 2px 8px #0000001a,inset 0 1px #ffffff08;margin-top:1.5rem}.highlights-header{margin-bottom:1.5rem}.highlights-header h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.highlights-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.highlights-list{display:flex;flex-direction:column;gap:.6rem}.highlight-row{display:flex;align-items:center;gap:1rem}.highlight-phrase{min-width:120px;max-width:200px;font-size:.9rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.highlight-bar-container{flex:1;height:8px;background:#ffffff0f;border-radius:9999px;overflow:hidden}.highlight-bar{height:100%;border-radius:9999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.highlight-count{min-width:80px;text-align:right;font-size:.8rem;color:var(--text-muted);white-space:nowrap}.skeleton-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:2rem;border:1px solid var(--border-color);animation:scaleIn .5s ease-out}.skeleton-header{margin-bottom:2rem}.skeleton-line{background:#ffffff14;border-radius:6px}.skeleton-title{width:180px;height:24px;margin-bottom:8px}.skeleton-subtitle{width:280px;height:16px}.skeleton-bars{display:flex;flex-direction:column;gap:1rem}.skeleton-bar-row{display:flex;align-items:center;gap:1rem}.skeleton-label{width:80px;height:14px;background:#ffffff14;border-radius:4px;flex-shrink:0}.skeleton-bar-track{flex:1;height:28px;background:#ffffff0a;border-radius:6px;overflow:hidden}.skeleton-bar{height:100%;background:#ffffff0f;border-radius:6px}.shimmer{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.game-header{flex-direction:column;text-align:center}.game-header .game-image{width:100%;max-width:300px}.app-header h1{font-size:clamp(1.75rem,5vw,2.25rem)}}