:root{--bg:#0b1020;--bg2:#121a33;--panel:#ffffff0a;--border:#ffffff1a;--text:#eaf0ff;--muted:#93a0c4;--accent:#5b8cff;--accent2:#46e0c8;--danger:#ff6b81}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 800px at 50% -10%, var(--bg2), var(--bg));color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.wrap{max-width:760px;margin:0 auto;padding:28px 18px 64px}header.top{text-align:center;margin-bottom:22px}header.top h1{letter-spacing:-.5px;background:linear-gradient(90deg, var(--accent2), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px}header.top p{color:var(--muted);margin:6px 0 0;font-size:14px}.card{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;margin-bottom:16px;padding:18px}.row{flex-wrap:wrap;gap:10px;display:flex}input[type=url],input[type=text],textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#00000040;border-radius:12px;outline:none;padding:13px 14px;font-size:16px}input:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:110px;line-height:1.5}label.drop{border:1.5px dashed var(--border);cursor:pointer;color:var(--muted);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:26px;transition:all .15s;display:flex}label.drop:hover{border-color:var(--accent);color:var(--text)}label.drop strong{color:var(--text)}label.drop input{display:none}button{appearance:none;cursor:pointer;color:#06122b;background:linear-gradient(90deg, var(--accent2), var(--accent));border:0;border-radius:12px;flex:1;min-width:120px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .15s}button.ghost{color:var(--text);border:1px solid var(--border);background:0 0}button.icon{flex:0;min-width:0}button:disabled{opacity:.45;cursor:not-allowed}button:active{transform:translateY(1px)}.divider{color:var(--muted);align-items:center;gap:12px;margin:14px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.tabs{gap:8px;margin-bottom:14px;display:flex}.tabs button{background:var(--panel);color:var(--muted);border:1px solid var(--border);flex:1;font-weight:600}.tabs button.active{color:var(--text);border-color:var(--accent);background:#5b8cff1f}.doc-title{color:var(--accent2);margin-bottom:4px;font-size:13px;font-weight:600}.doc-meta{color:var(--muted);margin-bottom:14px;font-size:12px}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.controls select{color:var(--text);border:1px solid var(--border);background:#00000040;border-radius:10px;flex:1;min-width:140px;padding:10px;font-size:14px}.speed{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.speed input{width:110px}.reader{white-space:pre-wrap;word-break:break-word;max-height:46dvh;padding:4px 2px;font-size:16px;line-height:1.7;overflow:auto}.reader .spoken{background:#46e0c838;border-radius:4px}.answer{white-space:pre-wrap;font-size:15px;line-height:1.7}.msg{border-radius:12px;margin-bottom:10px;padding:12px 14px}.msg.user{background:#5b8cff24}.msg.assistant{background:#ffffff0d}.msg .who{color:var(--muted);margin-bottom:4px;font-size:12px}.note{color:var(--muted);font-size:13px}.err{color:var(--danger);margin-top:10px;font-size:14px}.spin{color:var(--muted);font-size:14px}.soon{opacity:.7;font-size:11px}footer.foot{text-align:center;color:var(--muted);margin-top:26px;font-size:12px}