*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#fff;background:#05050a;font-family:Inter,sans-serif}*{box-sizing:border-box}body{color:#fff;background:#05050a;margin:0;font-family:Inter,sans-serif}h1{margin-bottom:50px;font-size:56px}label{margin-bottom:16px;display:block}hr{border:none;border-top:1px solid #ffffff14;margin:50px 0}details{border:1px solid #2d2d44;border-radius:12px;margin-bottom:60px;overflow:hidden}summary{cursor:pointer;padding:16px;font-weight:600}.app{min-height:100vh;display:flex}.sidebar{background:#0b0b14;border-right:1px solid #ffffff14;flex-direction:column;width:240px;padding:32px;display:flex}.sidebar h2{margin-bottom:40px}.sidebar button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:12px;height:48px;margin-bottom:12px}.sidebar-footer{opacity:.6;margin-top:auto}.content{flex:1;width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:48px}@media (width<=900px){.app{flex-direction:column}.sidebar{border-bottom:1px solid #ffffff14;border-right:none;width:100%}.content{padding:24px}}.nav-link{color:#fff;background:0 0;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;height:48px;margin-bottom:12px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background:#a855f726;border-color:#a855f773}input[type=text]{color:#fff;background:#11111d;border:1px solid #ffffff14;border-radius:10px;width:100%;height:52px;padding:0 16px}.primary{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:12px;width:100%;height:52px;font-size:16px}.demo-box p{opacity:.8;line-height:1.7}.demo-box select{color:#fff;background:#11111d;border:1px solid #ffffff14;border-radius:10px;width:100%;height:52px;margin-top:10px;margin-bottom:15px;padding:0 16px}.hint{opacity:.6;margin-bottom:20px;font-size:14px}.analysis-options{flex-wrap:wrap;gap:28px;margin-top:16px;display:flex}.analysis-options label{cursor:pointer;align-items:center;gap:8px;margin:0;display:flex}.hero{flex-direction:column;flex:1;justify-content:center;min-height:100vh;padding:40px 0;display:flex}.hero-content{max-width:900px;margin-top:-100px}.hero-tag{color:#bca3ff;letter-spacing:.03em;background:#8c52ff1f;border:1px solid #8c52ff40;border-radius:999px;margin-bottom:32px;padding:10px 18px;font-size:14px;display:inline-block}.hero h1{letter-spacing:-.05em;max-width:500px;margin:0 0 48px;font-size:clamp(64px,6vw,105px);line-height:.95}.hero h2{color:#ffffffeb;max-width:760px;margin-top:0;font-size:26px;font-weight:500;line-height:1.45}.hero-text{color:#ffffffa6;max-width:720px;margin-top:28px;font-size:20px;line-height:1.8}.hero-actions{margin-top:48px}.hero-button{color:#fff;background:#8c52ff;border-radius:18px;justify-content:center;align-items:center;height:68px;padding:0 42px;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 0 40px #8c52ff40}.hero-button:hover{transform:translateY(-2px);box-shadow:0 0 50px #8c52ff66}.hero-note{color:#ffffff73;margin-top:20px;font-size:14px}@media (width<=900px){.hero{padding:40px 24px}.hero h1{font-size:64px}.hero h2{font-size:22px}.hero-text{font-size:17px}}.analysis-page{padding-top:80px}.analysis-subtitle{color:#ffffffa6;max-width:720px;margin-top:-15px;margin-bottom:36px;font-size:22px;line-height:1.6}.section{margin-bottom:28px}.section h3{color:#fff;margin-bottom:20px;padding-left:24px;font-size:24px;font-weight:700}.source-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.source-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:18px;min-height:110px;padding:24px;transition:all .25s}.source-card:hover{border-color:#8c52ff59;transform:translateY(-3px);box-shadow:0 0 30px #8c52ff1f}.source-card.active{background:#8c52ff14;border-color:#8c52ff73;box-shadow:0 0 40px #8c52ff29}.source-card h4{color:#fff;margin:0 0 10px;font-size:18px;font-weight:700}.source-card p{color:#fff9;margin:0;font-size:15px;line-height:1.5}.demo-box{background:#8c52ff0d;border:1px solid #8c52ff2e;border-radius:22px;margin-top:20px;padding:24px}.demo-box h3{margin:0 0 8px;font-size:24px}.demo-box p{line-height:1.6}.dataset-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;margin-bottom:16px;display:grid}.dataset-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:18px;padding:20px;transition:all .25s}.dataset-card:hover{border-color:#8c52ff59;transform:translateY(-3px);box-shadow:0 0 24px #8c52ff1f}.dataset-card.active{background:#8c52ff1a;border-color:#8c52ff73;box-shadow:0 0 30px #8c52ff29}.dataset-card h4{margin:0 0 8px;font-size:18px;font-weight:700}.dataset-card p{color:#fff9;margin:0;font-size:15px;line-height:1.5}.hint{color:#ffffff8c;margin-top:16px;font-size:14px}.primary{color:#fff;cursor:pointer;background:#8c52ff;border:none;border-radius:16px;width:100%;height:56px;margin-top:20px;font-size:17px;font-weight:600;transition:all .2s;box-shadow:0 0 30px #8c52ff33}.primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #8c52ff59}@media (width<=900px){.source-grid,.dataset-grid{grid-template-columns:1fr}.analysis-subtitle{margin-bottom:32px;font-size:18px}.source-card,.dataset-card{min-height:100px}}.dashboard{width:100%;max-width:1100px;margin:0 auto;padding:60px}.dashboard section{padding:0}.dashboard-header{margin-bottom:50px}.dashboard-tag{color:#bca3ff;letter-spacing:.04em;background:#8c52ff1a;border:1px solid #8c52ff40;border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;display:inline-flex}.dashboard-header h1{letter-spacing:-.04em;margin-top:24px;margin-bottom:16px;font-size:clamp(56px,6vw,88px);line-height:1}.dashboard-subtitle{color:#ffffffb3;max-width:700px;margin-bottom:24px;font-size:18px;line-height:1.6}.meta{color:#fff9;margin-bottom:40px}.analyst-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;max-width:920px;margin-bottom:40px;padding:48px}.analyst-card h2{letter-spacing:-.03em;margin:0 0 28px;font-size:56px;font-weight:700}.analyst-card h3{margin-top:40px;margin-bottom:16px;font-size:28px;font-weight:600}.analyst-card p,.analyst-card li{color:#ffffffe0;max-width:760px;font-size:17px;line-height:1.9}.analyst-card p{margin-bottom:14px}.analyst-card ul{margin-top:18px;padding-left:32px}.analyst-card li{margin-bottom:12px}.analyst-actions{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:12px;margin-top:32px;margin-bottom:24px;padding-top:24px;display:flex}.analyst-button{color:#fff;cursor:pointer;background:#8c52ff14;border:1px solid #8c52ff40;border-radius:999px;padding:10px 18px;font-size:14px;transition:all .2s}.analyst-button:hover{background:#8c52ff29;border-color:#8c52ff73;transform:translateY(-2px)}.analyst-answer{background:#8c52ff0f;border:1px solid #8c52ff2e;border-radius:18px;margin-top:24px;padding:24px}.analyst-answer h3{margin-top:0}.discourse-section h2{margin-bottom:8px;font-size:48px;font-weight:700}.discourse-section p{color:#ffffffbf;margin-bottom:24px;font-size:22px}.discourse-map-wrapper{width:100%;height:600px;margin-top:24px}.chart-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;display:grid}.chart-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;padding:28px;overflow:hidden}.chart-card h2{margin-top:0;margin-bottom:24px;font-size:32px}@media (width<=1000px){.chart-grid{grid-template-columns:1fr}}@media (width<=900px){.dashboard{padding:24px}.analyst-card{padding:32px}.analyst-card h2{font-size:42px}.discourse-section h2{font-size:36px}.discourse-map-wrapper{height:500px}}.pattern-box h2{margin:0 0 24px 20px;font-size:42px;font-weight:700}.pattern-highlight{background:#8c52ff14;border:1px solid #8c52ff33;border-left:3px solid #8c52ffcc;border-radius:24px;margin-bottom:28px;padding:28px 36px}.pattern-title{margin-bottom:8px;font-size:28px;font-weight:700;line-height:1.2}.pattern-count{color:#fff;font-size:32px;font-weight:700;line-height:1}.pattern-label{color:#fff9;margin-top:6px;font-size:14px}.pattern-box h3{margin:0 0 20px 20px;font-size:24px;font-weight:600}.pattern-list{max-width:700px;margin:0;padding:0 20px;list-style:none}.pattern-list li{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:18px 0;display:flex}.pattern-list li:last-child{border-bottom:none}.pattern-chip{background:#8c52ff14;border:1px solid #8c52ff26;border-radius:999px;align-items:center;padding:8px 14px;font-size:15px;display:inline-flex}.pattern-value{color:#fff;background:#8c52ff1f;border:1px solid #8c52ff33;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:24px;margin-left:4px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.data-box details{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px}.data-box summary{cursor:pointer;padding:14px 20px;font-size:18px;font-weight:600}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 20px 16px;display:grid}.method-item{background:#8c52ff08;border:1px solid #8c52ff14;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.method-label{text-transform:uppercase;letter-spacing:.6px;opacity:.45;font-size:10px}.method-value{font-size:13px;font-weight:500}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:50px;display:grid}.kpi-card{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.kpi-card:hover{border-color:#8c52ff59;transform:translateY(-3px);box-shadow:0 8px 24px #8c52ff1f}.kpi-value{margin-bottom:12px;font-size:46px;font-weight:700;line-height:1}.kpi-label{text-align:center;color:#ffffffa6;font-size:14px;line-height:1.4}.pattern-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:28px}.pattern-box h3{margin-top:0;margin-bottom:20px}.pattern-box ol,.pattern-box ul{margin:0;padding-left:20px}.pattern-box li{margin-bottom:12px;line-height:1.6}@media (width<=900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.kpi-grid{grid-template-columns:1fr}}.filters{flex-direction:column;gap:28px;margin-bottom:50px;display:flex}.filter-group{flex-direction:column;gap:14px;display:flex}.filter-group label{color:#ffffffbf;margin:0;font-size:14px;font-weight:600}.filter-chips{flex-wrap:wrap;gap:12px;display:flex}.filter-chip{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;height:42px;padding:0 16px;font-size:14px;transition:all .2s}.filter-chip:hover{border-color:#8c52ff59;transform:translateY(-1px)}.filter-chip.active{color:#d8c8ff;background:#8c52ff26;border-color:#8c52ff73}.comments-box{margin-top:32px}.data-box{margin-top:12px}.comments-box details,.data-box details{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.comments-box summary{cursor:pointer;padding:14px 20px;font-size:18px;font-weight:600}.comment-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin:16px;padding:24px;transition:all .2s}.comment-card:hover{border-color:#8c52ff59}.comment-tags{flex-wrap:wrap;gap:10px;margin-top:10px;margin-bottom:14px;display:flex}.comment-tag{border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.role-tag{background:#3b82f626;border:1px solid #3b82f659}.emotion-tag{background:#8c52ff26;border:1px solid #8c52ff59}.comment-text{margin-top:12px;line-height:1.7}.comment-analysis{color:#ffffffa6;margin-top:14px;line-height:1.7}.chart-placeholder{color:#ffffff80;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:300px;display:flex}.recharts-wrapper{margin-top:10px}.export-kpi-grid{gap:14px;margin-top:70px;margin-bottom:16px;display:flex}.export-kpi-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:150px;min-height:100px;padding:16px;display:flex}.export-kpi-value{text-align:center;font-size:30px;font-weight:700;line-height:1}.export-kpi-label{opacity:.55;margin-top:6px;font-size:12px}.export-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:40px;display:grid}.export-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:18px}.export-card h2{margin-bottom:8px;font-size:16px;font-weight:600}.export-card p{color:#ffffffb8;font-size:13px;line-height:1.5}.coming-soon{opacity:.45;text-transform:uppercase;letter-spacing:.08em;margin-top:12px;font-size:11px}.export-page .meta{margin-bottom:50px}.content.dashboard{padding-top:120px}