:root {
  --c-18283c: #18283c;
  --c-f5f8fc: #f5f8fc;
  --c-ffffff: #ffffff;
  --c-f7faff: #f7faff;
  --c-dfe7f0: #dfe7f0;
  --c-086df0: #086df0;
  --c-086df026: #086df026;
  --c-096bec: #096bec;
  --c-086ef4: #086ef4;
  --c-086ef41c: #086ef41c;
  --c-005cde: #005cde;
  --c-086ef42c: #086ef42c;
  --c-526273: #526273;
  --c-e8f1ff: #e8f1ff;
  --c-086ae9: #086ae9;
  --c-798b9f: #798b9f;
  --c-8b9bad: #8b9bad;
  --c-74869a: #74869a;
  --c-e9f0fa: #e9f0fa;
  --c-e3eaf2: #e3eaf2;
  --c-6b7c8e: #6b7c8e;
  --c-d8e8fd: #d8e8fd;
  --c-0871ee: #0871ee;
  --c-7d8c9b: #7d8c9b;
  --c-e2e9f1: #e2e9f1;
  --c-9aabba: #9aabba;
  --c-f8fafd: #f8fafd;
  --c-7db1f8: #7db1f8;
  --c-086ef414: #086ef414;
  --c-263c55: #263c55;
  --c-a2afbd: #a2afbd;
  --c-eef5ff: #eef5ff;
  --c-d5e7ff: #d5e7ff;
  --c-133e6509: #133e6509;
  --c-e7edf6: #e7edf6;
  --c-88a1bd: #88a1bd;
  --c-8d9ba9: #8d9ba9;
  --c-60758b: #60758b;
  --c-15966f: #15966f;
  --c-ce5960: #ce5960;
  --c-e5eef9: #e5eef9;
  --c-8b9aaa: #8b9aaa;
  --c-f2f7ff: #f2f7ff;
  --c-076be9: #076be9;
  --c-96a5b3: #96a5b3;
  --c-8999aa: #8999aa;
  --c-b6c3ce: #b6c3ce;
  --c-e8f7f1: #e8f7f1;
  --c-16956c: #16956c;
  --c-0871eb: #0871eb;
  --c-fff0f0: #fff0f0;
  --c-bd555e: #bd555e;
  --c-65788c: #65788c;
  --c-e1e8f0: #e1e8f0;
  --c-223b551c: #223b551c;
  --c-f0f6ff: #f0f6ff;
  --c-c75661: #c75661;
  --c-dfe9f2: #dfe9f2;
  --c-7892ac: #7892ac;
  --c-fffffff0: #fffffff0;
  --c-0e243e: #0e243e;
  --c-08243a30: #08243a30;
  --c-e4ebf2: #e4ebf2;
  --c-8293a4: #8293a4;
  --c-65788d: #65788d;
  --c-eef2f6: #eef2f6;
  --c-edf5ff: #edf5ff;
  --c-0b70e7: #0b70e7;
  --c-dceaff: #dceaff;
  --c-96acc3: #96acc3;
  --c-344b63: #344b63;
  --c-fff0a8: #fff0a8;
  --c-273746: #273746;
  --c-b5c1cd: #b5c1cd;
  --c-e06e7b: #e06e7b;
  --c-e3edf8: #e3edf8;
  --c-0871e9: #0871e9;
  --c-172c43: #172c43;
  --c-435a73: #435a73;
  --c-deebfa: #deebfa;
  --c-f7fbff: #f7fbff;
  --c-6482a0: #6482a0;
  --c-e0eafa: #e0eafa;
  --c-8d9bad: #8d9bad;
  --c-b2535d: #b2535d;
  --c-98abc0: #98abc0;
  --c-243b52: #243b52;
  --c-fbfdff: #fbfdff;
  --c-e7edf3: #e7edf3;
  --c-e9f2ff: #e9f2ff;
  --c-8192a3: #8192a3;
  --c-e5ecf3: #e5ecf3;
  --c-45617a: #45617a;
  --c-a5cafb: #a5cafb;
  --c-1d5b9f: #1d5b9f;
  --c-43596f: #43596f;
  --c-dce6f0: #dce6f0;
  --c-76acf7: #76acf7;
  --c-a2afbb: #a2afbb;
  --c-20374f: #20374f;
  --c-14253b75: #14253b75;
  --c-09162d35: #09162d35;
  --c-8494a5: #8494a5;
  --c-f3f6fa: #f3f6fa;
  --c-718296: #718296;
  --c-455c72: #455c72;
  --c-a4b0bc: #a4b0bc;
  --c-dce5ef: #dce5ef;
  --c-263c53: #263c53;
  --c-7bb2fc: #7bb2fc;
  --c-f3f7fc: #f3f7fc;
  --c-788da2: #788da2;
  --c-1e466217: #1e466217;
  --c-a8c8ef: #a8c8ef;
  --c-f8fbff: #f8fbff;
  --c-5988bf: #5988bf;
  --c-35516e: #35516e;
  --c-eaf3ff: #eaf3ff;
  --c-edf1f5: #edf1f5;
  --c-384f66: #384f66;
  --c-cad5e0: #cad5e0;
  --c-98a7b6: #98a7b6;
  --c-dce6ee: #dce6ee;
  --c-c84c5a: #c84c5a;
  --c-c34553: #c34553;
  --c-0b182be8: #0b182be8;
  --c-b8c8d9: #b8c8d9;
  --c-ffffff38: #ffffff38;
  --c-ffffff15: #ffffff15;
  --c-00000055: #00000055;
  --c-061322ac: #061322ac;
  --c-111111: #111111;
  --c-f6faff: #f6faff;
  --c-e2eaf3: #e2eaf3;
  --c-152f490e: #152f490e;
  --c-8799a9: #8799a9;
  --c-0a244020: #0a244020;
  --c-0a244018: #0a244018;
  --c-7e91a4: #7e91a4;
  --c-1d2d40: #1d2d40;
  --c-526a83: #526a83;
  --c-195fd0: #195fd0;
  --c-e9f1fb: #e9f1fb;
  --c-fbfcfe: #fbfcfe;
  --c-41566d: #41566d;
  --c-5b7188: #5b7188;
  --c-657c94: #657c94;
  --c-526b82: #526b82;
  --c-f9fbfe: #f9fbfe;
  --c-dbe5ef: #dbe5ef;
  --c-71869b: #71869b;
  --c-25394e: #25394e;
  --c-62788d: #62788d;
  --c-63798e: #63798e;
  --c-2d4156: #2d4156;
  --c-125ec4: #125ec4;
  --c-607e9b: #607e9b;
  --c-899bac: #899bac;
  --c-324a62: #324a62;
  --c-5f7388: #5f7388;
  --c-dce7f1: #dce7f1;
  --c-34495c: #34495c;
  --c-657c91: #657c91;
  --c-1d34451f: #1d34451f;
  --c-13294366: #13294366;
  --c-edf4ff: #edf4ff;
  --c-24394e: #24394e;
  --c-2b435b: #2b435b;
  --c-536b82: #536b82;
  --c-1472e8: #1472e8;
  --c-334b63: #334b63;
  --c-007aff: #007aff;
  --c-007aff99: #007aff99;
  --c-42627e: #42627e;
  --c-1c4d7b17: #1c4d7b17;
  --c-bdcffd: #bdcffd;
  --c-687a85: #687a85;
  --c-f5f9fd: #f5f9fd;
  --c-1635571c: #1635571c;
  --c-637586: #637586;
}
:root[data-theme="dark"] {
  --c-18283c: #dfe5ec;
  --c-f5f8fc: #121f33;
  --c-ffffff: #121f33;
  --c-f7faff: #121f33;
  --c-dfe7f0: #1a293d;
  --c-086df0: #63a2f2;
  --c-086df026: #63a2f226;
  --c-096bec: #63a1f2;
  --c-086ef4: #63a1f2;
  --c-086ef41c: #63a1f21c;
  --c-005cde: #b2bfd1;
  --c-086ef42c: #63a1f22c;
  --c-526273: #b8c1cc;
  --c-e8f1ff: #1a293d;
  --c-086ae9: #63a2f2;
  --c-798b9f: #b8c1cc;
  --c-8b9bad: #a5b2c0;
  --c-74869a: #b8c1cb;
  --c-e9f0fa: #1a293d;
  --c-e3eaf2: #1a293d;
  --c-6b7c8e: #b9c2ca;
  --c-d8e8fd: #1a293d;
  --c-0871ee: #63a5f2;
  --c-7d8c9b: #bac2ca;
  --c-e2e9f1: #1a293d;
  --c-9aabba: #a4b3c1;
  --c-f8fafd: #121f33;
  --c-7db1f8: #80b2f5;
  --c-086ef414: #63a1f214;
  --c-263c55: #dfe5ec;
  --c-a2afbd: #a6b2bf;
  --c-eef5ff: #1a293d;
  --c-d5e7ff: #1a293d;
  --c-133e6509: #dfe6ec09;
  --c-e7edf6: #1a293d;
  --c-88a1bd: #9fb1c6;
  --c-8d9ba9: #a8b2bd;
  --c-60758b: #b7c2cd;
  --c-15966f: #b2d1c8;
  --c-ce5960: #d97d83;
  --c-e5eef9: #1a293d;
  --c-8b9aaa: #a7b2be;
  --c-f2f7ff: #121f33;
  --c-076be9: #63a3f2;
  --c-96a5b3: #a6b3bf;
  --c-8999aa: #a6b2bf;
  --c-b6c3ce: #a3b4c2;
  --c-e8f7f1: #1a293d;
  --c-16956c: #b2d1c7;
  --c-0871eb: #63a5f2;
  --c-fff0f0: #121f33;
  --c-bd555e: #d1b2b5;
  --c-65788c: #b8c2cc;
  --c-e1e8f0: #1a293d;
  --c-223b551c: #dfe5ec1c;
  --c-f0f6ff: #121f33;
  --c-c75661: #d58189;
  --c-dfe9f2: #1a293d;
  --c-7892ac: #a0b2c5;
  --c-fffffff0: #121f33f0;
  --c-0e243e: #dfe5ec;
  --c-08243a30: #dfe6ec30;
  --c-e4ebf2: #1a293d;
  --c-8293a4: #a6b2bf;
  --c-65788d: #b8c1cc;
  --c-eef2f6: #1a293d;
  --c-edf5ff: #1a293d;
  --c-0b70e7: #63a5f2;
  --c-dceaff: #1a293d;
  --c-96acc3: #9fb2c6;
  --c-344b63: #dfe5ec;
  --c-fff0a8: #f8ecaf;
  --c-273746: #dfe6ec;
  --c-b5c1cd: #a4b2c1;
  --c-e06e7b: #e17481;
  --c-e3edf8: #1a293d;
  --c-0871e9: #63a6f2;
  --c-172c43: #dfe5ec;
  --c-435a73: #b2c1d1;
  --c-deebfa: #1a293d;
  --c-f7fbff: #121f33;
  --c-6482a0: #b3c2d0;
  --c-e0eafa: #1a293d;
  --c-8d9bad: #a6b1bf;
  --c-b2535d: #d1b2b6;
  --c-98abc0: #a0b2c5;
  --c-243b52: #dfe6ec;
  --c-fbfdff: #121f33;
  --c-e7edf3: #1a293d;
  --c-e9f2ff: #1a293d;
  --c-8192a3: #a7b2be;
  --c-e5ecf3: #1a293d;
  --c-45617a: #b2c3d1;
  --c-a5cafb: #a8caf8;
  --c-1d5b9f: #b2c1d1;
  --c-43596f: #b3c2d1;
  --c-dce6f0: #1a293d;
  --c-76acf7: #79acf4;
  --c-a2afbb: #a7b3be;
  --c-20374f: #dfe5ec;
  --c-14253b75: #dfe5ec75;
  --c-09162d35: #dfe4ec35;
  --c-8494a5: #a7b2be;
  --c-f3f6fa: #1a293d;
  --c-718296: #b9c1cb;
  --c-455c72: #b3c2d1;
  --c-a4b0bc: #a7b2be;
  --c-dce5ef: #1a293d;
  --c-263c53: #dfe5ec;
  --c-7bb2fc: #82b3f5;
  --c-f3f7fc: #121f33;
  --c-788da2: #a4b2c1;
  --c-1e466217: #dfe7ec17;
  --c-a8c8ef: #a8c8ef;
  --c-f8fbff: #121f33;
  --c-5988bf: #b2c1d1;
  --c-35516e: #b2c2d1;
  --c-eaf3ff: #1a293d;
  --c-edf1f5: #1a293d;
  --c-384f66: #b2c2d1;
  --c-cad5e0: #9fb3c6;
  --c-98a7b6: #a5b2c0;
  --c-dce6ee: #1a293d;
  --c-c84c5a: #d77e88;
  --c-c34553: #d68089;
  --c-0b182be8: #dfe4ece8;
  --c-b8c8d9: #9fb2c6;
  --c-ffffff38: #121f3338;
  --c-ffffff15: #121f3315;
  --c-00000055: #e6e6e655;
  --c-061322ac: #dfe5ecac;
  --c-111111: #e6e6e6;
  --c-f6faff: #121f33;
  --c-e2eaf3: #1a293d;
  --c-152f490e: #dfe6ec0e;
  --c-8799a9: #a6b3bf;
  --c-0a244020: #dfe5ec20;
  --c-0a244018: #dfe5ec18;
  --c-7e91a4: #a5b2c0;
  --c-1d2d40: #dfe5ec;
  --c-526a83: #b4c2d0;
  --c-195fd0: #699bed;
  --c-e9f1fb: #1a293d;
  --c-fbfcfe: #121f33;
  --c-41566d: #b2c1d1;
  --c-5b7188: #b6c2ce;
  --c-657c94: #b6c2cd;
  --c-526b82: #b4c2d0;
  --c-f9fbfe: #121f33;
  --c-dbe5ef: #1a293d;
  --c-71869b: #b7c2cc;
  --c-25394e: #dfe5ec;
  --c-62788d: #b7c2cd;
  --c-63798e: #b7c2cd;
  --c-2d4156: #dfe5ec;
  --c-125ec4: #b2c0d1;
  --c-607e9b: #b3c2d0;
  --c-899bac: #a5b3c0;
  --c-324a62: #dfe6ec;
  --c-5f7388: #b7c2cd;
  --c-dce7f1: #1a293d;
  --c-34495c: #dfe6ec;
  --c-657c91: #b7c2cd;
  --c-1d34451f: #dfe6ec1f;
  --c-13294366: #dfe5ec66;
  --c-edf4ff: #1a293d;
  --c-24394e: #dfe6ec;
  --c-2b435b: #dfe6ec;
  --c-536b82: #b4c2cf;
  --c-1472e8: #64a3f2;
  --c-334b63: #dfe6ec;
  --c-007aff: #63a8f2;
  --c-007aff99: #63a8f299;
  --c-42627e: #b2c3d1;
  --c-1c4d7b17: #dfe6ec17;
  --c-bdcffd: #c0d0fa;
  --c-687a85: #bac4c9;
  --c-f5f9fd: #121f33;
  --c-1635571c: #dfe5ec1c;
  --c-637586: #b9c2cb;
}
:root {font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--c-18283c);background:var(--c-f5f8fc);font-synthesis:none}
* {box-sizing:border-box}
body {margin:0}
button,input,textarea,select {font:inherit}
button {cursor:pointer}
button:disabled {cursor:not-allowed;opacity:.48}
button,select {color:inherit}
svg {flex:none}
#app {min-height:100vh}
.primary {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:41px;border:1px solid var(--c-096bec);border-radius:9px;background:var(--c-086ef4);color:var(--c-ffffff);font-weight:650;padding:0 17px;box-shadow:0 4px 10px var(--c-086ef41c);transition:background .18s,transform .18s,box-shadow .18s}
.primary:hover {background:var(--c-005cde);box-shadow:0 7px 16px var(--c-086ef42c);transform:translateY(-1px)}
.subtle-icon {display:grid;place-items:center;border:0;background:transparent;color:var(--c-74869a);border-radius:7px;width:29px;height:29px}
.subtle-icon:hover {background:var(--c-e9f0fa);color:var(--c-086ef4)}
.nav-bottom {margin-top:auto;border-top:1px solid var(--c-e3eaf2);padding:18px 5px 0;display:flex;align-items:center;gap:8px;color:var(--c-6b7c8e);font-size: 0.75rem}
.nav-bottom>span:nth-child(2) {flex:1}
.account-dot {display:grid;place-items:center;background:var(--c-d8e8fd);color:var(--c-0871ee);border-radius:50%;width:27px;height:27px;font-weight:800}
.mini-progress {height:3px;width:100%;background:var(--c-e5eef9);border-radius:5px;overflow:hidden}
.mini-progress i {display:block;height:100%;background:var(--c-086ef4)}
.load-more,.more-events {display:block;border:0;background:var(--c-f2f7ff);color:var(--c-076be9);border-radius:7px;padding:9px 14px;margin:13px auto;font-size: 0.75rem;font-weight:650}
.danger {color:var(--c-c75661)!important}
.pending-copy,.loading {font-size: 0.8125rem;line-height:1.65;color:var(--c-8b9bad);padding:25px 2px}
.progress-box {margin:20px 0;padding:17px;border:1px solid var(--c-deebfa);background:var(--c-f7fbff);border-radius:10px}
.progress-box>div:first-child {display:flex;justify-content:space-between;gap:10px;font-size: 0.75rem}
.progress-box>div:first-child span {color:var(--c-6482a0)}
.progress-line {margin-top:12px;height:6px;background:var(--c-e0eafa);border-radius:9px;overflow:hidden}
.progress-line span {display:block;height:100%;background:var(--c-086ef4);transition:width .5s}
.progress-shots {display:flex;gap:7px;overflow:auto;margin-top:13px}
.progress-shots button {padding:0;border:0;border-radius:6px;overflow:hidden}
.progress-shots img {width:88px;height:53px;object-fit:cover;display:block}
.storage-note {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-top:1px solid var(--c-eef2f6);margin-top:27px;font-size: 0.6875rem}
.storage-note div {display:flex;flex-direction:column;gap:4px}
.storage-note span {color:var(--c-8d9bad)}
.storage-note button {background:none;border:0;color:var(--c-b2535d);font-size: 0.6875rem}
.toast {position:fixed;left:50%;bottom:24px;transform:translate(-50%,10px);background:var(--c-20374f);color:var(--c-ffffff);border-radius:8px;padding:10px 16px;font-size: 0.75rem;opacity:0;pointer-events:none;transition:.2s;z-index:30}
.toast.visible {opacity:1;transform:translate(-50%,0)}
.mobile-menu,.mobile-chat-close {display:none!important}
.overlay {position:fixed;inset:0;background:var(--c-14253b75);z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .2s}
.modal {position:relative;width:min(100%,550px);max-height:95vh;overflow:auto;background:var(--c-ffffff);border-radius:17px;box-shadow:0 25px 70px var(--c-09162d35);padding:26px 30px;animation:modal-in .28s cubic-bezier(.2,.8,.2,1)}
.small-modal {width:min(100%,440px)}
.modal h2 {font-size: 1.3125rem;letter-spacing:-.04em;margin:0 0 8px}
.modal>p {font-size: 0.75rem;color:var(--c-8494a5);line-height:1.6;margin:0 0 20px}
.modal-close {position:absolute;right:17px;top:17px;border:0;background:var(--c-f3f6fa);width:30px;height:30px;border-radius:7px;color:var(--c-718296)}
.modal label:not(.dropzone) {display:block;font-size: 0.6875rem;font-weight:650;color:var(--c-455c72);margin:15px 0 7px}
.modal label span {font-weight:400;color:var(--c-a4b0bc)}
.modal input:not([type=checkbox]),.modal textarea,.modal select {width:100%;border:1px solid var(--c-dce5ef);border-radius:8px;padding:10px 11px;outline:none;background:var(--c-ffffff);color:var(--c-263c53);font-size: 0.75rem}
.modal textarea {resize:vertical}
.modal input:focus,.modal textarea:focus {border-color:var(--c-7bb2fc)}
.source-tabs {display:flex;gap:5px;background:var(--c-f3f7fc);padding:4px;border-radius:9px;margin:18px 0}
.source-tabs button {flex:1;border:0;background:transparent;padding:9px;border-radius:6px;font-size: 0.75rem;color:var(--c-788da2);font-weight:650}
.source-tabs button.active {background:var(--c-ffffff);color:var(--c-086ef4);box-shadow:0 1px 5px var(--c-1e466217)}
.dropzone {height:116px;border:1px dashed var(--c-a8c8ef);background:var(--c-f8fbff);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--c-5988bf);cursor:pointer;text-align:center}
.dropzone strong {font-size: 0.75rem;color:var(--c-35516e)}
.dropzone span {font-size: 0.6875rem}
.dropzone.dragover {background:var(--c-eaf3ff);border-color:var(--c-086ef4)}
.existing-file {display:flex;align-items:center;gap:9px;background:var(--c-f7faff);padding:13px;border-radius:8px;font-size: 0.75rem}
.switches {margin:16px 0;border-top:1px solid var(--c-edf1f5);border-bottom:1px solid var(--c-edf1f5)}
.switches label:not(.dropzone) {display:flex;align-items:center;justify-content:space-between;min-height:38px;margin:0!important;font-size: 0.75rem;color:var(--c-384f66)}
.switches label+label {border-top:1px solid var(--c-eef2f6)}
.switches input {appearance:none;width:31px;height:18px;background:var(--c-cad5e0);border-radius:12px;position:relative;transition:background .2s}
.switches input:before {content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:var(--c-ffffff);left:2px;top:2px;transition:transform .2s}
.switches input:checked {background:var(--c-086ef4)}
.switches input:checked:before {transform:translateX(13px)}
.switches-hint {margin:-7px 0 16px;color:var(--c-5f7388);font-size:.6875rem;line-height:1.45}
.source-hint {margin:7px 0 0;color:var(--c-5f7388);font-size:.6875rem;line-height:1.45}
.modal-foot {display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:20px}
.modal-foot>span {font-size: 0.625rem;line-height:1.6;color:var(--c-98a7b6)}
.modal-foot>div {display:flex;gap:8px}
.outline,.danger-button {border:1px solid var(--c-dce6ee);background:var(--c-ffffff);border-radius:8px;padding:9px 14px;font-size: 0.75rem;font-weight:650}
.danger-button {background:var(--c-c84c5a);color:var(--c-ffffff);border-color:var(--c-c84c5a)}
.form-error {font-size: 0.6875rem;color:var(--c-c34553);margin-top:9px}
.upload-line {font-size: 0.6875rem;color:var(--c-086ef4);margin-top:8px}
.dark-overlay {background:var(--c-0b182be8)}
.still-modal {width:min(100%,950px);color:var(--c-ffffff)}
.still-top,.still-actions {display:flex;align-items:center;gap:13px;padding:12px 0}
.still-top span {flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-b8c8d9);font-size: 0.75rem}
.still-top button,.still-actions button {border:1px solid var(--c-ffffff38);background:var(--c-ffffff15);color:var(--c-ffffff);border-radius:7px;padding:7px 11px}
.still-modal img {display:block;width:100%;max-height:72vh;object-fit:contain;border-radius:7px}
.still-actions {justify-content:space-between}
.player-dialog {border:0;border-radius:12px;padding:19px;width:min(900px,95vw);box-shadow:0 20px 70px var(--c-00000055)}
.player-dialog::backdrop {background:var(--c-061322ac)}
.player-dialog header {display:flex;justify-content:space-between;gap:15px}
.player-dialog header button {border:0;background:none}
.player-dialog video {display:block;width:100%;max-height:72vh;margin:14px 0;background:var(--c-111111)}
.player-dialog audio {display:block;width:100%;margin:30px 0}
.player-dialog a {color:var(--c-086ef4)}
.auth-layout,.startup-error {min-height:100vh;display:grid;place-items:center;background:var(--c-f6faff);padding:20px}
.auth-card {width:min(100%,390px);background:var(--c-ffffff);border:1px solid var(--c-e2eaf3);border-radius:17px;padding:34px;box-shadow:0 14px 38px var(--c-152f490e)}
.auth-brand {display:flex;align-items:center;gap:10px;font-size: 1.125rem}
.auth-card h1 {font-size: 1.5625rem;letter-spacing:-.045em;margin:33px 0 9px}
.auth-card p {font-size: 0.75rem;line-height:1.6;color:var(--c-8799a9)}
.auth-card label {display:block;margin:21px 0 7px;font-size: 0.6875rem;font-weight:650}
.auth-card input {width:100%;border:1px solid var(--c-dce6f0);border-radius:8px;padding:11px;outline:none}
.auth-card button {width:100%;margin-top:23px}
.startup-error {text-align:center}
.startup-error h1 {font-size: 1.375rem}
@keyframes fade-in {from{opacity:0}to{opacity:1}}
@keyframes modal-in {from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes slide-in {from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1150px) {
.mobile-chat-close {display:grid!important}

}
@media(max-width:800px) {
.mobile-menu {display:grid!important}

}
@media(max-width:600px) {
.modal {padding:23px 20px}
.modal-foot {align-items:flex-start;flex-direction:column}
.modal-foot>div {width:100%;justify-content:flex-end}

}
@media(prefers-reduced-motion:reduce) {
*,*:before,*:after {scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}

}
.mobile-chat-open {display:none!important}
@media(max-width:1150px) {
.mobile-chat-open {display:grid!important}

}
:root { color: var(--c-1d2d40); background: var(--c-ffffff); }
.modal>p, .modal input:not([type=checkbox]), .modal textarea, .modal select { font-size: 0.8125rem; }
.modal label:not(.dropzone), .switches label:not(.dropzone) { font-size: 0.8125rem; }
.modal-foot>span { font-size: 0.6875rem; color: var(--c-5f7388); }
.form-error { font-size: 0.75rem; }
:where(button, a, input, textarea, select, summary):focus-visible {
  outline: 2px solid var(--c-1472e8);
  outline-offset: 2px;
}
@media (max-width: 600px) {

  .modal input:not([type=checkbox]), .modal textarea, .modal select,
  .auth-card input { font-size: 1.0rem; }


}
.switches label span { color: var(--c-334b63); font-weight: 550; }
.audio-art { position: relative; display: grid; place-items: center; width: 100%; height: 100%; overflow: hidden; border-radius: inherit; color: var(--c-007aff); background: var(--c-edf5ff); }
.audio-art-icon { position: relative; z-index: 1; display: grid; place-items: center; padding-bottom: 7px; }
.audio-art-waves { position: absolute; bottom: 7px; left: 0; right: 0; display: flex; align-items: center; justify-content: center; gap: 3px; height: 12px; }
.audio-art-waves i { width: 2px; height: 5px; border-radius: 3px; background: var(--c-007aff99); }
.audio-art-waves i:nth-child(3n+2) { height: 10px; }
.audio-art-waves i:nth-child(4n) { height: 7px; }
.audio-art-large { border-radius: 12px; }
.audio-art-large .audio-art-icon { display: none; }
.audio-art-large .audio-art-waves { bottom: 33%; gap: 5px; height: 23px; }
.audio-art-large .audio-art-waves i { width: 3px; height: 11px; }
.audio-art-large .audio-art-waves i:nth-child(3n+2) { height: 21px; }
.audio-art-large .audio-art-waves i:nth-child(4n) { height: 16px; }
.audio-art-label { position: absolute; bottom: 19%; font-size: 0.8125rem; font-weight: 600; letter-spacing: .02em; color: var(--c-42627e); }
@media (max-width: 600px) {
.modal-close { width: 44px; height: 44px; right: 10px; top: 10px; }
.source-tabs button { min-height: 44px; font-size: 0.875rem; }
.switches label:not(.dropzone) { min-height: 46px; }
.modal .primary, .modal .outline, .modal .danger-button { min-height: 44px; font-size: 0.875rem; }


}
.settings-modal select { width: 100%; padding: 10px; border: 1px solid var(--c-bdcffd); border-radius: 8px; background: var(--c-ffffff); color: var(--c-25394e); font: inherit; }
:focus-visible { outline: 2px solid var(--c-007aff); outline-offset: 3px; }
:root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] .primary { background: #176bda; color: #fff; }
:root[data-theme="dark"] .danger-button { background: #a82b40; color: #fff; }
:root[data-theme="dark"] mark { background: #775600; color: #fff3ba; }
:root[data-theme="dark"] .dark-overlay { background: #070d18ed; }
:root[data-theme="dark"] .still-modal, :root[data-theme="dark"] .still-actions button, :root[data-theme="dark"] .still-top button { color: #f2f6fc; }
 :root[data-theme="dark"] .settings-modal select, :root[data-theme="dark"] .outline { border-color: #49617c; }
.empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; min-height: 200px; width: 100%; padding: 18px; background: var(--c-ffffff); border: 1px solid var(--c-dce7f1); border-radius: 14px; text-align: center; animation: fade-in .18s ease; }
.empty-state-icon { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 12px; background: var(--c-eaf3ff); color: var(--c-007aff); }
.empty-state h3 { margin: 0; color: var(--c-25394e); font-size: .8125rem; font-weight: 700; }
.empty-state p { margin: 0; color: var(--c-687a85); font-size: .6875rem; line-height: 1.4; }
.empty-state button { border: 0; background: transparent; padding: 7px 10px; color: var(--c-007aff); font-size: .6875rem; font-weight: 650; border-radius: 6px; }
.empty-state button:hover { background: var(--c-eaf3ff); }
.timeline mark.current-match { background: #ffcf5b; color: #342300; outline: 2px solid #b37400; outline-offset: 2px; border-radius: 2px; }
.timeline mark { scroll-margin-block: 150px; }
@media(max-width:700px) {
.empty-state button { min-height: 44px; }


}
:root { --empty-title: #172a36; --empty-muted: #687780; --empty-border: #dce3ea; }
:root[data-theme="dark"] { --empty-title: #e2e9f2; --empty-muted: #bac8d7; --empty-border: #49617c; }
.empty-state { border-color: var(--empty-border); }
.empty-state h3 { color: var(--empty-title); }
.empty-state p { color: var(--empty-muted); }

.recognition-progress{display:grid;grid-template-columns:10px minmax(0,1fr);column-gap:12px;margin:12px 0;padding:14px 16px;border:1px solid var(--pen-selected-line);border-radius:12px;background:var(--pen-wash);color:var(--pen-ink)}
.recognition-status-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--pen-blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--pen-blue) 14%,transparent);animation:recognition-pulse 1.8s ease-in-out infinite}
.recognition-progress-copy{display:grid;gap:3px;min-width:0;line-height:1.45}
.recognition-progress-copy strong{font-size:.875rem}
.recognition-progress-copy>span{font-size:.8125rem;color:var(--pen-copy)}
.recognition-progress-copy small{font-size:.75rem;color:var(--pen-muted)}
.recognition-track{grid-column:2;display:block;height:4px;margin-top:11px;border-radius:4px;background:var(--pen-selected-line);overflow:hidden}
.recognition-track>span{display:block;height:100%;background:var(--pen-blue);transition:width .3s ease}
@keyframes recognition-pulse{50%{opacity:.45;box-shadow:0 0 0 7px color-mix(in srgb,var(--pen-blue) 8%,transparent)}}
@media(prefers-reduced-motion:reduce){.recognition-status-dot{animation:none}.recognition-track>span{transition:none}}