:root{--bg:#0b0b12;--bg2:#12121d;--card:#191927;--card-hi:#222236;--line:#ffffff14;--text:#f2f2f7;--muted:#9a9ab0;--accent:#7c6cff;--accent2:#37d5c8;--grad:linear-gradient(135deg, #7c6cff, #37d5c8);--danger:#ff5470;--ok:#34d399;--r:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(1200px 600px at 50% -200px, #1a1633 0%, var(--bg) 55%);color:var(--text);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}#root{flex-direction:column;min-height:100dvh;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:14px;outline:none;width:100%;padding:15px 18px}input:focus{border-color:var(--accent)}.page{padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 24px);flex:1;width:100%;max-width:640px;margin:0 auto}.top{align-items:center;gap:12px;padding:6px 0 18px;display:flex}.top h1{letter-spacing:-.02em;flex:1;min-width:0;font-size:26px;font-weight:800}.top h1.ell{text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.back{color:var(--muted);padding:2px 12px 6px 2px;font-size:30px;line-height:1}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center;padding:24px 0;line-height:1.6}.err{color:var(--danger);text-align:center;padding:10px 0}.sect{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:22px 4px 10px;font-size:13px;font-weight:700}.login{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.login-logo{background:var(--grad);border-radius:26px;justify-content:center;align-items:center;width:92px;height:92px;font-size:44px;display:flex;box-shadow:0 12px 40px #7c6cff59}.login h1{letter-spacing:-.02em;font-size:32px;font-weight:800}.login form{flex-direction:column;gap:12px;width:100%;max-width:340px;margin-top:10px;display:flex}.btn.primary{background:var(--grad);color:#fff;border-radius:14px;padding:15px;font-size:17px;font-weight:700}.btn.primary:disabled{opacity:.5}.drop{border-radius:var(--r);width:100%;min-height:170px;color:var(--text);text-align:center;background:#7c6cff12;border:2px dashed #7c6cff8c;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:22px;display:flex}.drop.busy{border-style:solid}.drop-ico{background:var(--grad);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;font-size:26px;display:flex}.drop-t{font-size:19px;font-weight:700}.drop-s{color:var(--muted);font-size:14px}.card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--r);width:100%;color:var(--text);align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;display:flex}.card:active{background:var(--card-hi)}.doc-ico{flex-shrink:0;font-size:26px}.doc-ico.big{font-size:34px}.doc-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.doc-name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:650;overflow:hidden}.doc-sub{color:var(--muted);font-size:13px}.doc-del{color:var(--muted);flex-shrink:0;margin:-10px;padding:10px;font-size:16px}.card.analysis{flex-direction:column;align-items:flex-start;gap:8px;padding:18px}.card.analysis p{line-height:1.5}.card.choice{padding:18px 16px}.card.choice.rec{border-color:var(--accent);background:#7c6cff1a}.card.choice.off{opacity:.45}.card.choice .doc-name{white-space:normal}.badge{background:var(--grad);color:#fff;vertical-align:2px;border-radius:999px;margin-left:8px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.spin{border:3px solid #7c6cff40;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite spin}.spin.light{border-color:#fff #ffffff4d #ffffff4d;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.page.result{flex-direction:column;padding-bottom:0;display:flex}.mode-tag{background:var(--card);border:1px solid var(--line);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.mode-tag.digest{border-color:#7c6cff80}.reader{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:24px;overflow-y:auto}.reader p{color:#dcdce6;margin-bottom:14px;font-size:17px;line-height:1.65}.player{padding:12px 18px calc(env(safe-area-inset-bottom) + 12px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#12121de0;align-items:center;gap:12px;margin:0 -18px;display:flex;position:sticky;bottom:0}.play{background:var(--grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:flex;box-shadow:0 6px 20px #7c6cff59}.play.error{background:var(--danger)}.pbody{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pbar{background:#ffffff1f;border-radius:3px;height:6px;overflow:hidden}.pfill{background:var(--grad);border-radius:3px;height:100%}.ptime{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.pstate{text-overflow:ellipsis;white-space:nowrap;padding:0 8px;overflow:hidden}.speed{font-variant-numeric:tabular-nums;background:var(--card);border:1px solid var(--line);border-radius:12px;flex-shrink:0;padding:9px 12px;font-size:14px;font-weight:700}