:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1e222b;--border: #2a2f3a;--text: #e6e8ec;--muted: #9aa3b2;--accent: #ff3b6b;--accent-2: #25f4ee;--ok: #38c172;--warn: #f4a623;--err: #ff5a5f;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:1200px;margin:0 auto;padding:0 20px 80px}.gate{min-height:100vh;display:grid;place-items:center;padding:20px}.gate__card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:28px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px}.gate__card .brand{font-size:22px}.gate__hint{color:var(--muted);margin:0;font-size:13px}.gate__card input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:11px 12px;border-radius:8px;font-size:15px}.gate__card input:focus{outline:2px solid var(--accent-2)}.gate__error{color:var(--err);font-size:13px}.header{display:flex;align-items:center;gap:24px;padding:18px 0;position:sticky;top:0;background:var(--bg);z-index:5;border-bottom:1px solid var(--border)}.brand{font-weight:800;font-size:20px;letter-spacing:-.02em}.brand:after{content:".";color:var(--accent)}.tabs{display:flex;gap:8px}.tabs button{background:transparent;color:var(--muted);border:1px solid transparent;padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:600}.tabs button.active{color:var(--text);background:var(--panel-2);border-color:var(--border)}.view{padding-top:22px}.form{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:18px}.form__row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.form__row+.form__row{margin-top:12px}.form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:600}.form .grow{flex:1 1 240px}.form input,.form select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:9px 10px;border-radius:8px;font-size:14px;min-width:90px}.form input:focus,.form select:focus{outline:2px solid var(--accent-2);outline-offset:0}.hint{color:var(--muted);font-size:12px;margin:10px 2px 0}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:9px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){filter:brightness(1.08)}.banner{padding:10px 14px;border-radius:8px;margin:12px 0}.banner--error{background:#ff5a5f1f;border:1px solid var(--err);color:#ffd2d3}.meta{color:var(--muted);margin:12px 2px;font-size:13px}.warn{color:var(--warn)}.ok{color:var(--ok)}.muted{color:var(--muted)}.spinner{display:flex;align-items:center;gap:10px;color:var(--muted);padding:14px 2px}.spinner__dot{width:10px;height:10px;border-radius:50%;background:var(--accent-2);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.toolbar{display:flex;align-items:center;gap:10px;margin:12px 0;flex-wrap:wrap}.toolbar .spacer{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px}.card--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card__check{position:absolute;top:10px;right:10px}.card__check input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.card__head{display:flex;align-items:center;gap:8px}.card__handle{font-weight:700;font-size:13px}.verified{color:var(--accent-2);margin-left:3px}.card__date{color:var(--muted);font-size:12px;margin-left:auto;margin-right:28px}.card__caption{margin:0;font-size:13px;max-height:4.2em;overflow:hidden}.card__stats{display:flex;gap:12px;font-size:12px;color:var(--muted);flex-wrap:wrap}.card__sub{font-size:11px;color:var(--muted)}.card__tags{display:flex;gap:6px;flex-wrap:wrap}.card__tags span{font-size:11px;color:var(--accent-2)}.card__foot{display:flex;gap:12px;align-items:center;font-size:12px;margin-top:auto;padding-top:4px}.card__foot a{color:var(--accent-2);text-decoration:none}.score{font-weight:800;font-size:15px;padding:2px 9px;border-radius:999px;min-width:34px;text-align:center}.score--high{background:#38c1722e;color:#6ee7a0}.score--mid{background:#f4a6232e;color:#ffce7a}.score--low{background:#9aa3b22e;color:var(--muted)}.section{margin-top:28px}.section h2{font-size:16px;margin:0 0 12px}.analyses{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}.analysis{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.analysis--error{border-color:var(--err)}.analysis__title{display:flex;gap:8px;align-items:center;font-weight:700;margin-bottom:10px}.pill{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.field{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.field__label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.field__value{font-size:13px}.analysis__transcript{font-size:12px;color:var(--muted);white-space:pre-wrap}details summary{cursor:pointer;color:var(--accent-2);font-size:12px}.output{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.out-block{margin-bottom:18px}.out-block h3{font-size:14px;margin:0 0 8px;color:var(--accent-2)}.out-block ul{margin:0;padding-left:18px}.out-block li{margin-bottom:6px}.script{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:10px}.script h4{margin:0 0 8px}.script p{margin:4px 0;font-size:13px}