[hidden]{display:none!important}
.flash-stack{position:fixed;z-index:200;right:22px;top:86px;display:grid;gap:8px;max-width:420px}.flash{background:#161616;color:#fff;border-left:5px solid var(--lime);padding:14px 14px 14px 18px;box-shadow:0 12px 35px #0003;font-size:13px;transition:.3s;display:flex;align-items:flex-start;gap:12px}.flash>p{flex:1;margin:0}.flash-close{border:0;background:none;color:#8f8f8f;font-size:19px;line-height:1;padding:0 2px;cursor:pointer;flex:0 0 auto}.flash-close:hover,.flash-close:focus-visible{color:#fff}.flash-error{border-color:#ed5b5b}.flash.leaving{opacity:0;transform:translateY(-10px);pointer-events:none}
.auth-page .site-header{display:none}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-intro{background:#171717;color:#fff;padding:70px clamp(32px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.auth-intro .brand{position:absolute;top:38px;color:#fff}.auth-intro .brand-mark i{background:var(--lime)}.auth-intro h1{font-size:clamp(60px,7vw,100px);line-height:.86;letter-spacing:-.075em;margin:0 0 38px}.auth-intro h1 em{font-family:var(--serif);font-weight:500;color:var(--lime)}.auth-intro p{max-width:520px;color:#aaa;font-size:18px}.auth-intro>a:last-child{font-size:12px;border-bottom:1px solid #777;width:max-content;margin-top:22px}.auth-card{background:#faf8f2;padding:12vh clamp(35px,9vw,135px);display:flex;flex-direction:column;justify-content:center}.auth-card h2{font-size:48px;letter-spacing:-.05em;margin-bottom:6px}.auth-card>p{color:var(--muted)}.auth-card form{margin-top:30px}.auth-card label{display:block;font-size:12px;font-weight:700;margin:0 0 19px}.auth-card input:not([type=checkbox]){display:block;width:100%;border:1px solid #bbb;background:#fff;padding:13px;margin-top:7px;outline:none}.auth-card input:focus{border-color:#111}.auth-card label small{display:block;color:#888;margin-top:5px}.auth-card .check-row{display:flex;gap:8px;align-items:center;font-weight:500}.auth-card .button{width:100%}.auth-divider{display:flex;align-items:center;gap:15px;color:#999;font-size:11px;margin:26px 0 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#ddd;flex:1}.auth-switch{font-size:13px;margin-top:32px!important}.auth-switch a{font-weight:700;border-bottom:1px solid}
.product-page{background:#f7f5ef}.product-page .site-header{display:none}.product-nav{height:64px;background:#171717;color:#fff;display:flex;align-items:center;padding:0 34px;gap:28px}.product-nav .brand{margin-right:20px}.product-nav .brand-mark i{background:var(--lime)}.product-nav>a:not(.brand),.product-nav button{font-size:11px;color:#bbb;background:none;border:0}.product-nav>a:hover,.product-nav button:hover{color:#fff}.product-nav>span{flex:1}.product-nav form{margin:0}.product-dashboard{max-width:1440px;margin:auto;padding:55px 48px 100px}.dashboard-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;padding-bottom:55px}.dashboard-head h1{font-size:clamp(48px,5.5vw,78px);line-height:.95;letter-spacing:-.065em;margin-bottom:18px}.dashboard-head>div>p:last-child{color:var(--muted);font-size:17px}.overline{font:10px var(--mono);letter-spacing:.15em}.new-project-form{background:var(--lime);border:1px solid var(--ink);padding:24px;display:flex;align-items:flex-end;gap:15px}.new-project-form label{font-size:11px;font-weight:700;flex:1}.new-project-form input{display:block;background:transparent;border:0;border-bottom:1px solid #111;width:100%;padding:9px 0;outline:0}.workspace-search{display:flex;border:1px solid var(--ink);background:#fff;margin-bottom:55px}.workspace-search input{flex:1;border:0;padding:16px 20px;outline:0}.workspace-search button{border:0;border-left:1px solid var(--ink);background:#fff;padding:0 25px;font-weight:700}.dashboard-layout{display:grid;grid-template-columns:1fr 330px;gap:55px}.product-section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);margin-bottom:20px}.product-section-title h2{font-size:25px}.product-section-title span{font:10px var(--mono);color:#777}.project-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project-card{background:#fff;border:1px solid #cfcbc1;min-height:250px;padding:24px;display:flex;flex-direction:column;transition:.2s}.project-card:hover{border-color:#111;transform:translateY(-3px)}.project-card:nth-child(3n+2){background:#e8e1ff}.project-card:nth-child(3n){background:#e0f3ee}.project-status{font:9px var(--mono);text-transform:uppercase;color:#777}.project-card h3{font-size:28px;line-height:1.05;margin:45px 0 12px}.project-card p{font-size:13px;color:#666}.project-card>div{display:flex;gap:13px;margin-top:auto;font:9px var(--mono);color:#777}.shared-title{margin-top:55px}.dashboard-aside{display:grid;gap:18px;align-content:start}.dashboard-aside>section{border:1px solid #cbc7bd;padding:25px;background:#eeebe3}.dashboard-aside h2{font-size:16px}.dashboard-aside p{font-size:11px;color:#777}.usage-number{display:flex;align-items:end;gap:8px}.usage-number b{font-size:34px}.usage-number span{font:9px var(--mono);margin-bottom:9px}.usage-track{height:5px;background:#d3d0c7;margin:12px 0}.usage-track i{display:block;height:100%;background:var(--violet)}.job-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #d4d0c7}.job-dot{width:7px;height:7px;border-radius:50%;background:#999}.job-dot.succeeded{background:var(--teal)}.job-dot.failed{background:#d44}.job-dot.queued,.job-dot.processing{background:var(--orange)}.job-row span{display:flex;flex-direction:column}.job-row b{font-size:11px;text-transform:capitalize}.job-row small{font:9px var(--mono);color:#888}.empty-product{padding:45px;border:1px dashed #aaa;background:#f5f2eb}.empty-product h3{font-size:22px}.empty-product p{color:#777}
.private-search,.voice-page{max-width:1300px;margin:auto;padding:80px 48px 120px}.private-search>a{font:10px var(--mono)}.private-search h1,.voice-page h1{font-size:clamp(56px,7vw,92px);line-height:.9;letter-spacing:-.075em;margin:60px 0 45px}.private-search h1 em,.voice-page h1 em{font:500 1em var(--serif)}.private-search>form{display:flex;background:#fff;border:1px solid var(--ink)}.private-search>form input{flex:1;border:0;padding:18px;outline:0;font-size:17px}.private-results{margin-top:70px}.private-results>a{display:grid;grid-template-columns:100px 1fr;padding:25px 0;border-bottom:1px solid #d1cdc3}.private-results>a>span{font:9px var(--mono)}.private-results h3{font-size:22px;margin:0 0 6px}.private-results p{grid-column:2;color:#777;margin:0}.voice-page>header{display:grid;grid-template-columns:1fr 400px;align-items:end;gap:60px}.voice-page>header h1{margin-bottom:0}.voice-page>header>p{color:#666;font-size:17px}.voice-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;margin-top:80px}.voice-summary,.voice-samples{border-top:1px solid var(--ink);padding-top:25px}.voice-summary h2,.voice-samples h2{font-size:22px}.voice-summary blockquote{font:500 32px/1.4 var(--serif);margin:45px 0;background:#e7dfff;padding:35px}.voice-summary>p{color:#777}.voice-samples>form{background:var(--lime);border:1px solid;padding:22px}.voice-samples textarea{width:100%;min-height:160px;border:0;background:#f8ffd2;padding:15px;resize:vertical}.voice-samples article{border-bottom:1px solid #ccc;padding:26px 10px}.voice-samples article p{font:16px/1.7 Georgia,serif}.voice-samples article small{font:9px var(--mono);color:#777}
.product-workspace{overflow:hidden;background:#f8f6f0}.product-workspace .site-header{display:none}.strut-app{height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr) 310px;color:#181818}.app-sidebar{background:#e9e6de;border-right:1px solid #ccc8be;padding:20px 14px;display:flex;flex-direction:column;min-height:0;overflow:auto}.app-sidebar>.brand{margin:0 8px 22px}.all-projects{font:9px var(--mono);color:#777;padding:7px 8px}.app-sidebar h2{font-size:17px;line-height:1.2;padding:0 8px;margin:10px 0 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar small{font:9px var(--mono);letter-spacing:.11em;color:#888;margin:18px 8px 6px}.app-sidebar nav{display:grid}.app-sidebar nav a,.app-sidebar nav button{border:0;background:none;color:inherit;text-align:left;padding:8px;border-radius:3px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar nav a.active,.app-sidebar nav button.active{background:#d5d1c8}.app-sidebar nav span{display:inline-block;width:22px}.app-sidebar nav i{float:right;font-style:normal;color:#999}.inline-create{display:flex;margin:0 7px 3px}.inline-create input{width:calc(100% - 30px);border:1px solid #c8c4ba;background:#f5f3ed;padding:7px;font-size:10px}.inline-create button{width:30px;border:0;background:#171717;color:#fff}.sidebar-bottom{margin-top:auto;padding-top:30px;display:grid}.sidebar-bottom a{font-size:10px;padding:6px 8px;color:#666}.app-main{min-width:0;overflow:auto;position:relative}.app-topbar{height:54px;position:sticky;top:0;z-index:4;background:#f8f6f0eF;backdrop-filter:blur(9px);border-bottom:1px solid #d0ccc3;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font:9px var(--mono)}.app-topbar>div{display:flex;align-items:center;gap:14px}.app-topbar button,.app-topbar a{border:1px solid #bbb;background:none;padding:6px 9px}.app-menu{display:none}.app-document{max-width:850px;margin:auto;padding:75px 70px 40px}.app-document-title{width:100%;border:0;outline:0;background:none;font:700 52px/1.03 var(--sans);letter-spacing:-.055em}.document-line{display:flex;gap:18px;margin:19px 0 70px;font:9px var(--mono);color:#888}.app-editor{min-height:55vh;outline:0;font:20px/1.85 Georgia,serif}.app-editor h1,.app-editor h2,.app-editor h3{font-family:var(--sans);line-height:1.1}.app-editor h2{font-size:30px;margin-top:50px}.app-editor blockquote{border-left:5px solid var(--violet);margin:35px -30px;padding:16px 30px;background:#ebe5ff}.editor-footer{border-top:1px solid #d6d2c9;margin-top:70px;padding-top:12px;display:flex;justify-content:space-between;font:9px var(--mono);color:#999}.app-material-panel{padding:65px max(35px,6vw);max-width:1200px;margin:auto}.app-material-panel>header{position:relative;border-bottom:1px solid var(--ink);padding-bottom:30px;margin-bottom:35px}.app-material-panel>header h1{font-size:55px;letter-spacing:-.055em;line-height:1}.app-material-panel>header p{color:#777;max-width:620px}.app-material-panel>header>.button,.app-material-panel>header>form{position:absolute;right:0;bottom:30px}.app-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.app-note{background:#fff;border:1px solid #c9c5bb;padding:18px;min-height:230px}.app-note>div{display:flex}.app-note input{width:100%;border:0;border-bottom:1px solid #ddd;font-weight:700;padding:5px 0;outline:0}.app-note button{border:0;background:none;color:#999}.app-note textarea{border:0;width:100%;min-height:140px;padding:12px 0;resize:vertical;outline:0;font:14px/1.6 Georgia,serif}.app-note small{font:8px var(--mono);color:#aaa}.audio-capture{margin-top:45px;background:#171717;color:#fff;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:5px 30px}.audio-capture h2{font-size:24px}.audio-capture p{font-size:12px;color:#aaa}.audio-capture>div{grid-column:2;grid-row:1/3;align-self:center;display:flex;gap:9px}.audio-capture .button{color:#fff;border-color:#777}.source-upload,.collaborator-form{background:var(--lime);border:1px solid;padding:24px;display:flex;gap:15px;align-items:end;margin-bottom:35px}.source-upload label,.collaborator-form label{font-size:11px;font-weight:700;flex:1}.source-upload input,.collaborator-form input,.collaborator-form select{display:block;width:100%;border:0;border-bottom:1px solid;padding:10px;background:#f9ffd9;margin-top:7px}.source-list,.version-list{border-top:1px solid}.source-list article,.version-list article{padding:24px 5px;border-bottom:1px solid #ccc}.source-list article>div,.version-list article>div{display:flex;justify-content:space-between}.source-list article span,.version-list article span{font:9px var(--mono);color:#777}.source-list article p,.version-list article p{font-size:13px;color:#666;max-width:750px}.source-list article a,.version-list article button{font-size:10px;border:0;border-bottom:1px solid;background:none;padding:0}.structure-board{display:grid;grid-template-columns:repeat(3,1fr)}.structure-board article{border:1px solid;padding:28px;min-height:250px;margin-right:-1px}.structure-board small{font:9px var(--mono)}.structure-board p{font:22px/1.45 var(--serif);margin-top:55px}.member-list article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;border-bottom:1px solid #d0ccc3;padding:15px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;font-weight:700}.member-list article>div:nth-child(2){display:flex;flex-direction:column}.member-list span{font-size:10px;color:#777}.member-list small{font:9px var(--mono)}.comments{margin-top:60px;border-top:1px solid;padding-top:25px}.comments>form{display:grid;gap:8px;background:#eeebe4;padding:20px}.comments textarea,.comments input{border:1px solid #ccc;padding:11px}.comments article{border-bottom:1px solid #ccc;padding:22px}.comments article header{display:flex;justify-content:space-between}.comments article header span{font:9px var(--mono);color:#888}.comments blockquote{font:14px Georgia,serif;border-left:3px solid #aaa;padding-left:12px;color:#777}.comments article.resolved{opacity:.5}.comments article button{border:0;border-bottom:1px solid;background:none;font-size:10px}.ai-sidebar{background:#1b1b1b;color:#fff;border-left:1px solid #333;padding:20px 17px;overflow:auto}.ai-sidebar>header{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--lime);padding-bottom:20px;border-bottom:1px solid #444}.ai-sidebar>header button{background:none;border:0;color:#fff}.ai-sidebar>header [data-close-ai]{display:none}.ai-sidebar>p{font-size:11px;color:#999;margin:20px 0}.ai-sidebar label{font-size:9px;font-family:var(--mono);color:#aaa;display:block;margin:13px 0}.ai-sidebar select,.ai-sidebar textarea{display:block;width:100%;background:#282828;color:#fff;border:1px solid #555;padding:10px;margin-top:7px}.ai-sidebar textarea{min-height:80px;resize:vertical}.ai-sidebar>.button{width:100%;margin-top:7px}.ai-job-status{font:9px/1.5 var(--mono);color:#aaa;margin:17px 0}.ai-output{min-height:160px;background:#eee9df;color:#181818;padding:17px;white-space:pre-wrap;font:13px/1.6 Georgia,serif;max-height:330px;overflow:auto}.ai-output-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ai-output-actions button,.image-maker button{border:1px solid #555;background:none;color:#fff;padding:7px;font-size:9px}.image-maker{border-top:1px solid #444;margin-top:25px;padding-top:16px}.image-maker summary{font-size:11px;cursor:pointer}.image-maker img{margin-top:12px}.image-maker a{display:block;color:var(--lime);font-size:10px;margin-top:7px}.ai-toggle{display:none;position:fixed;right:18px;bottom:18px;z-index:8;background:var(--lime);border:1px solid;padding:12px 17px;font-weight:700}.strut-app.focus-mode{grid-template-columns:1fr}.strut-app.focus-mode .app-sidebar,.strut-app.focus-mode .ai-sidebar{display:none}
@media(max-width:1100px){.dashboard-layout{grid-template-columns:1fr}.dashboard-aside{grid-template-columns:1fr 1fr}.strut-app{grid-template-columns:220px 1fr}.ai-sidebar{position:fixed;z-index:12;right:0;top:0;bottom:0;width:330px;transform:translateX(105%);transition:.2s;box-shadow:-10px 0 30px #0005}.strut-app.ai-open .ai-sidebar{transform:none}.ai-sidebar>header [data-close-ai]{display:block}.ai-toggle{display:block}.app-note-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:440px;padding:90px 25px 55px}.auth-intro .brand{top:25px}.auth-intro h1{font-size:57px}.auth-card{padding:65px 25px}.product-nav{padding:0 15px;gap:15px}.product-nav>a:not(.brand){display:none}.product-dashboard,.private-search,.voice-page{padding:45px 20px 80px}.dashboard-head{grid-template-columns:1fr;gap:25px}.new-project-form{display:block}.new-project-form .button{margin-top:14px}.project-card-grid,.dashboard-aside,.voice-layout,.voice-page>header{grid-template-columns:1fr}.private-search h1,.voice-page h1{font-size:53px}.private-results>a{grid-template-columns:1fr}.private-results p{grid-column:1}.strut-app{grid-template-columns:1fr}.app-sidebar{position:fixed;z-index:15;inset:0 22% 0 0;transform:translateX(-105%);transition:.2s;box-shadow:10px 0 30px #0004}.app-sidebar.open{transform:none}.app-menu{display:block}.app-document{padding:55px 24px}.app-document-title{font-size:40px}.document-line{flex-wrap:wrap;margin-bottom:45px}.app-material-panel{padding:45px 20px}.app-material-panel>header h1{font-size:43px}.app-material-panel>header>.button,.app-material-panel>header>form{position:static;margin-top:20px}.app-note-grid,.structure-board{grid-template-columns:1fr}.audio-capture{grid-template-columns:1fr}.audio-capture>div{grid-column:1;grid-row:auto;flex-wrap:wrap}.source-upload,.collaborator-form{display:grid}.strut-app.focus-mode .app-main{display:block}}

.source-actions{display:flex;gap:18px}.source-actions form{margin:0}.source-actions button{font-size:10px;border:0;border-bottom:1px solid;background:none;padding:0}.structure-board p[contenteditable=true]{outline:0}.structure-board p[contenteditable=true]:focus{background:#fffad8}.structure-board select{width:100%;border:0;border-bottom:1px solid;background:transparent;padding:8px 0}
.account-page{max-width:1240px;margin:auto;padding:75px 48px 110px}.account-page>header{display:grid;grid-template-columns:1fr 420px;align-items:end;gap:50px}.account-page>header h1{font-size:clamp(58px,7vw,90px);line-height:.88;letter-spacing:-.07em}.account-page>header h1 em{font:500 1em var(--serif)}.account-page>header p{font-size:17px;color:#666}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:65px}.account-grid>section{border:1px solid #c9c5bc;padding:30px;background:#fff}.account-grid h2{font-size:22px}.account-grid form label{display:block;font-size:11px;font-weight:700;margin-bottom:16px}.account-grid input{display:block;width:100%;border:0;border-bottom:1px solid #aaa;padding:10px 0}.account-grid .button{margin:10px 7px 0 0}.account-stat{border-top:1px solid #ddd;padding:14px 0;display:flex;align-items:baseline;gap:10px}.account-stat b{font-size:26px}.account-stat span{font:9px var(--mono);color:#777}.account-jobs{margin-top:60px}.account-jobs article{display:grid;grid-template-columns:20px 1fr 100px 180px 100px;align-items:center;padding:15px 5px;border-bottom:1px solid #ccc}.account-jobs article b{font-size:12px;text-transform:capitalize}.account-jobs article span,.account-jobs article small,.account-jobs article a{font:9px var(--mono);color:#777}
@media(max-width:760px){.account-page{padding:45px 20px 80px}.account-page>header,.account-grid{grid-template-columns:1fr}.account-jobs article{grid-template-columns:18px 1fr 75px}.account-jobs article small{display:none}}

/* Page-aware research reader */
.source-reader-page{overflow:hidden;background:#e9e6de}.source-reader-page .site-header{display:none}.source-reader{height:100vh;display:grid;grid-template-rows:64px 1fr}.source-reader>header{display:grid;grid-template-columns:190px 130px minmax(0,1fr) auto;align-items:center;gap:22px;padding:0 26px;background:#171717;color:#fff}.source-reader>header .brand-mark i{background:var(--lime)}.source-reader>header>a{font-size:10px;color:#bbb}.source-reader>header>div{display:flex;min-width:0;flex-direction:column}.source-reader>header>div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-reader>header>div span{font:8px var(--mono);color:#999;margin-top:3px}.source-reader>main{display:grid;grid-template-columns:minmax(0,1fr) 430px;min-height:0}.source-preview{background:#555;min-width:0}.source-preview iframe{width:100%;height:100%;border:0;background:#555}.source-preview pre{height:100%;margin:0;overflow:auto;padding:55px max(35px,7vw);white-space:pre-wrap;background:#f9f7f0;font:17px/1.75 Georgia,serif}.source-inspector{background:#f6f3eb;border-left:1px solid #c9c4b9;overflow:auto}.source-inspector>nav{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);background:#f6f3eb;border-bottom:1px solid #bbb6aa}.source-inspector>nav button{border:0;border-right:1px solid #d4d0c6;background:none;padding:17px 6px;font:9px var(--mono)}.source-inspector>nav button.active{background:var(--lime);color:#111}.source-inspector>[data-source-panel]{padding:25px}.source-help{font-size:12px;line-height:1.55;color:#777}.processing-card{background:#ece8df;border:1px solid #d0cbc0;padding:18px;margin:20px 0}.processing-card b{font-size:13px}.processing-card p{font-size:11px;color:#777;margin-bottom:0}.processing-card.error{border-color:#ca7777}.source-pages{display:grid;gap:10px;margin:24px 0}.source-pages article{border:1px solid #cbc6ba;background:#fff}.source-pages article header{display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid #dedad2}.source-pages article header b{font-size:10px}.source-pages article header span{font:8px var(--mono);color:#6550a3}.source-pages article header button{margin-left:auto;border:0;border-bottom:1px solid;background:none;font-size:9px}.source-pages article p{max-height:180px;overflow:hidden;padding:4px 12px 12px;font:12px/1.65 Georgia,serif;color:#555}.clip-form{display:grid;gap:12px;border-top:1px solid;padding-top:22px}.clip-form label{font-size:10px;font-weight:700}.clip-form input,.clip-form textarea,.source-inspector textarea{display:block;width:100%;margin-top:6px;border:1px solid #bbb6aa;background:#fff;padding:11px}.clip-form textarea{min-height:130px}.source-inspector h2{font-size:26px}.source-starters{display:grid;gap:7px;margin:20px 0}.source-starters button{border:1px solid #c9c5ba;background:#fff;text-align:left;padding:10px;font-size:11px}.source-inspector [data-source-question]{min-height:110px;resize:vertical}.source-inspector [data-ask-source]{margin-top:9px}.source-answer{white-space:pre-wrap;background:#1b1b1b;color:#eee;padding:20px;margin-top:18px;min-height:150px;font:13px/1.65 Georgia,serif}.saved-clip{border-bottom:1px solid #ccc7bc;padding:20px 0}.saved-clip span{font:8px var(--mono);color:#777}.saved-clip blockquote{margin:10px 0;font:14px/1.6 Georgia,serif}.saved-clip a{font-size:10px;border-bottom:1px solid}

/* Export, snapshot sharing, and manuscript comparison */
.export-menu{position:relative}.export-menu summary{list-style:none;border:1px solid #bbb;padding:6px 9px;cursor:pointer}.export-menu summary::-webkit-details-marker{display:none}.export-menu nav{position:absolute;right:0;top:32px;width:170px;display:grid;background:#fff;border:1px solid #aaa;box-shadow:0 10px 25px #0002}.export-menu nav a{border:0;border-bottom:1px solid #ddd;padding:11px 13px;font:10px var(--sans);white-space:nowrap}.version-actions{display:flex!important;justify-content:flex-start!important;gap:18px}.version-actions a,.version-actions button{font-size:10px;border:0;border-bottom:1px solid;background:none;padding:0}.snapshot-share{position:relative;background:#e8e1ff;border:1px solid #181818;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:40px;margin-bottom:24px}.snapshot-share h2{font-size:23px;margin-bottom:6px}.snapshot-share p{font-size:12px;color:#625d6c;max-width:520px}.snapshot-share form{display:flex;gap:10px;align-items:end}.snapshot-share label{font-size:10px;font-weight:700;flex:1}.snapshot-share input,.snapshot-share select{display:block;width:100%;border:0;border-bottom:1px solid;background:#f5f1ff;padding:9px 4px;margin-top:6px}.snapshot-share .share-url{display:block;overflow-wrap:anywhere;font-size:11px;text-decoration:underline;margin-top:18px}.snapshot-share small{display:block;font:8px var(--mono);margin-top:6px}.snapshot-share .revoke-share{position:absolute;right:28px;bottom:8px}.snapshot-share .revoke-share button{border:0;border-bottom:1px solid;background:none;color:#7a3030;font-size:9px}.compare-shell{max-width:1100px;margin:auto;padding:65px 45px 110px}.compare-shell>a{font:10px var(--mono)}.compare-shell>header{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end;margin:55px 0 45px;border-bottom:1px solid;padding-bottom:35px}.compare-shell>header span{font:9px var(--mono)}.compare-shell h1{font-size:clamp(48px,7vw,82px);line-height:.94;letter-spacing:-.06em;margin:12px 0}.compare-shell header p{color:#777}.compare-shell dl{display:flex;margin:0}.compare-shell dl div{padding:15px 22px;border-left:1px solid #bbb}.compare-shell dt{font:8px var(--mono);text-transform:uppercase}.compare-shell dd{font-size:30px;margin:5px 0 0}.diff-manuscript{background:#fff;border:1px solid #cbc7bd;padding:45px max(25px,7vw)}.diff-manuscript article{display:grid;grid-template-columns:24px 1fr;padding:10px 12px;margin:0 -12px}.diff-manuscript article>span{font:12px var(--mono)}.diff-manuscript p{font:16px/1.7 Georgia,serif;margin:0}.diff-added{background:#e4f6df}.diff-added>span{color:#247126}.diff-removed{background:#ffe5e1;text-decoration:line-through;color:#805b57}.diff-unchanged>span{color:transparent}
.shared-page{background:#dfff35}.shared-page .site-header,.shared-page .site-footer{display:none}.shared-shell{min-height:100vh}.shared-shell>header{height:68px;background:#171717;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,70px)}.shared-shell>header .brand-mark i{background:var(--lime)}.shared-shell>header>span{font:9px var(--mono);color:#aaa}.share-lock{max-width:720px;padding:15vh 40px;margin:auto}.share-lock>span{font:9px var(--mono)}.share-lock h1{font-size:clamp(52px,7vw,80px);line-height:.94;letter-spacing:-.065em;margin:22px 0}.share-lock p{max-width:570px}.share-lock form{display:flex;margin-top:35px}.share-lock input{flex:1;border:1px solid #111;padding:15px;background:#f8ffd3}.form-error{color:#8c1d1d;font-weight:700}.shared-document{display:grid;grid-template-columns:300px minmax(0,800px);gap:7vw;justify-content:center;padding:80px 35px 120px}.share-context{padding-top:30px}.share-context span{font:9px var(--mono)}.share-context p{font-size:14px;line-height:1.6}.shared-paper{background:#fff;padding:70px clamp(35px,7vw,90px);box-shadow:0 30px 80px #60740833}.shared-paper>h1{font-size:clamp(45px,6vw,72px);line-height:1;letter-spacing:-.055em;margin-bottom:60px}.shared-copy{font:19px/1.8 Georgia,serif}.shared-copy h1,.shared-copy h2,.shared-copy h3{font-family:var(--sans);line-height:1.15;margin-top:1.7em}.shared-copy blockquote{border-left:5px solid var(--violet);padding:12px 25px;margin:35px 0;background:#f3efff}.retention-note{font-size:11px;line-height:1.55;color:#777;border-left:3px solid var(--orange);padding-left:12px}.ai-credit{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:3px 9px;background:#292929;border:1px solid #4c4c4c;padding:11px 12px;margin:14px 0}.ai-credit b{font-size:18px;color:var(--lime)}.ai-credit span{font:8px var(--mono);color:#aaa}.ai-credit a{grid-column:1/-1;color:var(--lime);font-size:9px;text-decoration:underline}.ai-credit form{grid-column:1/-1;margin:0}.ai-credit form button{border:0;border-bottom:1px solid var(--lime);background:none;color:var(--lime);padding:0;font-size:9px}.processing-card>a,.dashboard-aside section>p a{font-weight:700;text-decoration:underline}

@media(max-width:900px){.source-reader>main{grid-template-columns:1fr}.source-preview{display:none}.source-inspector{border-left:0}.snapshot-share{grid-template-columns:1fr}.snapshot-share .revoke-share{position:static;margin-top:12px}.shared-document{grid-template-columns:1fr;max-width:850px;margin:auto}.share-context{max-width:480px}.compare-shell>header{grid-template-columns:1fr}}
@media(max-width:620px){.source-reader>header{grid-template-columns:110px 1fr auto;padding:0 14px;gap:12px}.source-reader>header>a:nth-child(2){display:none}.source-reader>main{min-height:calc(100vh - 64px)}.source-inspector>[data-source-panel]{padding:18px}.snapshot-share form{display:grid}.shared-document{padding:45px 15px 80px}.shared-paper{padding:45px 25px}.share-lock{padding:12vh 22px}.share-lock form{display:grid}.compare-shell{padding:45px 18px 80px}.compare-shell dl{flex-wrap:wrap}.diff-manuscript{padding:25px 18px}}

.auth-card .google-btn{margin-top:30px}.auth-provider-note{font-size:12px!important;line-height:1.65;margin-top:18px;max-width:440px}
.ai-upgrade-btn{width:100%;justify-content:center;margin:-4px 0 16px;padding:12px;font-size:12.5px;font-weight:800}
.sidebar-bottom a.sidebar-upgrade{background:var(--lime);border:1px solid var(--ink);color:#111;font-weight:800;font-size:11px;text-align:center;padding:10px 8px;margin-bottom:8px;border-radius:0}
.dash-upgrade{margin-top:14px;width:100%;justify-content:center;font-size:13px}
.product-nav a.nav-upgrade{background:var(--lime);border:1px solid var(--ink);color:#111;font-weight:800;padding:8px 14px}
.image-maker-note{font-size:10.5px;color:#999;line-height:1.6;margin:10px 0 4px}
.doc-outline{display:grid;margin:0 0 4px}.app-sidebar .doc-outline button{border:0;background:none;text-align:left;padding:5px 8px;font-size:10.5px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid transparent;border-radius:0}.app-sidebar .doc-outline button:hover{color:#111;border-left-color:var(--ink);background:none}.app-sidebar .doc-outline .outline-h1{font-weight:800}.app-sidebar .doc-outline .outline-h2{font-weight:700}.app-sidebar .doc-outline .outline-h3{padding-left:20px;color:#777}.app-sidebar .doc-outline .outline-empty{display:block;width:auto;font-size:9.5px;color:#999;padding:4px 8px;line-height:1.5;white-space:normal}.outline-flash{animation:outlineFlash 1.3s ease-out}@keyframes outlineFlash{0%,60%{background:#dfff3f66}100%{background:transparent}}
.editor-toolbar{position:sticky;top:54px;z-index:3;display:flex;align-items:center;gap:2px;background:#fffdf6;border:1px solid #d6d2c9;padding:4px 6px;margin-bottom:26px;width:max-content}.editor-toolbar button{border:0;background:none;min-width:30px;height:28px;padding:0 7px;font:600 12px var(--sans);color:#444}.editor-toolbar button:hover{background:#efece4}.editor-toolbar button.active{background:var(--ink);color:var(--lime)}.editor-toolbar i{width:1px;height:18px;background:#ddd9d0;margin:0 4px}
.find-bar{position:sticky;top:96px;z-index:3;display:flex;align-items:center;gap:6px;background:#171717;color:#fff;padding:8px 10px;margin-bottom:20px;flex-wrap:wrap}.find-bar input{background:#282828;border:1px solid #555;color:#fff;padding:7px 9px;font-size:12px;width:170px}.find-bar button{border:1px solid #555;background:none;color:#fff;padding:6px 9px;font-size:11px}.find-bar button:hover{border-color:var(--lime);color:var(--lime)}.find-count{font:9px var(--mono);color:#aaa;min-width:60px}
::highlight(strut-find){background:#dfff3f7a;color:inherit}::highlight(strut-find-current){background:var(--lime);color:#111}
.stats-panel{position:sticky;top:96px;z-index:3;background:#fff;border:1px solid var(--ink);box-shadow:8px 9px 0 rgba(0,0,0,.16);padding:18px 20px;margin-bottom:26px}.stats-panel header{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid #e2ded5;padding-bottom:10px;margin-bottom:14px}.stats-panel header b{font-size:14px}.stats-panel header span{font:8.5px var(--mono);color:#999;flex:1}.stats-panel header button{border:0;background:none;font-size:17px;color:#666}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 18px}.stats-grid div{display:flex;flex-direction:column}.stats-grid b{font:500 20px/1.1 var(--serif)}.stats-grid span{font:8.5px var(--mono);color:#888;margin-top:3px;letter-spacing:.05em}.stats-note{font-size:12px;color:#666;border-top:1px solid #e2ded5;margin:14px 0 0;padding-top:11px;line-height:1.6}
.goal-block{display:flex;align-items:center;gap:10px}.goal-track{width:110px;height:5px;background:#e2ded5;overflow:hidden}.goal-track i{display:block;height:100%;background:#8a8570;transition:width .3s}.goal-track i.done{background:#5da114}.goal-text{border:0;background:none;font:9px var(--mono);color:#999;padding:0;letter-spacing:.05em}.goal-text:hover{color:#111;border-bottom:1px solid}.session-words{font:9px var(--mono);color:#5da114}
.ai-diff{margin-top:14px;border:1px solid #555}.ai-diff header{display:block;padding:10px 12px;border-bottom:1px solid #444}.ai-diff header b{font-size:12px;display:block}.ai-diff header span{font:8.5px var(--mono);color:#999;line-height:1.5}.ai-diff-body{background:#eee9df;color:#181818;padding:14px;font:13px/1.65 Georgia,serif;max-height:260px;overflow:auto}.ai-diff-body ins{background:#d3f8a3;text-decoration:none;padding:1px 0}.ai-diff-body del{background:#ffd6d0;color:#8c1d1d;padding:1px 0}.ai-diff-actions{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #444}.ai-diff-actions .button{padding:9px 13px;font-size:11px}.ai-diff-actions button:not(.button){border:1px solid #555;background:none;color:#fff;padding:8px 11px;font-size:10.5px}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.editor-toolbar{width:auto;flex-wrap:wrap}.goal-track{width:70px}}
.inline-create{flex-wrap:wrap}.inline-create .template-pick{width:100%;margin-top:4px;border:1px solid #c8c4ba;background:#f5f3ed;padding:6px;font-size:10px;color:#555}
.app-topbar button.active{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.strut-app.typewriter .app-editor>*{transition:opacity .25s}.strut-app.typewriter .app-editor>*:not(.tw-active){opacity:.28}
.restore-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff7d6;border:1px solid var(--ink);padding:12px 16px;margin:20px 0 0;font-size:12.5px}.restore-bar button{border:1px solid var(--ink);background:#fff;padding:7px 11px;font-size:11px;font-weight:700}.restore-bar button:first-of-type{background:var(--lime)}
.pick-version{font-size:10px;color:#777;display:inline-flex;align-items:center;gap:5px;margin-left:14px;cursor:pointer}.pick-version input{accent-color:#151515}
.app-material-panel>header>.compare-picked,.compare-picked{position:static;margin-top:14px;background:var(--lime);border-color:var(--ink);padding:10px 15px;font-size:12px}
.source-ask{border-top:1px solid #444;margin-top:25px;padding-top:16px}.source-ask summary{font-size:11px;cursor:pointer}.source-ask button{border:1px solid #555;background:none;color:#fff;padding:7px;font-size:9px;margin-top:8px}.source-ask button:hover{border-color:var(--lime);color:var(--lime)}
.writing-days .streak-row{display:flex;gap:26px;margin:10px 0 14px}.writing-days .streak-row b{font:500 26px/1 var(--serif);display:block}.writing-days .streak-row span{font:8.5px var(--mono);color:#888}.activity-bars{display:flex;align-items:flex-end;gap:3px;height:44px;border-bottom:1px solid #d6d2c9;padding-bottom:1px}.activity-bars i{flex:1;background:#dcd8cd;min-height:2px}.activity-bars i.has-words{background:#151515}.writing-days p{font-size:10.5px;color:#999;margin-top:10px;line-height:1.5}
::highlight(strut-speech){background:#cfe4ff;color:#111}
.app-topbar select[data-voice-pick]{border:1px solid #bbb;background:none;padding:5px 6px;font:9px var(--mono);max-width:150px;color:#555}
.narration-maker{border-top:1px solid #444;margin-top:25px;padding-top:16px}.narration-maker summary{font-size:11px;cursor:pointer}.narration-maker button{border:1px solid #555;background:none;color:#fff;padding:7px;font-size:9px;margin-top:8px}.narration-maker button:hover{border-color:var(--lime);color:var(--lime)}.narration-maker audio{width:100%;margin-top:12px;height:36px}.narration-maker a{display:block;color:var(--lime);font-size:10px;margin-top:7px}[data-narration-result]{font-size:10px;color:#aaa;margin-top:8px;line-height:1.5}
.ai-sidebar input[data-expand-length]{display:block;width:100%;background:#282828;color:#fff;border:1px solid #555;padding:10px;margin-top:7px}
.new-project-form.project-limit{display:block}.project-limit b{font-size:14px}.project-limit p{font-size:11.5px;color:#3f4033;margin:6px 0 12px}
.project-card-wrap{position:relative;display:flex}.project-card-wrap .project-card{flex:1}.project-delete{position:absolute;top:10px;right:10px;margin:0;opacity:0;transition:.15s}.project-card-wrap:hover .project-delete,.project-delete:focus-within{opacity:1}.project-delete button{width:26px;height:26px;border:1px solid var(--ink);background:#fff;color:var(--ink);font-size:15px;line-height:1}.project-delete button:hover{background:#c73a3a;border-color:#c73a3a;color:#fff}
.ai-sidebar .button.out-of-credit{background:#282828;color:var(--lime);border:1px dashed #6d7a1c}
.ai-sidebar .button.out-of-credit:hover{background:var(--lime);color:#111;border-style:solid}
.sidebar-close{display:none}
@media(max-width:760px){.sidebar-close{display:block;position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid #c8c4ba;background:#f5f3ed;color:#333;font-size:19px;line-height:1;z-index:2}.app-sidebar{position:fixed}.app-topbar{gap:8px}.app-topbar [data-current-view]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22vw;flex:0 1 auto}.app-topbar>div{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:74vw}.app-topbar>div::-webkit-scrollbar{display:none}.app-topbar button,.app-topbar a,.app-topbar details{white-space:nowrap;flex:0 0 auto}.app-topbar select[data-voice-pick]{max-width:110px;flex:0 0 auto}.editor-toolbar{position:static;margin-bottom:18px}.find-bar{top:54px}.find-bar input{flex:1;min-width:96px;width:auto}.stats-panel{top:54px;padding:14px}.editor-footer{flex-wrap:wrap;gap:8px 14px}.goal-block{flex-wrap:wrap}.ai-diff-actions{flex-wrap:wrap}.version-actions{flex-wrap:wrap;display:flex;gap:8px 14px;align-items:center}.pick-version{margin-left:0}.demo-prompt-actions{flex-wrap:wrap}}
@media(max-width:480px){.ai-sidebar{width:100vw}.strut-app.ai-open .ai-toggle{display:none}.app-document{padding:45px 16px}.app-document-title{font-size:33px}.app-editor{font-size:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.narration-maker audio{height:32px}}
@media(hover:none){.project-delete{opacity:1}.app-sidebar nav a,.app-sidebar nav button,.doc-outline button{padding-top:10px;padding-bottom:10px}}
.activity-feed{border-top:1px solid var(--ink)}.activity-feed article{display:grid;grid-template-columns:16px 1fr auto;gap:12px;align-items:baseline;padding:15px 5px;border-bottom:1px solid #d6d2c9}.event-dot{width:8px;height:8px;border-radius:50%;background:#999;position:relative;top:1px}.event-dot.event-ai{background:var(--violet)}.event-dot.event-document,.event-dot.event-version{background:var(--teal)}.event-dot.event-source{background:var(--orange)}.event-dot.event-comment,.event-dot.event-collaborator{background:var(--blue)}.event-dot.event-project{background:#151515}.activity-feed b{font-size:13px}.activity-feed article>div span{font-size:12px;color:#777;margin-left:8px}.activity-feed small{font:9px var(--mono);color:#888;white-space:nowrap}
@media(max-width:760px){.activity-feed article{grid-template-columns:12px 1fr}.activity-feed small{grid-column:2}}
.doc-limit{margin:0 7px 6px;padding:10px;background:#e3e0d8;border:1px solid #c8c4ba}.doc-limit b{display:block;font-size:10.5px;margin-bottom:8px}
.daily-grant{border:1px solid var(--ink);background:#fff;padding:18px 22px;margin-bottom:22px;display:flex;flex-direction:column;gap:6px}
.daily-grant.is-new{background:#f7ffe0;border-color:#a8c91a}
.daily-grant b{font-size:15px;letter-spacing:-.02em}
.daily-grant p{margin:0;font-size:13px;color:#4f4d48;line-height:1.6}
.daily-grant p a{border-bottom:1px solid currentColor;font-weight:600}
.daily-grant-bar{height:5px;background:var(--rule);margin-top:6px;overflow:hidden}
.daily-grant-bar i{display:block;height:100%;background:var(--ink)}
.daily-grant.is-new .daily-grant-bar i{background:#7f9c00}

/* --- Admin panel ------------------------------------------------------- */
.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 64px)}
.admin-side{background:#1a2233;color:#cfd8dc;padding:18px 0;font-family:var(--sans)}
.admin-side h2{color:#fff;font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:0 18px;margin:0 0 14px}
.admin-side a{display:flex;align-items:center;gap:10px;padding:10px 18px;color:#cfd8dc;font-size:14px}
.admin-side a:hover,.admin-side a.active{background:#4d73c0;color:#fff}
.admin-side i{width:16px;text-align:center;font-style:normal;opacity:.85}
.admin-side-foot{padding:18px;margin-top:22px;border-top:1px solid #2a3348;font-size:12px;color:#8a99b3;line-height:1.7}
.admin-side-foot strong{color:#e8edf5;word-break:break-all}
.admin-side-exit{display:block!important;padding:10px 0 0!important;color:#8a99b3!important;font-size:12px}
.admin-main{padding:26px 30px;background:#f6f8fb;font-family:var(--sans);min-width:0}
.admin-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.admin-main h1{font:700 26px/1.1 var(--sans);letter-spacing:-.03em;margin:0;color:#1a2233}
.admin-card{background:#fff;border:1px solid #e3e8ef;border-radius:6px;padding:18px 20px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.admin-card>h2{font:600 13px var(--sans);letter-spacing:0;margin:0 0 14px;color:#1a2233}
.admin-card>h2 span{font:400 12px var(--sans);color:#6c757d;margin-left:8px}
.admin-kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-bottom:16px}
.admin-kpi>div{background:#fff;border:1px solid #e3e8ef;border-radius:6px;padding:16px 18px}
.admin-kpi .v{font:700 28px/1 var(--sans);letter-spacing:-.03em;color:#1a2233}
.admin-kpi .l{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6c757d;margin-top:7px}
.admin-kpi .s{font-size:12px;color:#6c757d;margin-top:5px}
table.admin{width:100%;border-collapse:collapse;font-size:13px}
table.admin th,table.admin td{padding:9px 11px;border-bottom:1px solid #e9ecef;vertical-align:top;text-align:left}
table.admin th{background:#f1f3f7;font:600 11px var(--sans);letter-spacing:.02em;color:#42506b;white-space:nowrap}
table.admin tr:hover td{background:#fafbfc}
table.admin td a{border-bottom:1px solid #cbd5e5}
table.admin .num{text-align:right;font-variant-numeric:tabular-nums}
.admin-table-wrap{overflow-x:auto}
.badge{display:inline-block;padding:2px 7px;border-radius:3px;font:600 11px var(--sans)}
.badge-pro,.badge-ok,.badge-done{background:#d4edda;color:#155724}
.badge-free,.badge-info{background:#e2e3e5;color:#383d41}
.badge-warn,.badge-queued,.badge-running{background:#fff3cd;color:#856404}
.badge-error,.badge-failed{background:#f8d7da;color:#721c24}
.admin-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.admin-toolbar input[type=search],.admin-toolbar input[type=text]{padding:7px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px;min-width:230px}
.admin-toolbar a,.admin-toolbar button{padding:7px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:12px;font-weight:600;color:#42506b}
.admin-toolbar a.on,.admin-toolbar button[type=submit]{background:#4d73c0;border-color:#4d73c0;color:#fff}
.admin-flash{padding:11px 14px;border-radius:5px;margin-bottom:14px;font-size:13px}
.admin-flash-success{background:#d4edda;color:#155724}
.admin-flash-error,.admin-flash-danger{background:#f8d7da;color:#721c24}
.admin-pager{display:flex;gap:10px;align-items:center;margin-top:14px;font-size:13px;color:#6c757d}
.admin-pager a{padding:5px 11px;border:1px solid #ced4da;border-radius:4px;background:#fff;font-weight:600;color:#42506b}
.admin-spark{display:flex;align-items:flex-end;gap:3px;height:60px;margin-top:10px}
.admin-spark i{flex:1;background:#4d73c0;border-radius:2px 2px 0 0;min-height:2px;font-style:normal}
.admin-spark i.zero{background:#dde3ec}
.admin-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.admin-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.admin-actions form{display:inline}
.admin-actions button,.admin-actions select{padding:7px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:12px;font-weight:600;color:#42506b}
.admin-dl{display:grid;grid-template-columns:auto 1fr;gap:7px 18px;font-size:13px;margin:0}
.admin-dl dt{color:#6c757d}
.admin-dl dd{margin:0;color:#1a2233;word-break:break-word}
.admin-empty{color:#6c757d;font-size:13px;padding:14px 0}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-side{display:none}.admin-grid2{grid-template-columns:1fr}.admin-main{padding:20px}}
.rc-backfill{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.rc-btn{background:#4d73c0;color:#fff;border:0;padding:9px 16px;border-radius:5px;font:600 13px var(--sans);cursor:pointer}
.rc-btn:hover{background:#3f61a6}
.rc-legend{display:flex;gap:18px;margin:2px 0 8px;font-size:12px;color:#6c757d;flex-wrap:wrap}
.rc-key{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.pay-reason{color:#6c757d;font-family:var(--mono);font-size:11px}

/* --- Workspace nav: primary actions + plan state ------------------------ */
.product-nav .nav-spacer{flex:1}
.nav-action{font-weight:600}
.nav-create{margin:0;display:flex}
.nav-create button{background:var(--lime);color:#111;border:0;padding:8px 14px;border-radius:4px;
  font:600 13px var(--sans);cursor:pointer;white-space:nowrap}
.nav-create button:hover{background:#cbe61a}
.nav-create-blocked{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:4px;
  border:1px dashed #6a6a6a;color:#9a9a9a!important;font:600 13px var(--sans);white-space:nowrap}
.nav-create-blocked span{font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#d98a5a}
.nav-create-blocked:hover{border-color:var(--lime);color:#fff!important}
.nav-plan{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;
  font:600 12px var(--sans);white-space:nowrap}
.nav-plan i{font-style:normal;font:500 10px var(--mono);opacity:.75}
.nav-plan-free{background:#2b2b2b;color:#e8e8e8!important;border:1px solid #444}
.nav-plan-pro{background:var(--lime);color:#111!important;border:1px solid var(--lime)}
.nav-limit-bar{background:#fff4e5;border-bottom:1px solid #e8c9a0;color:#6b4a20;
  padding:11px 34px;font-size:13px;line-height:1.6}
.nav-limit-bar b{color:#4a3315}
.nav-limit-bar a{border-bottom:1px solid currentColor;font-weight:600}

@media(max-width:760px){
  /* The blanket rule above hides every nav link on phones; the primary
     actions and the plan badge must stay. */
  .product-nav>a.nav-keep,.product-nav>form.nav-keep{display:inline-flex}
  .product-nav{flex-wrap:wrap;height:auto;padding:10px 15px;gap:10px;row-gap:10px}
  .product-nav .brand{margin-right:auto}
  .nav-create button,.nav-create-blocked,.nav-action{font-size:12px;padding:7px 11px}
  .nav-plan{padding:5px 10px;font-size:11px}
  .nav-limit-bar{padding:10px 15px;font-size:12px}
}

/* Landing on #project-<ref> from the nav: make it obvious which card was meant.
   scroll-margin keeps the card clear of the fixed nav; the flash fades so it
   does not linger as permanent decoration. */
.project-card-wrap{scroll-margin-top:90px}
.project-card-wrap:target .project-card{outline:2px solid var(--lime);outline-offset:3px}
.project-card-wrap:target{animation:cardFound 1.8s ease-out 1}
@keyframes cardFound{0%{background:rgba(223,255,63,.55)}100%{background:transparent}}
@media(prefers-reduced-motion:reduce){.project-card-wrap:target{animation:none}}

/* --- Guided tour -------------------------------------------------------- */
.tour-overlay{position:fixed;inset:0;z-index:400}
.tour-overlay[hidden]{display:none}
/* A huge shadow spread paints everything except the cutout, so the highlighted
   element stays fully interactive-looking without a canvas or four divs. */
.tour-spot{position:absolute;border-radius:6px;box-shadow:0 0 0 9999px rgba(15,14,13,.68);
  outline:2px solid var(--lime);transition:all .25s ease;pointer-events:none}
.tour-card{position:absolute;width:min(360px,calc(100vw - 24px));background:#fff;color:#151515;
  border:1px solid var(--ink);border-radius:8px;padding:20px 22px 16px;
  box-shadow:0 22px 50px rgba(0,0,0,.32);font-family:var(--sans)}
.tour-count{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a}
.tour-card h2{font:700 19px/1.25 var(--sans);letter-spacing:-.02em;margin:8px 0 8px}
.tour-body{font-size:14px;line-height:1.65;color:#4f4d48;margin:0}
.tour-actions{display:flex;align-items:center;gap:10px;margin-top:18px}
.tour-spacer{flex:1}
.tour-actions button{font:600 13px var(--sans);padding:8px 14px;border-radius:5px;cursor:pointer}
.tour-skip{background:none;border:0;color:#8a8a8a;padding-left:0}
.tour-skip:hover{color:#151515;text-decoration:underline}
.tour-back{background:#fff;border:1px solid #ccc;color:#42506b}
.tour-next{background:var(--ink);border:1px solid var(--ink);color:#fff}
.tour-next:hover{background:#000}
body.has-tour{overflow:hidden}
.tour-launch{background:none;border:0;color:inherit;font:inherit;cursor:pointer;
  border-bottom:1px solid currentColor;padding:0}
@media(prefers-reduced-motion:reduce){.tour-spot{transition:none}}
@media(max-width:760px){
  .tour-card{left:12px!important;right:12px;width:auto;
    top:auto!important;bottom:14px;transform:none!important}
}
.product-nav .tour-launch{color:#bdbdbd;font:600 13px var(--sans);border-bottom-color:transparent}
.product-nav .tour-launch:hover{color:#fff;border-bottom-color:currentColor}
@media(max-width:760px){.product-nav>button.nav-keep{display:inline-flex}.product-nav .tour-launch{font-size:12px}}
/* Document rows: the delete control only appears on hover/focus, so the list
   stays calm but the action is reachable by keyboard. The row is a <div>, not a
   <span>: `.app-sidebar nav span` pins the icon span to 22px, and a span wrapper
   inherited that width, collapsing every document title to nothing. */
.document-list .doc-row{display:flex;align-items:center;gap:4px;border-radius:3px}
.document-list .doc-row.active{background:#d5d1c8}
.document-list .doc-row>a{flex:1;min-width:0}
.document-list .doc-row form{display:flex;margin:0}
.doc-delete{border:0;background:none;color:#8a857a;font-size:15px;line-height:1;
  padding:6px 8px;cursor:pointer;opacity:0;transition:opacity .15s}
.doc-row:hover .doc-delete,.doc-delete:focus-visible{opacity:1}
.doc-delete:hover{color:#a4341f}
/* Collapsible AI panel: the header stays, the body folds away, and the column
   narrows so the draft gets the space back. */
.ai-sidebar header{display:flex;align-items:center;gap:8px}
.ai-sidebar header span{flex:1}
.ai-sidebar header button{background:none;border:0;color:#9a9a9a;font-size:18px;line-height:1;
  padding:2px 6px;cursor:pointer}
.ai-sidebar header button:hover{color:#fff}
.ai-sidebar.is-collapsed .ai-panel-body{display:none}
.ai-sidebar.is-collapsed{padding-bottom:14px}
/* Collapsing folds the panel into a narrow rail on the right and gives the
   column back to the draft. The grid root is `.strut-app`; the previous rule
   named `.app-shell`, which is not a class this page has, so the 310px column
   stayed exactly where it was and collapsing only emptied it.
   The class is set by script rather than with :has(), so the width change and
   the folding are driven by the same switch. */
@media(min-width:761px){
  .strut-app.ai-collapsed{grid-template-columns:238px minmax(0,1fr) 46px}
  .ai-sidebar.is-collapsed{padding:20px 10px;overflow:hidden;min-width:0}
  .ai-sidebar.is-collapsed>header{justify-content:center;padding-bottom:0;border-bottom:0}
  .ai-sidebar.is-collapsed>header>span{display:none}
}

/* --- Long-form composer -------------------------------------------------- */
.notes-actions{display:flex;gap:10px;flex-wrap:wrap}
body.has-overlay{overflow:hidden}
.lf-overlay{position:fixed;inset:0;z-index:220}
.lf-overlay[hidden]{display:none}
.lf-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(20,18,17,.6);cursor:pointer}
.lf-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(660px,calc(100vw - 28px));
  max-height:min(86vh,760px);display:flex;flex-direction:column;background:var(--paper);
  border:1px solid var(--ink);box-shadow:0 26px 60px rgba(0,0,0,.32)}
.lf-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;border-bottom:1px solid var(--rule)}
.lf-panel>header h2{font:700 20px var(--sans);letter-spacing:-.02em;margin:0}
.lf-panel>header button{background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--muted)}
.lf-body{overflow:auto;padding:18px 22px;display:grid;gap:22px}
.lf-body h3{font:600 13px var(--sans);margin:0 0 10px}
.lf-body h3 span{font-weight:400;color:var(--muted)}
.lf-actions-inline{display:flex;gap:8px;margin-bottom:8px}
.lf-actions-inline button{border:1px solid var(--rule);background:#fff;border-radius:4px;
  padding:4px 10px;font:600 11px var(--sans);cursor:pointer}
.lf-notes{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:210px;overflow:auto;
  border:1px solid var(--rule);background:#fff;padding:8px}
.lf-notes label{display:flex;gap:10px;align-items:flex-start;padding:6px;cursor:pointer;border-radius:3px}
.lf-notes label:hover{background:var(--paper)}
.lf-notes span{display:grid;gap:2px;min-width:0}
.lf-notes b{font-size:13px}
.lf-notes i{font-style:normal;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lf-lengths{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.lf-length{border:1px solid var(--rule);background:#fff;padding:10px;cursor:pointer;display:flex;gap:8px;align-items:flex-start}
.lf-length:has(input:checked){border-color:var(--ink);background:#fbffe6}
.lf-length span{display:grid}
.lf-length b{font-size:15px;letter-spacing:-.02em}
.lf-length i{font-style:normal;font-size:11px;color:var(--muted)}
.lf-locked{opacity:.55;cursor:not-allowed}
.lf-custom-row{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px}
.lf-custom-row input{width:110px;padding:6px 8px;border:1px solid var(--rule)}
.lf-note{color:var(--muted);font-size:12px}
.lf-empty{color:var(--muted);font-size:13px;margin:0}
.lf-body textarea{width:100%;padding:9px 11px;border:1px solid var(--rule);font:inherit;font-size:13px;resize:vertical}
.lf-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:16px 22px;border-top:1px solid var(--rule)}
.lf-cost{font-size:12px;color:var(--muted)}
.lf-panel>footer>div{display:flex;gap:10px}
.lf-panel>footer button{padding:9px 15px;border:1px solid var(--rule);background:#fff;
  font:600 13px var(--sans);cursor:pointer}
.lf-panel>footer .button-lime{background:var(--lime);border-color:var(--lime);color:#111}
.lf-panel>footer button[disabled]{opacity:.5;cursor:not-allowed}
@media(max-width:640px){.lf-panel{max-height:94vh;width:calc(100vw - 16px)}}
.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:22px}
.rules-grid fieldset{border:1px solid var(--rule);background:#fff;padding:14px 16px;margin:0}
.rules-grid legend{font:600 13px var(--sans);padding:0 6px}
.rules-grid p{margin:0 0 10px;font-size:12px;color:var(--muted);line-height:1.5}
.rules-options{display:flex;flex-wrap:wrap;gap:6px}
.rules-options label{border:1px solid var(--rule);border-radius:3px;padding:5px 10px;
  font:600 12px var(--sans);cursor:pointer}
.rules-options label.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.rules-options input{position:absolute;opacity:0;width:0;height:0}
.rules-options label:focus-within{outline:2px solid var(--lime);outline-offset:2px}
.project-find{display:flex;gap:10px;margin-bottom:20px;max-width:640px}
.project-find input{flex:1;padding:11px 13px;border:1px solid var(--ink);font:inherit;font-size:14px}
.project-find button{padding:11px 18px;border:1px solid var(--ink);background:var(--ink);color:#fff;
  font:600 13px var(--sans);cursor:pointer}
.find-count{font-size:12px;color:var(--muted);margin:0 0 14px}
.find-empty{font-size:14px;color:var(--muted)}
.find-hit{border-top:1px solid var(--rule);padding:14px 0}
.find-hit a{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.find-hit b{font-size:15px;letter-spacing:-.01em}
.find-hit i{font-style:normal;font-size:12px;color:var(--muted)}
.find-kind{font:500 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;
  border:1px solid var(--rule);padding:3px 6px;color:var(--muted)}
.find-hit p{margin:0 0 6px;font:15px/1.7 Georgia,serif;color:#3f3d38}
.find-hit mark{background:var(--lime);color:#111;padding:0 2px}
.referral-card{border:1px solid var(--ink);background:#fbffe6;padding:22px 24px;margin-bottom:22px}
.referral-card h2{font:700 19px var(--sans);letter-spacing:-.02em;margin:0 0 8px}
.referral-card>p{margin:0 0 16px;font-size:14px;line-height:1.65;color:#3f3d38;max-width:640px}
.referral-link{display:flex;gap:8px;margin-bottom:18px;max-width:560px}
.referral-link input{flex:1;padding:10px 12px;border:1px solid var(--ink);font:13px var(--mono);background:#fff}
.referral-link button{padding:10px 16px;border:1px solid var(--ink);background:var(--ink);color:#fff;
  font:600 13px var(--sans);cursor:pointer}
.account-stat-row{display:flex;gap:34px;flex-wrap:wrap}
.referral-note{font-size:13px;color:var(--muted);margin:14px 0 0}
.referral-note code{font:12px var(--mono);background:#fff;border:1px solid var(--rule);padding:2px 6px}
.draft-starter{position:relative;border:1px dashed var(--rule);background:#fbffe6;padding:18px 20px;margin:0 0 22px;
  display:grid;gap:8px;justify-items:start}
.draft-starter b{font-size:15px;letter-spacing:-.01em}
.draft-starter p{margin:0;font-size:13px;color:#4f4d48}
.visibility-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;
  padding:14px 16px;border:1px solid var(--rule);background:#fff}
.visibility-state{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;
  border:1px solid var(--rule);padding:4px 9px;color:var(--muted)}
.visibility-state.is-public{background:var(--lime);border-color:var(--lime);color:#111}
.visibility-form button{padding:8px 14px;border:1px solid var(--ink);background:#fff;
  font:600 12px var(--sans);cursor:pointer}
.visibility-form button:hover{background:var(--ink);color:#fff}
.visibility-note{flex:1 1 100%;font-size:12px;color:var(--muted)}
.public-results{margin-top:40px;padding-top:26px;border-top:1px solid var(--ink)}
.public-results>h2{font:700 20px var(--sans);letter-spacing:-.02em;margin:0 0 4px}
.public-results>p{margin:0 0 18px;font-size:13px;color:var(--muted)}
.public-hit{border-bottom:1px solid var(--rule);padding:14px 0}
.public-hit b{font-size:16px;letter-spacing:-.01em}
.public-hit>span{display:block;font:11px var(--mono);color:var(--muted);margin-top:4px}
.public-hit p{margin:8px 0 0;font:15px/1.7 Georgia,serif;color:#3f3d38}
.public-none{margin-top:34px;font-size:13px;color:var(--muted)}
.quiz-menu nav button{display:block;width:100%;text-align:left;background:none;border:0;
  padding:9px 14px;font:inherit;font-size:13px;cursor:pointer;color:inherit}
.quiz-menu nav button:hover{background:var(--paper)}
/* --- Notebook: tags and pinning ----------------------------------------- */
.note-tagbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.note-tagbar[hidden]{display:none}
.note-tagbar>span{font:500 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.note-tagbar button{border:1px solid var(--rule);background:#fff;border-radius:999px;
  padding:4px 11px;font:600 11px var(--sans);cursor:pointer;color:#4f4d48}
.note-tagbar button:hover{border-color:var(--ink)}
.note-tagbar button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.app-note.is-pinned{border-color:var(--ink);box-shadow:3px 3px 0 var(--lime)}
.note-tags{width:100%;border:0;border-top:1px solid var(--rule);padding:7px 2px 4px;
  font:11px var(--mono);color:#4f4d48;background:none}
.note-tags:focus{outline:0;background:#fbffe6}
.app-note small{display:flex;align-items:center;justify-content:space-between;gap:8px}
.app-note small button{background:none;border:0;cursor:pointer;font-size:14px;line-height:1;
  color:#b0aca2;padding:0 2px}
.app-note.is-pinned small button{color:#8a7c00}


/* In the workspace the right-hand column is the AI panel, so a top-right toast
   lands squarely on the token count and the upgrade button. Move it out of that
   corner — clear of the .ai-toggle that appears bottom-right on small screens. */
.product-workspace .flash-stack{top:auto;bottom:20px;right:20px;max-width:min(420px,calc(100vw - 40px))}
@media(max-width:760px){.product-workspace .flash-stack{bottom:78px}}

/* The notes prompt is a suggestion, not a task. Dismissing it is remembered per
   document, so it does not reappear on every visit to a draft the writer has
   already decided to write by hand. */
.starter-dismiss{position:absolute;top:8px;right:9px;border:0;background:none;
  color:#8a8672;font-size:19px;line-height:1;padding:3px 6px;cursor:pointer}
.starter-dismiss:hover,.starter-dismiss:focus-visible{color:#1a1a1a}

/* Project visibility, in the sidebar beside the title. Publishing was buried in
   the Collaboration panel where nobody found it — and "is this private?" is a
   question worth answering without a click. */
.sidebar-visibility{display:flex;align-items:center;justify-content:space-between;
  gap:8px;margin:0 8px 14px}
.vis-badge{font:9px var(--mono);letter-spacing:.09em;text-transform:uppercase;
  color:#514e47;background:#fff;border:1px solid #b3aea3;border-radius:2px;padding:3px 6px}
.vis-badge.is-public{color:#2f6b2a;border-color:#8fbf87;background:#eaf6e6}
.sidebar-visibility button{border:0;background:none;padding:0;font:600 10px var(--sans);
  color:#5a5750;border-bottom:1px solid currentColor;cursor:pointer}
.sidebar-visibility button:hover{color:#111}

/* Visibility on the dashboard card. Always visible, unlike the delete control:
   "Private" is information the writer wants at a glance, not just an action. */
.card-actions{position:absolute;left:24px;bottom:16px;display:flex;
  align-items:center;gap:14px;flex-wrap:wrap}
.card-visibility{margin:0;display:flex;align-items:center;gap:9px}
/* Always visible, unlike the delete control. Deleting is destructive and can
   afford to be tucked behind a hover; publishing is a privacy state, and the
   only way back from Public must not be something you have to find. */
.card-visibility button{border:0;background:none;padding:0;font:600 10px var(--sans);
  color:#4a4740;border-bottom:1px solid currentColor;cursor:pointer}
.card-visibility button:hover,.card-visibility button:focus-visible{color:#111}
/* Room for it, so it never lands on the notes/documents line. */
.project-card-grid .project-card{padding-bottom:52px}

/* The collapse control. It was invisible on desktop: the blanket
   `.ai-sidebar>header button{display:none}` was meant for the mobile close
   button, and its `display:block` override lived inside a max-width media
   query — so the only way to hide the AI panel appeared below 1100px only.
   A bare "–" is also a weak affordance, so it gets a real button shape. */
.ai-sidebar>header [data-collapse-ai]{display:grid;place-items:center;
  width:24px;height:24px;border:1px solid #5a5a5a;border-radius:3px;
  color:#d8d8d8;font-size:14px;line-height:1;cursor:pointer;flex:0 0 auto}
.ai-sidebar>header [data-collapse-ai]:hover,
.ai-sidebar>header [data-collapse-ai]:focus-visible{border-color:var(--lime);color:var(--lime)}
/* Collapsed, the header is all that is left, so the control has to be obvious. */
.ai-sidebar.is-collapsed>header{padding-bottom:0;border-bottom:0}

/* The collapsed notes prompt. Two controls: the action it was offering, and a
   caret to bring the explanation back — a dismissal you cannot undo is not a
   collapse. */
.starter-chip{display:inline-flex;align-items:stretch;margin:0 0 22px;
  border:1px solid var(--ink);background:#fbffe6}
/* See the [hidden] guard at the top of this file. */
.starter-chip .chip-action{border:0;background:none;padding:9px 14px;cursor:pointer;
  font:600 12px var(--sans);color:var(--ink)}
.starter-chip .chip-action:hover{background:var(--lime)}
.starter-chip .chip-expand{border:0;border-left:1px solid var(--ink);background:none;
  padding:0 9px;cursor:pointer;font-size:11px;color:#4a4740}
.starter-chip .chip-expand:hover{background:var(--lime);color:var(--ink)}

/* The project title renames in place. It is clipped to one line at rest so a
   long name does not push the navigation down, and unclipped while editing so
   you can see what you are typing. */
.app-sidebar h2[contenteditable]{outline:0;border-bottom:1px dashed transparent;cursor:text}
.app-sidebar h2[contenteditable]:hover{border-bottom-color:#b3aea3}
.app-sidebar h2[contenteditable]:focus{white-space:normal;overflow:visible;
  text-overflow:clip;border-bottom-color:var(--ink);background:#fff}

/* Workspace-wide links, moved off the project sidebar. */
.workspace-links nav{display:grid;gap:2px;margin-top:12px}
.workspace-links nav a{font-size:12px;color:#4a4740;padding:7px 0;
  border-bottom:1px solid #ddd9d0}
.workspace-links nav a:last-child{border-bottom:0}
.workspace-links nav a:hover{color:#111}

/* The project title reads as editable at rest, not only on hover: a bare
   heading that happens to be contenteditable is indistinguishable from text,
   which is exactly how it went unfound. */
.project-title-row{display:flex;align-items:baseline;gap:8px;margin:10px 0 13px}
.project-title-row h2{margin:0;flex:1;min-width:0}
.app-sidebar h2[contenteditable]{border-bottom:1px dashed #b3aea3}
.rename-project{border:0;background:none;padding:0 8px 0 0;cursor:pointer;
  font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;
  color:#6b6860;border-bottom:1px solid currentColor;flex:0 0 auto}
.rename-project:hover,.rename-project:focus-visible{color:#111}
/* The same field, labelled, in the Structure panel. */
.structure-title{font:22px/1.35 var(--serif);margin-top:20px;outline:0;
  border-bottom:1px dashed #b3aea3;padding-bottom:6px}
.structure-title:focus{border-bottom-color:var(--ink);background:#fff}
.field-hint{display:block;margin-top:10px;font:9px var(--mono);color:#8a857a}

/* Renaming from the dashboard card. Always visible: a hover-revealed control
   is an invisible one for anyone who does not happen to hover over it, and
   renaming is a thing people go looking for rather than stumble across. It
   sits beside the visibility toggle at the foot of the card, not up in the
   corner where it would fight the delete control for the same space. */
.card-rename{margin:0;border:0;background:none;padding:0;cursor:pointer;
  font:600 10px var(--sans);color:#4a4740;border-bottom:1px solid currentColor}
.card-rename:hover,.card-rename:focus-visible{color:#111}
.project-card-wrap.is-renaming .project-card{border-color:var(--ink)}
[data-card-title][contenteditable]{outline:0;background:#fff;
  box-shadow:0 0 0 2px var(--lime);border-radius:2px}

/* Read aloud and its voice picker only mean anything with a draft in front of
   you: on Version history or Collaboration the button had nothing to read and
   would speak whatever the hidden document still held. */
.app-topbar.draft-only-off [data-speak],
.app-topbar.draft-only-off [data-voice-pick]{display:none}

/* Panel header controls are absolutely positioned to the right, so the heading
   text has to leave room for them — the "Save version" form was landing on top
   of the second line of the Version history description. Below 760px the
   controls become static and this padding is not wanted. */
@media(min-width:761px){.app-material-panel>header{padding-right:min(470px,40%)}}