@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");.scribe-wrap{--brand:#2f6df0;--brand2:#2257d6;--teal:#0f3a52;--teal2:#159b8e;--ink:#161b27;--ink2:#3a4356;--mut:#8a93a6;--faint:#aab3c2;--line:#e9edf4;--line2:#dfe5ee;--surface:#fff;--surface2:#f7f9fc;--surface3:#eef3fb;--rec:#ff4d4d;--recd:#d63636;--r:16px;--rs:11px;--shadow:0 1px 2px rgba(22,27,39,.04),0 18px 44px -28px rgba(22,40,80,.5);max-width:1000px;margin:0 auto;padding:12px 22px;display:flex;flex-direction:column;height:100%;min-height:100vh;box-sizing:border-box;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:.005em}.scribe-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.scribe-id{min-width:0}.scribe-h1{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:20px;line-height:1.05;letter-spacing:-.01em;color:var(--teal);margin:0}.scribe-meta{display:flex;align-items:center;gap:7px;margin-top:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500;color:var(--mut);letter-spacing:.01em}.scribe-meta .sm-sep{color:var(--line2)}.scribe-meta .sm-arrow{margin:0 7px;color:var(--faint)}.scribe-meta .sm-live{color:var(--rec);font-weight:700}.scribe-sub{font-size:11.5px;color:var(--mut);margin-top:3px;max-width:540px;line-height:1.45;font-weight:450}.scribe-rec{display:flex;align-items:center;gap:11px}.scribe-dot{width:8px;height:8px;border-radius:50%;background:#cbd2de;flex:0 0 auto;transition:.3s}.scribe-dot.live{background:var(--rec);animation:scpulse 1.25s ease-out infinite}@keyframes scpulse{0%{box-shadow:0 0 0 0 rgba(255,77,77,.55)}70%{box-shadow:0 0 0 9px rgba(255,77,77,0)}to{box-shadow:0 0 0 0 rgba(255,77,77,0)}}.scribe-timer{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:40px}.scribe-btn,.scribe-timer{font-size:13px;font-weight:600;color:var(--ink2)}.scribe-btn{font-family:Hanken Grotesk,sans-serif;letter-spacing:.01em;background:var(--surface);border:1px solid var(--line2);border-radius:var(--rs);padding:9px 15px;cursor:pointer;transition:transform .14s ease,box-shadow .2s ease,background .18s,border-color .18s,color .18s}.scribe-btn:hover{background:var(--surface2);border-color:#c9d2df;color:var(--ink);transform:translateY(-1px)}.scribe-btn:active{transform:translateY(0)}.scribe-btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.scribe-btn.primary{background:linear-gradient(180deg,var(--brand),var(--brand2));border:none;color:#fff;box-shadow:0 6px 16px -4px rgba(34,87,214,.5);padding-left:18px;padding-right:18px}.scribe-btn.primary:hover{box-shadow:0 10px 22px -6px rgba(34,87,214,.6);filter:brightness(1.03)}.scribe-btn.stop{background:#fff;border-color:#ffd0d0;color:var(--recd);box-shadow:0 6px 16px -8px rgba(214,54,54,.4)}.scribe-btn.stop:hover{background:#fff5f5;border-color:#ffb3b3;color:#c22}.scribe-mic{display:flex;align-items:center;gap:10px;margin-top:9px;flex-wrap:wrap;background:var(--surface2);border:1px solid var(--line);border-radius:13px;padding:7px 12px}.scribe-mic-ico{font-size:15px;opacity:.7;filter:grayscale(.2)}.scribe-mic-sel{font-family:Hanken Grotesk,sans-serif;font-size:13px;font-weight:500;color:var(--ink2);background:var(--surface);border:1px solid var(--line2);border-radius:var(--rs);padding:8px 30px 8px 12px;cursor:pointer;max-width:300px;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .18s,box-shadow .18s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a93a6' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.scribe-mic-sel:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(47,109,246,.16)}.scribe-mic-sel:disabled{opacity:.55;cursor:default}.scribe-meter{width:118px;height:7px;border-radius:6px;background:#e4e9f2;overflow:hidden;flex:0 0 auto}.scribe-meter-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--brand),var(--teal2));box-shadow:0 0 8px rgba(21,155,142,.5);transition:width .06s linear}.scribe-wave{flex:1 1 130px;min-width:80px;height:30px;display:block;opacity:.5;transition:opacity .25s}.scribe-wave.on{opacity:1}html.dark .scribe-wave{filter:invert(1)}.scribe-mic-now{font-size:12px;color:var(--ink2);font-weight:500}.scribe-mic-hint{font-size:12px;color:var(--mut)}.scribe-tabs{display:flex;align-items:center;gap:5px;margin-top:10px;padding:3px;background:var(--surface2);border:1px solid var(--line);border-radius:13px}.scribe-tab{position:relative;border:0;background:none;font-family:Hanken Grotesk,sans-serif;font-size:12.5px;font-weight:600;color:var(--mut);padding:7px 14px;cursor:pointer;border-radius:9px;transition:color .18s,background .18s,box-shadow .18s}.scribe-tab:hover{color:var(--ink2)}.scribe-tab.on{color:var(--brand2);background:var(--surface);box-shadow:0 1px 2px rgba(22,27,39,.06),0 2px 8px -3px rgba(34,87,214,.25)}.scribe-spacer{flex:1 1}.scribe-link{border:0;background:none;color:var(--mut);font-family:Hanken Grotesk,sans-serif;font-size:12px;font-weight:600;cursor:pointer;padding:7px 10px;border-radius:9px;transition:color .18s,background .18s}.scribe-link:hover{color:var(--brand);background:var(--surface3)}.scribe-use{border:0;cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--brand),var(--brand2));border-radius:10px;padding:8px 15px;box-shadow:0 6px 16px -6px rgba(34,87,214,.55);transition:transform .14s,box-shadow .2s,filter .18s}.scribe-use:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(34,87,214,.65);filter:brightness(1.04)}.scribe-body{flex:1 1;margin-top:10px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);font-size:14px;line-height:1.62;color:var(--ink2);white-space:pre-wrap;overflow-y:auto;box-shadow:var(--shadow);min-height:58vh;position:relative}.scribe-body::-webkit-scrollbar{width:9px}.scribe-body::-webkit-scrollbar-thumb{background:#d7deea;border-radius:9px;border:2px solid var(--surface)}.scribe-body.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.7px;line-height:1.75;color:var(--ink2);letter-spacing:-.01em}.scribe-body.mono:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:var(--r) var(--r) 0 0;background:linear-gradient(90deg,transparent,var(--brand),var(--teal2),transparent);background-size:200% 100%;opacity:0;transition:opacity .3s}.scribe-body.mono.recording:before{opacity:1;animation:scshimmer 2.2s linear infinite}@keyframes scshimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.soap-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:11px;margin-bottom:13px;border-bottom:1px solid var(--line)}.soap-h-title{font-family:Newsreader,Georgia,serif;font-size:19px;font-weight:600;color:var(--teal)}.soap-h-when{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500;color:var(--mut)}.soap-empty{color:var(--mut);font-size:13.5px;line-height:1.5}.soap-pre{white-space:pre-wrap;font-family:inherit;margin:0}.soap-md{font-size:13.7px;line-height:1.62;color:var(--ink2)}.soap-md>:first-child{margin-top:0}.soap-md h1,.soap-md h2,.soap-md h3,.soap-md h4{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;color:var(--brand2);margin:16px 0 6px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}.soap-md p{margin:7px 0}.soap-md strong{color:var(--ink);font-weight:700}.soap-md p>strong:first-child{color:var(--brand2)}.soap-md ol,.soap-md ul{margin:6px 0 8px;padding-left:19px}.soap-md li{margin:3px 0}.soap-md li::marker{color:var(--brand)}.soap-md hr{border:0;border-top:1px solid var(--line);margin:13px 0}.soap-md table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12.7px}.soap-md td,.soap-md th{border:1px solid var(--line);padding:6px 9px;text-align:left}.soap-md th{background:var(--surface2);font-weight:700}.soap-md code{font-family:JetBrains Mono,monospace;font-size:12px;background:var(--surface3);padding:1px 5px;border-radius:5px}.scribe-saved{display:flex;flex-direction:column;gap:7px}.saved-item{display:block;width:100%;text-align:left;background:var(--surface2);border:1px solid var(--line);border-radius:11px;padding:11px 13px;cursor:pointer;font-family:Hanken Grotesk,sans-serif;transition:.15s}.saved-item:hover{background:var(--surface);border-color:#c9d2df;box-shadow:0 6px 16px -10px rgba(22,40,80,.4)}.saved-when{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;font-weight:500;color:var(--mut)}.saved-title{font-size:13.5px;font-weight:600;color:var(--ink);margin-top:3px;line-height:1.35}html.dark .soap-md th{background:var(--surface3)}.scribe-foot{margin-top:8px;text-align:center;font-size:10.5px;color:var(--faint);letter-spacing:.01em}html.dark .scribe-wrap{--brand:#5e9bff;--brand2:#4f8af0;--teal:#79d2ea;--teal2:#4fd39a;--ink:#e8edf4;--ink2:#c1cad6;--mut:#8a96a8;--faint:#66717f;--line:#283242;--line2:#36425a;--surface:#161c26;--surface2:#1b222e;--surface3:#232c3a;--rec:#ff6b6b;--recd:#ff8a8a;--shadow:0 1px 2px rgba(0,0,0,.4),0 18px 44px -26px rgba(0,0,0,.8);background:#0e131b}html.dark .scribe-dwr{background:#0e131b}html.dark .scribe-dwr-h{background:#0b0f16;border-bottom-color:#283242}html.dark .scribe-dwr-t{color:#79d2ea}html.dark .scribe-dwr-x{background:#161c26;color:#c1cad6;border-color:#36425a}html.dark .scribe-dwr-x:hover{background:#1b222e;color:#e8edf4}html.dark .scribe-btn{background:#161c26;border-color:#36425a;color:#c1cad6}html.dark .scribe-btn:hover{background:#232c3a;border-color:#46546a;color:#e8edf4}html.dark .scribe-btn.primary{background:linear-gradient(180deg,#5e9bff,#4f8af0);color:#fff;box-shadow:0 6px 18px -6px rgba(94,155,255,.5)}html.dark .scribe-btn.primary:hover{filter:brightness(1.06)}html.dark .scribe-btn.stop{background:#241a1f;border-color:#5e2c2c;color:#ff9a9a}html.dark .scribe-btn.stop:hover{background:#2c1d22;border-color:#7a3a3a;color:#ffb3b3}html.dark .scribe-tab{color:#8a96a8}html.dark .scribe-tab:hover{color:#c1cad6}html.dark .scribe-tab.on{background:#232c3a;color:#9cc0ff;box-shadow:0 1px 2px rgba(0,0,0,.45)}html.dark .scribe-link:hover{background:#1b222e;color:#5e9bff}html.dark .scribe-mic-sel{background:#161c26;border-color:#36425a;color:#c1cad6}html.dark .scribe-mic-sel:focus{border-color:#5e9bff;box-shadow:0 0 0 3px rgba(94,155,255,.22)}html.dark .scribe-meter{background:#222a38}html.dark .scribe-body::-webkit-scrollbar-thumb{background:#2c3646;border-color:#161c26}html.dark .soap-md h1,html.dark .soap-md h2,html.dark .soap-md h3,html.dark .soap-md h4{color:#7eb0ff}html.dark .soap-md strong{color:#eef2f8}html.dark .soap-md p>strong:first-child{color:#7eb0ff}html.dark .soap-md code{background:#232c3a;color:#9cc0ff}html.dark .soap-md th{background:#232c3a;color:#e8edf4}html.dark .soap-md td,html.dark .soap-md th{border-color:#283242}html.dark .saved-item{background:#1b222e;border-color:#283242}html.dark .saved-item:hover{background:#232c3a;border-color:#36425a;box-shadow:0 6px 16px -10px rgba(0,0,0,.6)}html.dark .scribe-meta .sm-sep{color:#36425a}