:root{--bg: #f4f7fb;--ink: #111827;--ink-soft: #4b5563;--card: rgba(255, 255, 255, .74);--line: rgba(17, 24, 39, .14);--accent: #0b5fff;--accent-2: #00b4a1;--danger: #cf2f2f;--warn: #8a5a00;--radius: 18px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Sora,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}.app-shell{position:relative;min-height:100vh;overflow:hidden}.bg-orb{position:fixed;width:520px;height:520px;border-radius:999px;filter:blur(90px);opacity:.35;z-index:0}.bg-orb-a{top:-120px;right:-120px;background:#72c4ff}.bg-orb-b{left:-140px;bottom:-220px;background:#95f6cf}.app{position:relative;z-index:1;max-width:1220px;margin:0 auto;padding:34px 24px 36px}.hero{margin-bottom:20px}.eyebrow{margin:0;font-size:.8rem;letter-spacing:.14em;color:var(--ink-soft);text-transform:uppercase}.hero h1{margin:8px 0 10px;font-size:clamp(1.7rem,2.7vw,2.8rem);line-height:1.1}.hero-copy{margin:0;max-width:840px;color:var(--ink-soft)}.mode-switch{display:inline-grid;grid-auto-flow:column;gap:8px;margin:22px 0;background:#ffffffc2;padding:6px;border-radius:14px;border:1px solid var(--line)}.tab{border:0;background:transparent;color:var(--ink-soft);padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer;transition:.15s ease}.tab.active{color:#fff;background:linear-gradient(135deg,#0f66ff,#009dc8)}.error-banner{background:#ffe7e7;border:1px solid #f0b3b3;color:#7f1f1f;padding:10px 12px;border-radius:12px;margin-bottom:12px}.loading-panel{margin:0 0 12px;padding:10px 12px;border:1px solid #bfdbfe;background:#eff6ffe6;border-radius:12px}.loading-head{display:flex;align-items:center;gap:10px;font-size:.88rem;color:#1e3a8a;margin-bottom:7px}.loading-head strong{flex:1;font-weight:700}.loader-dot{width:9px;height:9px;border-radius:999px;background:#2563eb;box-shadow:0 0 #2563eb80;animation:pulse 1.1s infinite}.loading-bar{width:100%;height:8px;border-radius:999px;background:#93c5fd80;overflow:hidden}.loading-fill{height:100%;width:0;background:linear-gradient(90deg,#0f66ff,#00a7c7);transition:width .16s linear}@keyframes pulse{0%{box-shadow:0 0 #2563eb80}70%{box-shadow:0 0 0 9px #2563eb00}to{box-shadow:0 0 #2563eb00}}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.column-stack{display:grid;gap:16px;align-content:start}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 30px #1c2c4e14;padding:16px}.card-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.card-head h2{margin:0;font-size:1.2rem}.muted{margin:0;color:var(--ink-soft);font-size:.9rem}textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:12px;background:#fffffff2;color:var(--ink);padding:12px;font-family:IBM Plex Sans,Segoe UI,sans-serif}.short-text-note{margin:8px 2px 0;font-size:.84rem;color:var(--ink-soft)}.short-text-note.short{color:#9a3412;font-weight:600}.short-text-note.limited{color:#7c2d12;font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 13px;border-radius:10px;cursor:pointer;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,#0f66ff,#009ec8)}.placeholder{border:1px dashed var(--line);border-radius:12px;padding:16px;color:var(--ink-soft)}.headline{margin-bottom:12px}.score-wrap{display:flex;gap:14px;align-items:center}.score-ring{--score: 0;width:92px;height:92px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at center,#fff 58%,transparent 59%),conic-gradient(#0f66ff calc(var(--score) * 1%),#e4ebf9 0);border:1px solid rgba(17,24,39,.1)}.score-ring span{font-size:1rem;font-weight:700}.label{margin:0 0 3px;color:var(--ink-soft)}.conclusion-line{margin:6px 0 0;font-size:.9rem;font-weight:600;border-radius:8px;padding:6px 8px}.conclusion-green{color:#14532d;background:#dcfce7;border:1px solid #bbf7d0}.conclusion-orange{color:#9a3412;background:#ffedd5;border:1px solid #fed7aa}.conclusion-red{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.pill{display:inline-block;margin:0;padding:4px 8px;border-radius:999px;font-size:.76rem;letter-spacing:.05em}.pill-high{background:#dcfce7;color:#14532d}.pill-medium{background:#ffedd5;color:#7c2d12}.pill-low{background:#fee2e2;color:#7f1d1d}.warning{margin:4px 0 0;color:var(--warn);font-size:.9rem}.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.kpi{border:1px solid var(--line);border-radius:12px;background:#ffffffdb;padding:10px}.kpi span{color:var(--ink-soft);font-size:.82rem}.kpi strong{display:block;margin-top:2px;font-size:1.03rem}h3{margin:12px 0 8px;font-size:1rem}.heatmap-list{display:grid;gap:6px;max-height:320px;overflow:auto;padding-right:4px}.heat-item{--p: 0;border:1px solid rgba(30,41,59,.09);background:linear-gradient(90deg,rgba(255,108,96,calc(var(--p) * .75 + .12)),#ffffffd9 80%);border-radius:10px;padding:10px}.heat-item p{margin:0;line-height:1.36}.heat-score{float:right;font-size:.78rem;font-weight:700}.list-clean{margin:0;padding-left:18px;color:var(--ink-soft)}.highlighted-text{border:1px solid var(--line);border-radius:12px;background:#ffffffe0;padding:12px;line-height:1.7}.hl-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.hl-badge{display:inline-block;font-size:.82rem;font-weight:700;padding:5px 8px;border-radius:999px;background:#eef2ff;color:#3730a3}.hl-legend{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--ink-soft)}.dot{width:9px;height:9px;border-radius:999px;display:inline-block}.dot.low{background:#fbbf24bf}.dot.medium{background:#f97316c7}.dot.high{background:#ef4444d9}.hl{border-radius:6px;padding:1px 2px;transition:background-color .12s ease}.hl-none{background:#0f172a08}.hl-low{background:#fbbf2438}.hl-medium{background:#f9731638}.hl-high{background:#ef444447;font-weight:600}.upload-zone{display:block;border:1px dashed rgba(17,24,39,.3);border-radius:12px;padding:18px;background:#fffc;cursor:pointer}.upload-zone input{display:none}.upload-zone p{margin:6px 0 0;color:var(--ink-soft)}.saliency-wrap img{width:min(100%,420px);border-radius:12px;border:1px solid var(--line)}@media(max-width:980px){.layout-grid{grid-template-columns:1fr}}@media(max-width:640px){.app{padding:16px 12px 20px}.kpi-grid{grid-template-columns:1fr}.score-wrap{align-items:flex-start}}