@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Mono:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500;600&display=swap";:root{--bg: #0a0a0a;--bg-card: #111111;--bg-hover: #161616;--border: #242424;--border-subtle: #1a1a1a;--text: #f0ede8;--text-muted: #888;--text-dim: #3d3d3d;--red: #dc2626;--red-fg: #fca5a5;--red-bg: rgba(220, 38, 38, .06);--amber: #d97706;--amber-fg: #fbbf24;--amber-bg: rgba(217, 119, 6, .07);--green: #16a34a;--green-fg: #4ade80;--green-bg: rgba(22, 163, 74, .07);--blue: #3b82f6;--blue-fg: #93c5fd;--blue-bg: rgba(59, 130, 246, .07)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.app-container{max-width:900px;margin:0 auto;padding:3.5rem 2rem 7rem}.header{margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border)}.header-eyebrow{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1rem}.header h1{font-family:"Instrument Serif",Georgia,serif;font-size:2.6rem;font-weight:400;font-style:italic;color:var(--text);letter-spacing:-.01em;line-height:1.05;margin-bottom:.85rem}.header p{color:var(--text-muted);font-size:.925rem;line-height:1.65;max-width:420px;font-weight:400}.input-card{border:1px solid var(--border);border-radius:6px;overflow:hidden}.input-card-header{padding:.65rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-card);font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}textarea{display:block;width:100%;min-height:160px;background:var(--bg-card);border:none;color:var(--text);font-family:Inter,sans-serif;font-size:.925rem;line-height:1.75;padding:1.25rem;resize:vertical;transition:background .15s}textarea:hover{background:var(--bg-hover)}textarea::placeholder{color:var(--text-dim)}textarea:focus{outline:none;background:var(--bg-hover)}.input-card-footer{padding:.65rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-card);display:flex;justify-content:flex-end;align-items:center;gap:1rem}.char-count{font-family:DM Mono,monospace;font-size:.65rem;color:var(--text-dim)}.btn-analyze{background:var(--text);color:var(--bg);border:none;padding:.55rem 1.3rem;font-size:.825rem;font-weight:500;font-family:Inter,sans-serif;border-radius:4px;cursor:pointer;transition:opacity .15s;letter-spacing:.01em}.btn-analyze:hover{opacity:.88}.btn-analyze:disabled{opacity:.3;cursor:not-allowed}.error-msg{margin:0;padding:.75rem 1.25rem;border-top:1px solid rgba(220,38,38,.25);background:var(--red-bg);font-size:.825rem;color:var(--red-fg)}.loading-state{margin-top:2.5rem;display:flex;align-items:center;gap:1rem}.loading-label{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.loading-bar{flex:1;height:1px;background:var(--border);position:relative;overflow:hidden;border-radius:1px}.loading-bar:after{content:"";position:absolute;top:0;left:-35%;width:35%;height:100%;background:var(--text-muted);animation:sweep 1.4s ease-in-out infinite}@keyframes sweep{0%{left:-35%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.results{margin-top:2.5rem;animation:appear .35s ease}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.verdict-strip{border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:1.25rem}.verdict-strip-top{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid var(--border)}.score-block{padding:1.5rem 1.75rem;border-right:1px solid var(--border);background:var(--bg-card);display:flex;flex-direction:column;align-items:flex-start;gap:0}.score-block-label{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.6rem}.score-number{font-family:DM Mono,monospace;font-size:2.75rem;font-weight:500;line-height:1;letter-spacing:-.02em}.score-denom{font-family:DM Mono,monospace;font-size:.7rem;color:var(--text-dim);margin-top:.2rem;margin-bottom:.9rem}.score-bar-track{width:100%;height:2px;background:var(--border);border-radius:2px;overflow:hidden}.score-bar-fill{height:100%;border-radius:2px;transition:width 1s cubic-bezier(.4,0,.2,1)}.verdict-block{padding:1.5rem 1.75rem;background:var(--bg-card);display:flex;flex-direction:column;justify-content:center;gap:.5rem}.verdict-pill{display:inline-flex;align-items:center;font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:.25rem .65rem;border-radius:3px;width:fit-content}.verdict-count{font-family:DM Mono,monospace;font-size:.65rem;color:var(--text-dim);letter-spacing:.06em}.summary-block{padding:1.1rem 1.75rem;background:var(--bg);font-size:.875rem;line-height:1.75;color:var(--text-muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.detail-section{border:1px solid var(--border);border-radius:6px;overflow:hidden}.detail-section.full-width{grid-column:1 / -1}.detail-section-header{padding:.6rem 1.1rem;border-bottom:1px solid var(--border);background:var(--bg-card);font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.detail-section-body{padding:.875rem 1.1rem;background:var(--bg)}.detail-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.detail-list li{font-size:.85rem;line-height:1.65;padding:.6rem .875rem;border-radius:3px;border-left:2px solid transparent}.flag-item{background:var(--red-bg);border-left-color:var(--red);color:var(--red-fg)}.question-item{background:var(--blue-bg);border-left-color:var(--blue);color:#c7d9ff}.benchmark-item{background:var(--bg-card);border-left-color:var(--border);color:var(--text-muted)}@media (max-width: 600px){.app-container{padding:2rem 1.25rem 5rem}.header h1{font-size:2rem}.verdict-strip-top{grid-template-columns:1fr}.score-block{border-right:none;border-bottom:1px solid var(--border)}.detail-grid{grid-template-columns:1fr}.detail-section.full-width{grid-column:1}}
