:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;background:#070708;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}html,#root{min-height:100%}body{min-width:320px;min-height:100vh;background:linear-gradient(#0d0d0f 0%,#070708 54%);min-height:100dvh;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #ffffff47}.speechdraft-app{width:100vw;height:100vh;color:#f5f5f5;grid-template-rows:74px minmax(0,1fr) 48px;height:100dvh;display:grid}.top-chrome{z-index:70;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0cc2;border-bottom:1px solid #ffffff12;grid-template-columns:minmax(250px,1fr) minmax(0,auto) minmax(250px,1fr);align-items:center;gap:20px;padding:0 28px;display:grid;position:relative}.brand,.top-actions,.bottom-bar,.bottom-bar>div{align-items:center;display:flex}.brand{color:#ece7df;gap:10px;font-size:.92rem;font-weight:820}.brand svg,.library-toggle svg{color:#f5f5f5}.library-toggle{color:#f5f5f5;background:0 0;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.library-toggle:hover,.library-toggle.active{background:#ffffff12;border-color:#ffffff2e}.document-title-wrap{justify-items:center;gap:2px;width:min(580px,100%);min-width:0;display:grid}.document-title-row{grid-template-columns:16px minmax(0,1fr) 16px;justify-content:center;align-items:center;gap:8px;width:min(420px,100%);min-width:0;display:grid}.recording-dot{background:#ff453a;border-radius:50%;grid-column:1;justify-self:center;width:8px;height:8px;box-shadow:0 0 0 3px #ff453a1f}.document-title-wrap input{color:#fffaf1;text-align:center;background:0 0;border:0;outline:none;grid-column:2;justify-self:center;width:100%;max-width:540px;padding:0 10px;font-size:1rem;font-weight:760}.document-title-wrap input::placeholder{color:#77736c}.document-title-label{color:#fffaf1;text-overflow:ellipsis;white-space:nowrap;grid-column:2;justify-self:center;max-width:100%;font-size:1rem;font-weight:760;overflow:hidden}.top-actions{justify-content:flex-end;gap:10px;min-width:0}.mobile-library-action,.settings-menu .mobile-library-menu-command{display:none}.settings-control{display:inline-flex;position:relative}.quiet-action,.voice-action{color:#f5f5f5;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;font-size:.86rem;font-weight:760;display:inline-flex}.quiet-action{width:40px;height:40px}.quiet-action:hover,.quiet-action.active{background:#ffffff14;border-color:#fff3}.quiet-action:disabled{cursor:default;opacity:.62}.drive-action.connected{background:#ffffff17;border-color:#ffffff3d}.drive-action.disconnected{color:#9fa39f}.drive-action.unavailable{color:#6f746f}.drive-action.error{color:#ff9b91;border-color:#ff78695c}.settings-menu{z-index:60;background:#161618fa;border:1px solid #ffffff1f;border-radius:8px;gap:6px;min-width:260px;padding:5px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 42px #0000006b}.settings-section{border-bottom:1px solid #ffffff12;gap:9px;padding:10px;display:grid}.settings-section-header{color:#d8d8d8;justify-content:space-between;align-items:center;gap:14px;font-size:.76rem;font-weight:760;display:flex}.settings-section-header span:last-child{color:#8d928d;font-variant-numeric:tabular-nums}.settings-section input[type=range]{accent-color:#f5f5f5;width:100%}.text-size-control{grid-template-columns:minmax(0,1fr) 42px 42px;align-items:center;gap:8px;display:grid}.text-size-control input[type=range]{grid-area:1/1/auto/-1;min-width:0}.settings-segmented{background:#ffffff0a;border:1px solid #ffffff17;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;display:grid}.settings-menu button{color:#f5f5f5;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:10px;font-size:.8rem;font-weight:720;display:flex}.text-size-control button{z-index:1;background:#ffffff0d;border:1px solid #ffffff1a;grid-row:2;justify-content:center;gap:0;width:42px;height:42px;padding:0;font-size:.74rem;position:relative}.text-size-control button:first-child{grid-column:2}.text-size-control .text-size-larger{grid-column:3;font-size:.96rem}.settings-segmented button{text-align:center;justify-content:center;padding:7px 9px}.settings-segmented button.active{background:#ffffff1f}.settings-menu button:hover{background:#ffffff14}.settings-menu button:disabled{cursor:default;opacity:.5}.settings-menu-command{width:100%}.correction-popover{z-index:85;background:#161618fa;border:1px solid #ffffff21;border-radius:8px;width:320px;padding:6px;position:fixed;box-shadow:0 18px 42px #00000075}.correction-command,.correction-form button,.dictionary-icon-button,.dictionary-add-form button,.issue-icon-button,.issue-send-button,.issue-trigger{color:#f5f5f5;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.correction-command{gap:9px;width:100%;min-height:38px;padding:0 11px;font-size:.8rem;font-weight:760}.correction-command:hover,.correction-form button:hover,.dictionary-icon-button:hover,.dictionary-add-form button:hover,.issue-icon-button:hover:not(:disabled),.issue-send-button:hover:not(:disabled),.issue-trigger:hover{background:#ffffff14;border-color:#fff3}.correction-form{grid-template-columns:minmax(0,1fr) 36px 36px;gap:7px;display:grid}.correction-form input,.dictionary-add-form input,.dictionary-row input{color:#f5f5f5;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;outline:none;min-width:0}.correction-form input{height:36px;padding:0 10px;font-size:.84rem;font-weight:690}.correction-form button{width:36px;height:36px}.dictionary-backdrop,.issue-backdrop{z-index:90;background:#0000006b;justify-content:center;align-items:flex-start;padding:92px 18px 24px;display:flex;position:fixed;inset:0}.dictionary-panel,.issue-panel{background:#121214fa;border:1px solid #ffffff1f;border-radius:8px;width:min(620px,100vw - 36px);max-height:calc(100vh - 132px);display:grid;overflow:hidden;box-shadow:0 30px 76px #0000008c}.dictionary-panel{grid-template-rows:auto auto minmax(0,1fr)}.issue-panel{grid-template-rows:auto minmax(0,1fr);width:min(480px,100vw - 36px)}.dictionary-header,.issue-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;display:flex}.dictionary-header h2,.issue-header h2{color:#f7f7f7;letter-spacing:0;margin:0;font-size:.96rem;font-weight:780}.dictionary-icon-button,.dictionary-add-form button,.issue-icon-button{flex:none;width:36px;height:36px}.issue-icon-button:disabled,.issue-send-button:disabled{cursor:default;opacity:.45}.issue-form{gap:12px;padding:14px 16px 16px;display:grid}.issue-form textarea{resize:vertical;color:#f5f5f5;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;min-height:150px;padding:12px;font-size:.88rem;line-height:1.45}.issue-form textarea::placeholder{color:#77736c}.issue-form-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.issue-status{color:#8d928d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;font-weight:720;overflow:hidden}.issue-status.sent{color:#cfd4cf}.issue-status.error{color:#ffb7ae}.issue-send-button{gap:8px;min-height:36px;padding:0 12px;font-size:.8rem;font-weight:760}.dictionary-add-form{border-bottom:1px solid #ffffff12;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;gap:9px;padding:12px 16px;display:grid}.dictionary-add-form input,.dictionary-row input{height:38px;padding:0 10px;font-size:.82rem;font-weight:680}.dictionary-add-form input::placeholder{color:#77736c}.dictionary-list{align-content:start;gap:8px;min-height:0;padding:14px 16px 16px;display:grid;overflow-y:auto}.dictionary-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;gap:9px;display:grid}.dictionary-empty{color:#8d928d;text-align:center;border:1px solid #ffffff14;border-radius:8px;padding:18px;font-size:.82rem;font-weight:720}.voice-action{color:#09090a;background:#f5f5f5;border-color:#f5f5f5;border-radius:50%;width:56px;height:56px;box-shadow:0 20px 44px #0000006b}.voice-action svg:not(.quote-mark){stroke-width:2.8px}.voice-action.active{color:#fff;background:#ff453a;border-color:#ff453a;box-shadow:0 20px 44px #0000006b,0 0 0 1px #ff453a2e}.voice-action.subdued,.voice-action:disabled{cursor:default;opacity:.34}.voice-action.unavailable{color:#b7bbb7;background:#ffffff1f;border-color:#fff3;box-shadow:0 14px 34px #00000047}.voice-action.warning{border-radius:50%;flex-direction:column;gap:3px;width:68px;height:68px}.voice-countdown{color:currentColor;font-variant-numeric:tabular-nums;text-align:center;min-width:0;font-size:.66rem;font-weight:820;line-height:1}.quote-mark{fill:currentColor;width:35px;height:27px;display:block}.dictation-control{z-index:20;flex-direction:column;align-items:center;gap:10px;min-width:56px;display:flex;position:fixed;bottom:24px;right:24px}.voice-status{color:#d8d8d8;text-align:right;background:#121214f0;border:1px solid #ffffff1a;border-radius:8px;width:max-content;max-width:min(300px,100vw - 32px);padding:10px 12px;font-size:.76rem;font-weight:720;line-height:1.28;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 18px 42px #0000005c}.voice-status.error{color:#ffb7ae;background:#2c1412f0;border-color:#ff78696b}.writing-stage{overscroll-behavior:contain;min-height:0;padding:42px 28px 34px;display:block;position:relative;overflow:hidden auto}.library-stage{overscroll-behavior:contain;min-height:0;padding:44px 28px 48px;overflow:hidden auto}.library-shell{width:min(920px,100vw - 72px);margin:0 auto}.library-controls{justify-content:center;align-items:center;gap:18px;margin-bottom:28px;display:flex}.search-field{color:#8d928d;background:#ffffff0a;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:10px;width:min(360px,100%);height:42px;padding:0 13px;display:flex}.search-field input{color:#f5f5f5;background:0 0;border:0;outline:none;width:100%;min-width:0}.search-field input::placeholder{color:#77736c}.library-actions{align-items:center;gap:10px;display:flex}.library-command{color:#f5f5f5;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 14px;font-size:.84rem;font-weight:760;display:inline-flex}.library-command:hover{background:#ffffff14;border-color:#fff3}.library-command:disabled{cursor:default;opacity:.45}.document-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:16px;display:grid}.document-card{aspect-ratio:.72;color:#f5f5f5;background:#151517;border:1px solid #ffffff14;border-radius:6px;min-height:242px;position:relative;overflow:hidden;box-shadow:0 22px 62px #00000052,inset 0 1px #ffffff0a}.document-card:hover,.document-card.active{background:#19191c;border-color:#ffffff2e}.document-card-open{width:100%;height:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-rows:auto auto minmax(0,1fr);align-content:start;justify-items:start;padding:22px 18px 18px;display:grid}.document-card-title{color:#f7f7f7;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:calc(100% - 28px);font-size:.96rem;font-weight:780;line-height:1.3;display:-webkit-box;overflow:hidden}.document-menu-trigger{color:#b9b9b9;opacity:.78;background:#0a0a0c7a;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;top:10px;right:9px}.document-card:hover .document-menu-trigger,.document-menu-trigger:focus-visible{opacity:1}.document-menu-trigger:hover{color:#f5f5f5;background:#ffffff14;border-color:#ffffff1f}.document-menu{z-index:30;background:#161618fa;border:1px solid #ffffff1f;border-radius:8px;min-width:148px;padding:5px;display:grid;position:absolute;top:42px;right:9px;box-shadow:0 18px 42px #0000006b}.document-menu button{color:#f5f5f5;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:9px 10px;font-size:.78rem;font-weight:720;display:flex}.document-menu button:hover{background:#ffffff14}.document-menu .danger-menu-item,.danger-action{color:#ff9b91}.document-card-date{color:#8d928d;margin-top:7px;font-size:.76rem;font-weight:700}.document-card-preview{color:#cfcfcf;-webkit-line-clamp:7;-webkit-box-orient:vertical;width:100%;margin-top:24px;font-family:Georgia,Times New Roman,serif;font-size:.78rem;font-weight:500;line-height:1.62;display:-webkit-box;overflow:hidden}.document-card-preview.empty{background:repeating-linear-gradient(#0000 0 18px,#ffffff12 19px,#0000 20px);height:100%;min-height:120px}.library-empty{color:#8d928d;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:22px;font-size:.86rem;font-weight:720}.paper-shell{width:min(var(--paper-width,760px), calc(100vw - 72px));margin:0 auto}.paper-shell textarea{resize:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;color:#f7f7f7;width:100%;min-height:calc(100vh - 210px);font-family:Georgia,Times New Roman,serif;font-size:var(--editor-text-size,19.5px);background:#151517;border:1px solid #ffffff14;border-radius:10px;outline:none;margin:0 auto;padding:74px 86px 96px;line-height:1.84;overflow:hidden;box-shadow:0 38px 90px #00000085,inset 0 1px #ffffff0d}.paper-shell textarea::placeholder{color:#77736c}.bottom-bar{color:#8d928d;background:#0a0a0cd1;border-top:1px solid #ffffff12;justify-content:space-between;gap:18px;padding:0 28px;font-size:.76rem;font-weight:720}.bottom-bar>div{gap:14px;min-width:0}.footer-status{flex:1;overflow:hidden}.footer-status span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bottom-bar .footer-actions{flex:1;justify-content:flex-end}.issue-trigger{color:#8d928d;background:0 0;border-color:#0000;flex:0 0 30px;width:30px;height:30px}.footer-command{color:#f5f5f5;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:.78rem;font-weight:760;display:inline-flex}.footer-command:hover:not(:disabled){background:#ffffff12;border-color:#ffffff2e}.footer-command:disabled{cursor:default;opacity:.45}.voice-strip{opacity:0;flex:1;justify-content:center;align-items:center;max-width:420px;display:flex}.voice-strip.active{opacity:1}.voice-meter{background:#ffffff12;border-radius:999px;width:148px;height:3px;overflow:hidden}.voice-meter span{border-radius:inherit;background:#cdcfcd9e;height:100%;transition:width .12s;display:block}.voice-error{z-index:80;color:#ffb7ae;background:#2c1412eb;border:1px solid #ff78696b;border-radius:8px;max-width:min(420px,100vw - 48px);padding:13px 15px;font-size:.84rem;font-weight:690;position:fixed;bottom:28px;right:104px;box-shadow:0 22px 52px #00000061}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){body{overflow:hidden}.speechdraft-app{height:100vh;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh}.top-chrome{padding:max(14px, env(safe-area-inset-top)) 10px 12px;grid-template-columns:auto minmax(0,1fr);gap:9px 8px}.brand{grid-area:1/1;gap:8px;min-width:0;font-size:.88rem}.document-title-wrap{grid-area:2/1/auto/-1;justify-items:center}.document-title-wrap input{text-align:center;padding:0;font-size:16px}.document-title-row{justify-content:center;width:min(300px,100%)}.top-actions{grid-area:1/2;justify-content:flex-end;gap:6px;width:100%}.quiet-action{flex:0 0 36px;width:36px;height:36px}.settings-menu{top:122px;top:calc(max(14px, env(safe-area-inset-top)) + 108px);width:auto;min-width:0;max-height:calc(100vh - 152px);max-height:calc(100dvh - 152px);position:fixed;left:12px;right:12px;overflow-y:auto}.mobile-library-action{display:inline-flex}.mobile-trash-action{display:none}.settings-menu .mobile-library-menu-command{display:flex}.writing-stage{padding:18px 12px}.library-stage{padding:18px 12px 28px}.left-rail,.right-presence{display:none}.paper-shell,.library-shell{width:100%}.library-controls{grid-template-columns:1fr;justify-content:stretch;align-items:stretch;gap:12px;width:100%;margin-bottom:16px;display:grid}.search-field{width:100%}.search-field input,.correction-form input,.dictionary-add-form input,.dictionary-row input,.issue-form textarea{font-size:16px}.library-actions{justify-content:flex-end;width:100%}.library-command{padding:0 12px}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.document-card{min-height:214px}.document-card-open{padding:18px 14px 14px}.document-card-preview{-webkit-line-clamp:6;margin-top:18px;font-size:.74rem;line-height:1.55}.paper-shell textarea{width:100%;min-height:58vh;min-height:58dvh;font-size:var(--editor-text-size,19.5px);border-radius:10px;padding:42px 30px 64px}.bottom-bar{grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:10px;min-height:84px;padding:12px 124px 16px 16px;display:grid}.bottom-bar>div{justify-content:flex-start;min-width:0}.footer-status{grid-area:1/1;gap:8px;max-width:100%}.footer-status span{max-width:7.5rem}.voice-strip{grid-area:2/1;justify-content:flex-start;max-width:148px}.library-bottom-bar{min-height:60px;padding:12px 16px max(12px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr)}.library-bottom-bar>div:nth-child(2),.library-bottom-bar .footer-actions{display:none}.bottom-bar .footer-actions{grid-area:1/2;justify-content:flex-end;justify-self:end}.dictation-control{right:max(14px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));flex-direction:row;gap:8px;min-width:0;max-width:calc(100vw - 28px)}.settings-page-width,.settings-paragraph-style{display:none}.voice-error{max-width:calc(100vw - 32px);bottom:112px;right:16px}.correction-popover{width:min(320px,100vw - 24px)}.dictionary-backdrop,.issue-backdrop{padding:84px 12px 18px}.dictionary-panel,.issue-panel{width:100%;max-height:calc(100vh - 108px);max-height:calc(100dvh - 108px)}.dictionary-add-form,.dictionary-row{grid-template-columns:minmax(0,1fr) 36px}.dictionary-add-form input:first-child,.dictionary-row input:first-child{grid-column:1/-1}}@media (max-width:520px){.paper-shell textarea{padding:34px 24px 112px}}
