:root{--bg:#07101f;--panel:#0c1222d6;--panel-strong:#0b101ef0;--border:#ffffff17;--text:#f5f7ff;--muted:#98a4c5;--green:#20c997;--red:#ff6b81;--purple:#7c5cff;--blue:#57a6ff;--yellow:#f7b731;--shadow:0 20px 50px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 10% 10%,#57a6ff2e,#0000 24%),radial-gradient(circle at 90% 0,#7c5cff29,#0000 22%),linear-gradient(#050915 0%,#081223 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{min-height:100vh;padding:24px;position:relative;overflow:hidden}.container{z-index:2;max-width:1320px;margin:0 auto;position:relative}.orb{filter:blur(60px);opacity:.3;pointer-events:none;border-radius:999px;position:fixed}.orb-1{background:#3478ff;width:240px;height:240px;top:80px;left:-40px}.orb-2{background:#6f4cff;width:280px;height:280px;top:180px;right:-40px}.glass{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0f1628eb,#0a0f1ce6)}.topbar{margin-bottom:24px}.brand-wrap{align-items:center;gap:16px;display:flex}.brand-badge{color:#dbe7ff;background:linear-gradient(135deg,#57a6ff33,#7c5cff40);border:1px solid #ffffff1a;border-radius:18px;place-items:center;width:52px;height:52px;display:grid}.brand-wrap h1,.results-title,.hero-panel h2,.upload-card h3,.summary-card h3,.chart-card h3,.findings-card h3,.empty-state h3{margin:0}.eyebrow{color:#9ab8ff;text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:.74rem;font-weight:700}.subtle{color:var(--muted);margin:6px 0 0}.hero-layout{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:20px;display:grid}.hero-panel,.upload-card,.summary-card,.chart-card,.findings-card,.empty-state{border-radius:28px}.hero-panel{padding:32px}.hero-chip{color:#dfe8ff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;margin-bottom:16px;padding:8px 12px;font-size:.85rem;display:inline-flex}.hero-panel h2{letter-spacing:-.04em;font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.02}.gradient-text{background:linear-gradient(90deg,#8bb7ff,#5de6c5);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy{color:var(--muted);max-width:720px;margin-top:14px;font-size:1.02rem;line-height:1.72}.hero-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.hero-point{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;gap:8px;padding:16px;display:flex}.hero-point span{color:var(--muted);font-size:.92rem}.upload-card{flex-direction:column;padding:26px;display:flex}.upload-head{margin-bottom:14px}.dropzone{text-align:center;background:linear-gradient(#11182de6,#0a0f1cbf);border:1.5px dashed #7faaff80;border-radius:24px;padding:30px 18px;transition:transform .16s,border-color .16s,box-shadow .16s}.dropzone.dragging{border-color:#5de6c5d9;transform:translateY(-2px);box-shadow:0 14px 30px #5de6c524}.dropzone h4{margin:14px 0 6px;font-size:1.15rem}.dropzone p{color:var(--muted);margin:0 0 14px}.dropzone svg{color:#82abff}.ghost-btn,.remove-file,.primary-action{cursor:pointer;border:0;transition:transform .16s,opacity .16s}.ghost-btn:hover,.remove-file:hover,.primary-action:hover{transform:translateY(-1px)}.ghost-btn{color:#fff;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;padding:12px 16px}.file-stack{flex:1;gap:10px;margin-top:16px;display:grid}.file-item,.file-placeholder,.breakdown-row,.area-item,.finding-item,.preview-item{background:#ffffff08;border:1px solid #ffffff12}.file-item{border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.file-meta{align-items:center;gap:12px;display:flex}.file-meta span{color:var(--muted);margin-top:4px;font-size:.88rem;display:block}.file-placeholder{color:var(--muted);border-radius:18px;padding:16px}.remove-file{color:#fff;background:#ffffff0f;border-radius:12px;padding:9px 12px}.primary-action{color:#fff;background:linear-gradient(135deg,#3478ff,#6b8dff 55%,#5ee1c5);justify-content:center;align-items:center;gap:10px;display:inline-flex;box-shadow:0 18px 35px #3478ff40}.primary-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.run-btn{border-radius:18px;width:100%;min-height:64px;margin-top:18px;font-size:1.05rem;font-weight:700}.save-btn{border-radius:16px;min-height:54px;padding:0 18px;font-weight:700}.notice{border-radius:18px;align-items:center;gap:10px;margin-top:18px;padding:16px 18px;display:flex}.error-notice{color:#ffdbe2;border:1px solid #ff6b8140}.results-section{margin-top:26px}.results-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{border-radius:22px;padding:18px}.metric-card p,.metric-card span{color:var(--muted);margin:0}.metric-card h3{margin:10px 0 8px;font-size:clamp(1.5rem,3vw,2.2rem)}.metric-card.warn h3{color:var(--yellow)}.metric-card.cool h3{color:var(--blue)}.metric-card.soft h3{color:#c6c7ff}.metric-card.danger h3{color:var(--red)}.metric-card.safe h3{color:var(--green)}.summary-layout,.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.summary-card,.chart-card,.findings-card,.empty-state{padding:22px}.summary-text{color:var(--muted);margin-top:10px;line-height:1.75}.area-list,.breakdown-list,.finding-list{gap:12px;margin-top:18px;display:grid}.area-item{border-radius:18px;padding:14px}.area-item div,.breakdown-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.area-item span,.breakdown-row span{color:var(--muted);font-size:.88rem;display:block}.area-item p{color:#dfe5f5;margin:10px 0 0;line-height:1.55}.breakdown-row{border-radius:18px;padding:14px}.breakdown-right{text-align:right}.chart-card.full-span{grid-column:1/-1}.chart-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.chart-frame{margin-top:12px}.findings-card{margin-top:18px}.finding-item{border-radius:20px;padding:16px}.finding-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.finding-top span{color:var(--muted);margin-top:4px;font-size:.9rem;display:block}.risk-pill{white-space:nowrap;color:#ffb4c0;background:#ff6b811f;border:1px solid #ff6b8133;border-radius:999px;padding:8px 12px;font-size:.9rem}.finding-reasons{color:#eef2ff;margin:12px 0 0;line-height:1.55}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.preview-item{border-radius:16px;padding:12px}.preview-item span{color:var(--muted);margin-bottom:6px;font-size:.82rem;display:block}.preview-item strong{word-break:break-word;font-size:.94rem;line-height:1.45;display:block}.empty-state{margin-top:24px}.empty-state p{color:var(--muted);max-width:740px;line-height:1.7}.site-footer{text-align:center;color:#a8b2cd;padding:28px 0 10px}@media (max-width:1080px){.hero-layout,.summary-layout,.charts-grid,.metric-grid,.hero-points{grid-template-columns:1fr}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.page-shell{padding:14px}.hero-panel,.upload-card,.summary-card,.chart-card,.findings-card,.empty-state{border-radius:22px;padding:18px}.results-toolbar,.finding-top,.breakdown-row,.area-item div,.file-item{flex-direction:column;align-items:flex-start}.save-btn{width:100%}.preview-grid{grid-template-columns:1fr}.hero-panel h2{font-size:2.2rem}}