:root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color:#f2f4f2;background:#101410;color-scheme:dark;font-synthesis:none;font-size:14px;--green:#2bd66b;--muted:#a8aea9;--line:#2b302c;--side:#151815}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:default}button,a,input,select,[contenteditable]:focus-visible{outline-color:#1b9f4b;outline-offset:4px}svg{width:19px;height:19px;stroke-width:1.65;flex-shrink:0}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:262px;position:fixed;inset:0 auto 0 0;background:var(--side);border-right:1px solid var(--line);padding:34px 20px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:650;letter-spacing:-.55px;margin:0 10px 42px}.brand-mark{background:var(--green);width:37px;height:37px;border-radius:12px;display:grid;place-items:center;color:#073818}.brand-mark svg{width:23px;height:23px;stroke-width:2}.brand-sub{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:.1px;margin-top:4px}nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border-radius:8px;font-size:13px;color:#adb4ad;width:100%}.nav-item.active{background:#263329;color:#ebf5ed;font-weight:550}.nav-item:hover,.library-item:hover{background:#252d26}.nav-item svg{width:18px}.library-heading{display:flex;justify-content:space-between;font-size:11px;color:#a1a8a1;margin:34px 14px 12px}.library{flex:1;overflow:auto;margin:0 -4px}.library-empty{font-size:12px;line-height:1.9;color:#a0a8a0;margin:14px 18px}.library-item{width:100%;display:flex;gap:10px;padding:12px 14px;text-align:left;border-radius:8px;align-items:center}.library-item.selected{background:#263329}.library-item svg{color:#adb4ad;width:17px}.library-item span{min-width:0}.library-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:450;max-width:162px}.library-item small{font-size:10px;color:#a1a8a1;display:block;margin-top:5px}.model-card{display:flex;gap:11px;align-items:center;text-align:left;padding:14px 11px;border:1px solid #303831;border-radius:10px;background:#181b18;margin-top:20px}.model-card>svg{color:#a4b0a6;width:17px}.model-card span:nth-child(2){flex:1;min-width:0}.model-card strong{display:block;font-size:12px;font-weight:550}.model-card small{display:block;font-size:10px;color:#a1aaa2;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:6px;height:6px;background:#59645b;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.ready{background:var(--green)}.privacy{display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:#a4aea5;padding-top:20px}.privacy svg{width:13px;height:13px}main{margin-left:262px;width:calc(100% - 262px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 46px;font-size:12px;color:#a8b0a9}.topbar>div{display:flex;align-items:center;gap:10px}.local-badge{display:flex;gap:7px;align-items:center;font-size:11px;color:#b0b8b1}.local-badge svg{width:13px;height:13px}.home{max-width:770px;width:100%;padding:32px 40px 24px;margin:auto;flex:1}.intro{margin-bottom:34px}.intro h1{font-size:43px;line-height:1.12;font-weight:520;letter-spacing:-1.9px;margin:0 0 19px}.intro p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:242px;border:1px dashed #46574a;border-radius:14px;background:#141a16;transition:background .15s,border-color .15s}.dropzone:hover,.dropzone.dragging{background:#19281e;border-color:#2bb85e}.drop-symbol,.record-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#203d29;color:#68db8e;margin-bottom:19px}.drop-symbol svg{width:25px;height:25px}.dropzone h2{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:0 0 8px}.dropzone p{font-size:13px;color:#79cf93;margin:0}.file-types{font-size:11px;color:#a6b0a8;margin-top:23px}.file-options{display:flex;align-items:center;justify-content:space-between;margin:22px 0 30px;gap:20px}.field{display:flex;align-items:center;gap:12px;font-size:11px;color:#afb6af;white-space:nowrap}.field select{font-size:12px;border:1px solid #374039;border-radius:6px;padding:8px 27px 8px 10px;background:#181b18;color:#e4ebe5;max-width:180px}.hint{display:flex;align-items:center;gap:7px;font-size:10px;color:#a8b0a9}.hint svg{width:13px}.local-explanation{display:flex;gap:13px;color:#a8b1a9;border-top:1px solid var(--line);padding-top:24px}.local-explanation svg{width:19px;height:22px;margin-top:2px}.local-explanation p{font-size:11px;line-height:1.8;max-width:490px;margin:0}footer{display:flex;justify-content:space-between;align-items:center;padding:20px 46px;border-top:1px solid var(--line);color:#a0a8a0;font-size:10px;margin-top:20px}footer button{display:flex;align-items:center;gap:6px;font-size:10px;color:#a7b6aa}footer svg{width:12px;height:12px}.icon-button{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;flex-shrink:0}.icon-button:hover{background:#2b322c}.mobile-models{display:none}.primary{background:var(--green);color:#063b17;border-radius:8px;padding:12px 19px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:12px;font-weight:600}.primary:hover{background:#23c761}.primary svg{width:16px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #374039;border-radius:7px;padding:9px 12px;font-size:11px;background:#181b18}.secondary:hover{background:#262f28}.secondary svg{width:14px;height:14px}.text-button{display:flex;align-items:center;gap:7px;font-size:11px;color:#adb4ad;padding:8px 0}.text-button svg{width:13px}.full-width{width:100%}.record-panel{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:14px;padding:27px 20px;background:#141a16}.record-symbol{margin-bottom:14px}.record-panel h2{font-size:18px;font-weight:500;margin:0 0 8px}.record-panel>p{font-size:12px;color:#adb5ae;margin:0 0 26px}.record-options{display:flex;align-items:center;gap:24px;margin-bottom:23px}.checkbox{display:flex;align-items:center;gap:6px;font-size:11px;color:#adb4ad}.checkbox input{accent-color:#22b856}.record-panel+.local-explanation{margin-top:28px}.transcript-view{flex:1;max-width:1050px;width:100%;margin:0 auto;padding:43px 46px 30px}.transcript-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:26px;border-bottom:1px solid var(--line)}.entry-meta{display:flex;gap:14px;font-size:10px;color:#aab3ab}.entry-meta span{color:#a5afa7}.transcript-heading h1{font-size:29px;letter-spacing:-.9px;font-weight:500;line-height:1.25;margin:13px 0 14px;overflow-wrap:anywhere;max-width:650px}.entry-stats{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:#aab4ac}.transcript-actions{display:flex;gap:8px;flex-shrink:0}.export-wrap{display:flex}.export-wrap button{border-radius:7px 0 0 7px;border-right:0}.export-wrap select{font-size:10px;border:1px solid #374039;border-radius:0 7px 7px 0;padding:5px;background:#181b18;color:#bbc5bd;max-width:58px}.transcript-body{font-size:17px;line-height:1.85;color:#dce3dd;max-width:740px;padding:27px 0;min-height:300px;outline-offset:8px}.transcript-body p{margin:0 0 22px}.transcript-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;text-align:center;color:#a2b3a6}.transcript-empty svg{width:30px;height:30px}.transcript-empty p{font-size:12px;line-height:1.8;margin:16px 0 0}.entry-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:10px;color:#a5afa7}.danger{color:#d8a2a2}.processing-bar,.recording-bar{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);font-size:11px;color:#a8aea9}.processing-bar>svg{color:#68db8e}.processing-bar small{display:block;font-size:10px;color:#a6b0a8;margin-top:5px}.processing-bar progress{margin-left:auto;width:160px}.record-dot{width:7px;height:7px;display:inline-block;background:#2bd66b;border-radius:50%;flex-shrink:0}.recording-bar strong{font-weight:500;color:#94d6a5}.recording-bar #queue-status{margin-left:auto;font-size:10px;color:#a6b0a8}.level-meter{height:5px;width:85px;background:#252d26;border-radius:5px;overflow:hidden}.level-meter>div{height:100%;background:var(--green);transition:width .08s}.stop-button{display:flex;gap:8px;align-items:center;background:#29362c;color:#f2f4f2;border-radius:8px;padding:11px 15px;font-size:11px}.stop-button svg{fill:var(--green);stroke:var(--green);width:12px;height:12px}audio{width:100%;height:36px;margin-bottom:22px}.error{margin:20px 46px 0;padding:12px 15px;background:#30251e;border:1px solid #654b3b;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;color:#e9baa1}.error>span{flex:1}.error svg{width:16px}.recovery{font-size:11px;color:#e8cd9e;background:#312b1e;padding:13px;margin-top:20px;border-radius:7px}.drawer-backdrop{position:fixed;inset:0;background:#0008;z-index:10;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{width:385px;max-width:100%;background:#181b18;padding:30px;box-shadow:-8px 0 50px #0004;overflow:auto}.drawer-title{display:flex;justify-content:space-between;align-items:center}.drawer-title h2{font-size:22px;letter-spacing:-.7px;font-weight:550;margin:0}.drawer-copy{font-size:12px;color:#adb5ae;line-height:1.8;margin:23px 0}.model-choices{display:grid;gap:10px}.model-choice{display:flex;gap:10px;align-items:center;border:1px solid #374039;border-radius:9px;padding:17px 12px;cursor:pointer}.model-choice:has(input:checked){border-color:#477b57;background:#1c2d21}.model-choice input{accent-color:#25b65a}.model-choice strong{font-size:12px;font-weight:550}.model-choice small{display:block;font-size:10px;color:#a6b0a8;margin-top:6px}.model-size{font-size:10px;color:#aab4ac;margin-left:auto;white-space:nowrap}.model-load-status{display:flex;align-items:center;gap:9px;font-size:11px;color:#adb5ae;margin:22px 0 17px}.drawer progress{width:100%;margin-bottom:16px;accent-color:var(--green);height:8px}.storage-section{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.storage-section h3{font-size:12px;font-weight:550;margin:0 0 21px}.storage-row{display:flex;justify-content:space-between;font-size:11px;color:#adb5ae;margin:15px 0}.storage-row strong{font-weight:450;color:#d3ded5}.storage-section p{font-size:10px;line-height:1.8;color:#a5afa7;margin:20px 0}.storage-section .text-button{justify-content:center;margin-top:10px}.gpu-details{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:22px;margin-top:22px;color:#a6b3a9;font-size:10px;line-height:1.7}.gpu-details svg{width:15px}@media(min-width:1500px){.home{padding-top:70px}.intro h1{font-size:49px}.dropzone{min-height:280px}}@media(max-width:1050px){.sidebar{width:222px;padding:28px 15px 18px}.brand{font-size:17px;margin-left:5px}.brand-mark{width:34px;height:34px}main{margin-left:222px;width:calc(100% - 222px)}.topbar{padding:0 30px}.home{padding:42px 30px 25px}.intro h1{font-size:38px}.file-options{align-items:flex-start;flex-direction:column;gap:13px}.transcript-view{padding:32px 30px}.transcript-heading{flex-direction:column;align-items:flex-start}.transcript-body{font-size:16px}footer{padding:18px 30px}.error{margin-left:30px;margin-right:30px}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:20px 20px 0;background:#181b18;border-right:0;border-bottom:1px solid var(--line)}.shell{flex-direction:column}.brand{margin:0 0 22px;font-size:18px}.brand-sub{font-size:10px}.sidebar nav{display:flex;gap:8px;margin-bottom:16px}.nav-item{font-size:12px;padding:12px;width:auto;flex:1;justify-content:center}.library-heading,.library,.model-card,.privacy{display:none}main{margin:0;width:100%}.topbar{height:54px;padding:0 23px}.mobile-models{display:grid}.home{padding:34px 24px 24px}.intro h1{font-size:36px}.intro p{font-size:13px}.intro{margin-bottom:29px}.dropzone{min-height:225px}.file-options{margin:20px 0 25px}.local-explanation p{font-size:10px}footer{padding:17px 24px}.transcript-view{padding:28px 24px}.transcript-heading h1{font-size:26px}.transcript-body{font-size:16px;min-height:230px}.entry-bottom{align-items:flex-start;gap:12px}.entry-bottom>span{line-height:1.8;max-width:200px}.error{margin:16px 24px 0}.record-options{flex-direction:column;gap:14px;align-items:flex-start}.recording-bar{flex-wrap:wrap}.recording-bar #queue-status{font-size:9px}.drawer{width:360px;padding:25px}.topbar .local-badge{font-size:10px}.library-item strong{max-width:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.mobile-library{display:none}@media(max-width:700px){.mobile-library{display:block;max-width:115px;font-size:10px;padding:6px;border:1px solid #374039;border-radius:5px;background:#181b18;color:#adb4ad}.topbar:has(.mobile-library) .local-badge{display:none}}