:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;color:#000000;background:#ffffff;--ink:#000000;--muted:#555555;--line:#d2d2d2;--accent:#000000;--lime:#d2d2d2}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 14px;border-radius:7px;font-size:.875rem;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background-color:#ffffff;border-color:#d2d2d2}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--accent);border-color:var(--accent);color:white}button.primary:hover{background:#000000}.danger{color:#000000}.danger:hover{background:#ffffff;border-color:#d2d2d2}a{color:inherit}.wide{width:100%}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 36px;background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:650;letter-spacing:-1px;display:flex;gap:12px;align-items:center;text-decoration:none}.logo{width:38px;height:38px;border-radius:10px;background:var(--accent);color:#fff;text-align:center;font-weight:700;font-size:30px;line-height:33px;letter-spacing:-4px;padding-right:4px}.logo span{color:var(--lime)}.top-caption{font-size:14px;color:var(--muted);margin-right:auto;margin-left:22px}.workspace{display:block;min-height:calc(100vh - 82px)}body.owner .workspace{display:grid;grid-template-columns:278px minmax(0,1fr)}aside{padding:32px 22px;background:#ffffff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.aside-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.aside-heading{margin-bottom:20px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.8px;color:#555555}.badge{font-size:12px;background:#d2d2d2;border-radius:5px;padding:3px 8px}.small{font-size:13px;line-height:1.6}.muted{color:var(--muted)}aside>.small{margin:0 0 16px;text-align:center}.section-heading{margin-top:18px}.section-heading h2{font-size:13px;font-weight:600;color:#555555;margin:0}.icon-button{border:0;padding:4px 10px;background:transparent;font-size:20px}.folder{display:block;width:100%;text-align:left;border-color:transparent;background:transparent;margin:3px 0;padding:10px 12px;overflow-wrap:anywhere}.folder.selected{background:#ffffff;font-weight:600}.document-link{display:flex;align-items:flex-start;gap:10px;text-decoration:none;padding:13px 10px;border:1px solid transparent;border-radius:6px;margin:5px 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.document-link:hover{background:#ffffff}.document-link.active{background:#fff;border-color:var(--line);box-shadow:0 2px 6px #00000005}.doc-icon{color:#555555;font-size:20px;line-height:1}.aside-footer{border-top:1px solid var(--line);padding-top:22px;margin-top:auto;font-size:12px;line-height:1.8;color:#555555}.aside-footer span{color:#555555}main{min-width:0;padding-bottom:80px}.toolbar{padding:22px 34px;min-height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.access-label{font-size:12px;color:#555555;display:flex;gap:8px;align-items:center;flex-shrink:0}.access-label:before{content:'';width:6px;height:6px;background:#555555;border-radius:50%}#actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}#actions button{font-size:13px;padding:8px 11px}#notice{font-size:14px;color:#555555;margin:18px 34px;min-height:20px;line-height:1.6}#empty{max-width:830px;margin:60px auto;padding:20px 50px}#empty h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(42px,5.2vw,72px);letter-spacing:-2.5px;line-height:1.05;margin:26px 0}#empty p{max-width:490px;line-height:1.8;color:#555555}.empty-rule{width:70px;height:4px;background:#d2d2d2;margin:38px 0 22px}#reading{max-width:920px;padding:0 34px;margin:auto}.document-meta{display:flex;justify-content:space-between;gap:16px;margin:24px 0 16px;font-size:12px;color:#555555;overflow-wrap:anywhere}.document-meta span:last-child{flex-shrink:0}article{background:white;border:1px solid var(--line);box-shadow:0 10px 40px #00000006;padding:56px 64px;line-height:1.85;font-size:16px;overflow-wrap:break-word}article h1,article h2,article h3{line-height:1.25;font-weight:600;letter-spacing:-.025em;text-wrap:balance}article h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:2.6rem;margin-top:0}article h2{font-size:1.5rem;margin-top:2em;border-bottom:1px solid #d2d2d2;padding-bottom:12px}article h3{font-size:1.15rem;margin-top:1.8em}article a{color:#000000;text-underline-offset:3px;overflow-wrap:anywhere}article pre{white-space:pre;overflow:auto;background:#000000;color:#ffffff;padding:20px;border-radius:6px;font-size:14px;line-height:1.6}article :not(pre)>code{background:#ffffff;padding:3px 5px;border-radius:3px;font-size:.9em}article blockquote{margin-left:0;border-left:3px solid #d2d2d2;padding:8px 22px;background:#ffffff;color:#555555}article img{max-width:100%;height:auto}article table{display:block;overflow:auto;border-collapse:collapse;width:100%;font-size:14px}article th,article td{border:1px solid var(--line);padding:10px 14px;text-align:left}article th{background:#ffffff}article hr{border:0;border-top:1px solid var(--line);margin:30px 0}article li{margin:5px 0}.discussion{padding:36px 0 0}.discussion-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.discussion h2{font-size:20px;font-weight:550;margin:0}.thread{border:1px solid var(--line);border-radius:8px;background:#fff;margin:16px 0;padding:20px}.thread.resolved{background:#ffffff}.comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}.comment-meta strong{font-weight:600}.comment-meta time{color:#555555;font-size:12px;margin-left:auto}.owner-badge,.resolved-badge{font-size:11px;background:#ffffff;color:#555555;padding:3px 7px;border-radius:4px}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:12px 0}.reply{border-left:2px solid #d2d2d2;padding-left:20px;margin:20px 0 0 12px}.comment-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.text-button{padding:0;border:0;background:transparent;color:#555555;font-size:12px}.text-button:hover{background:transparent;text-decoration:underline}#comment-form{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}label{display:block;font-size:14px;line-height:1.6}input,select,textarea{width:100%;display:block;margin:8px 0 16px;border:1px solid #d2d2d2;border-radius:6px;padding:11px 12px;background:white;color:var(--ink)}textarea{resize:vertical;min-height:120px;line-height:1.6}#comment-author{max-width:350px}#replying{display:flex;justify-content:space-between;align-items:center;background:#ffffff;padding:10px 14px;margin-bottom:16px;font-size:13px}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;width:min(500px,94vw);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#00000066;backdrop-filter:blur(3px)}dialog h2{font-size:23px;font-weight:550;margin-top:0}dialog p{font-size:14px;line-height:1.7;color:#555555}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}dialog.large{width:min(980px,96vw)}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:18px}#edit-content{height:45vh;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.error,dialog .error{color:#000000;font-size:14px}.version-row{display:block;width:100%;text-align:left;margin:8px 0}.version-row:hover{background:#ffffff}#version-content{padding:26px;box-shadow:none;margin-bottom:22px}#share-url{font-size:13px}#version-title{overflow-wrap:anywhere}[hidden]{display:none!important}:focus-visible{outline:3px solid #d2d2d2;outline-offset:3px}@media(min-width:1400px){#reading{max-width:1020px}article{padding:64px 80px}}@media(max-width:1100px){.toolbar{align-items:flex-start;flex-direction:column;padding:18px 26px}#actions{justify-content:flex-start}#reading{padding:0 24px}article{padding:40px}.top-caption{display:none}body.owner .workspace{grid-template-columns:235px minmax(0,1fr)}aside{padding:24px 16px}}@media(max-width:700px){.topbar{height:70px;padding:0 20px}.brand{font-size:23px}body.owner .workspace{display:block}aside{border-right:0;border-bottom:1px solid var(--line);padding:22px}#sections{display:flex;gap:5px;overflow:auto}.folder{white-space:nowrap;width:auto;flex-shrink:0}#documents{max-height:190px;overflow:auto}.aside-footer{display:none}.toolbar{padding:18px 20px}#reading{padding:0 12px}#notice{margin:14px 20px}article{padding:30px 23px;font-size:16px}article h1{font-size:2rem}.discussion{padding:30px 8px}#empty{margin:28px 0;padding:25px}#empty h1{letter-spacing:-1px}.form-row{display:block}.comment-meta time{width:100%;margin-left:0}dialog{padding:23px}.document-meta{padding:0 9px}.document-meta span:last-child{flex-shrink:1}#version-content{padding:20px 12px}}@page{size:A4;margin:18mm}@media print{body{background:white;color:black}.topbar,aside,.toolbar,#notice,#empty,.document-meta,.discussion,dialog{display:none!important}body.owner .workspace,.workspace{display:block}main,#reading{padding:0;max-width:none}article{border:0;box-shadow:none;padding:0;margin:0;font-size:11pt;line-height:1.65}article h1{font-size:25pt}article h2,article h3{break-after:avoid}article pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f2f2;color:black}article img,article tr{break-inside:avoid}article table{display:table;font-size:10pt}article a{color:inherit}}

#audio-box{background:white;border:1px solid var(--line);padding:24px;margin-bottom:18px}#audio-box h2{font-size:18px;margin-top:0}#audio-player{width:100%}#audio-error{color:#000000;font-size:14px}@media print{#audio-box{display:none!important}}

.editor-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 16px}.editor-tools span{flex-basis:100%}#image-gallery{background:white;border:1px solid var(--line);padding:24px;margin-top:18px}#image-gallery figure{margin:0 0 24px}#image-gallery img{display:block;max-width:100%;height:auto;margin-bottom:10px}#image-gallery figcaption{overflow-wrap:anywhere}@media print{#image-gallery{border:0;padding:0}#image-gallery figure{break-inside:avoid}#image-gallery button{display:none}}

.document-link[draggable=true] .doc-icon{cursor:grab}.document-link.dragging{opacity:.4}.document-link.drop-before{border-top:3px solid #555555}.document-link.drop-after{border-bottom:3px solid #555555}

.editor-tools{position:sticky;top:0;z-index:2;background:#ffffff;border:1px solid var(--line);border-radius:8px;padding:10px;gap:10px}.editor-tools .tool-group{display:flex;flex-wrap:wrap;gap:5px}.editor-tools .tool-group+.tool-group{border-left:1px solid #d2d2d2;padding-left:10px}.editor-tools button{min-height:40px;padding:8px 11px;font-size:14px}.editor-tools button:hover{background:#d2d2d2;border-color:#d2d2d2}@media(max-width:700px){.editor-tools .tool-group+.tool-group{border-left:0;padding-left:0}.editor-tools{position:static}}

article blockquote.accent-block{border:1.5px solid #555555;border-left:4px solid #555555;border-radius:10px;background:#ffffff;color:#000000;padding:20px 24px;margin:28px 0;box-shadow:0 2px 8px #00000010}article blockquote.accent-block>:first-child{margin-top:0}article blockquote.accent-block>:last-child{margin-bottom:0}#d2d2d2-accent{background:#ffffff;border-color:#d2d2d2}@media print{article blockquote.accent-block{border:1.5pt solid #555555;box-shadow:none;break-inside:avoid;background:none}}

#pdf-box{margin-bottom:24px}#pdf-frame{width:100%;height:70vh;border:1px solid var(--line);background:white}.pdf-download{display:inline-block;padding:12px 0;color:#000000}.topbar{height:auto;min-height:82px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}@media print{#pdf-box{display:none}}

#image-gallery .image-zoom{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in;text-align:left}#image-gallery .image-zoom img{margin-bottom:0}#lightbox{width:96vw;max-width:1600px;height:94vh;max-height:94dvh;padding:18px 24px;background:#000000;color:#fff;border:0;border-radius:12px;overflow:hidden}#lightbox::backdrop{background:#000000ef;backdrop-filter:blur(7px)}.lightbox-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#d2d2d2}.lightbox-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;height:calc(100% - 115px)}#lightbox-image{grid-column:2;grid-row:1;width:100%;height:100%;min-height:0;object-fit:contain;touch-action:pan-y pinch-zoom}#lightbox-prev{grid-column:1;grid-row:1}#lightbox-next{grid-column:3;grid-row:1}#lightbox button{background:#ffffff12;color:white;border-color:#ffffff30;min-width:44px;min-height:44px;font-size:25px}#lightbox button:hover{background:#ffffff28}#lightbox-name{color:#d2d2d2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0;font-size:14px}#lightbox-error{color:#d2d2d2;text-align:center;font-size:13px;margin:0}@media(max-width:650px){#lightbox{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:12px}.lightbox-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:4px}#lightbox button{min-width:36px;padding:4px}}@media print{#image-gallery .image-zoom{display:block!important}}

.settings-actions{display:flex;flex-direction:column;gap:10px}.trash-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.trash-row span{flex:1;min-width:150px;overflow-wrap:anywhere}#recovery-code{font:14px/1.6 ui-monospace,monospace}#storage-usage{margin-top:20px}#security-form+.error{color:#000000}

.unread-dot{color:#555555;font-size:10px;margin-left:auto;flex-shrink:0}

/* Action hierarchy: library, document and editor controls have distinct homes. */
.ui-icon{width:18px;height:18px;flex:0 0 18px;vertical-align:middle;pointer-events:none}.topbar{flex-wrap:nowrap;gap:16px}.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.quiet-button{border-color:transparent;background:transparent}.action-menu{position:relative}.action-menu>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px;font-weight:500;cursor:pointer;user-select:none}.action-menu>summary::-webkit-details-marker{display:none}.action-menu>summary:hover,.action-menu[open]>summary{background:#ffffff;border-color:#d2d2d2}.action-menu[open]>.menu-panel{display:flex}.menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:270px;max-width:calc(100vw - 32px);padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 42px #00000026;display:none;flex-direction:column;gap:2px}.menu-caption{margin:7px 10px 8px;font-size:11px!important;line-height:1.3!important;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.menu-panel button,#actions .menu-panel button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 11px;background:transparent;border:0;border-radius:6px;text-align:left;font-size:14px;line-height:1.4}.menu-panel button:hover,#actions .menu-panel button:hover{background:#ffffff}.menu-panel button.danger:hover,#actions .menu-panel button.danger:hover{background:#ffffff}.menu-panel .ui-icon{color:var(--muted)}.menu-panel .danger .ui-icon{color:inherit}.menu-divider{height:1px;background:var(--line);margin:5px 7px}.toolbar{padding:18px 32px;flex-direction:row;align-items:center;flex-wrap:wrap;min-height:80px}#actions{align-items:center;flex-wrap:nowrap;gap:8px;margin-left:auto}#actions>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;font-size:14px;font-weight:500;border-radius:8px}#document-menu>summary{padding:10px 12px}.more-label{display:none}.top-caption{font-size:13px;margin-left:16px}#notice:empty{min-height:0;margin-top:0;margin-bottom:0}.library-toggle{display:none}.editor-tools{align-items:center;padding:8px;gap:8px;z-index:3}.editor-tools .action-menu>summary{border-color:transparent;background:transparent;min-height:40px}.heading-menu .menu-panel{left:0;right:auto;width:220px}.editor-tools .tool-group{flex-wrap:nowrap}.editor-tools button{border-color:transparent;background:transparent;border-radius:5px}.editor-tools .tool-group+.tool-group{padding-left:8px}.editor-tools #d2d2d2-accent{border-color:#d2d2d2}.heading-menu [data-heading="1"]{font-size:20px!important}.heading-menu [data-heading="2"]{font-size:18px!important}.heading-menu [data-heading="3"]{font-size:16px!important}#edit-content{border-radius:9px;background:#ffffff;padding:18px}#editor-dialog .dialog-actions{position:sticky;bottom:-30px;background:#fff;padding:16px 0;margin-top:0;border-top:1px solid var(--line)}.security-section{padding:20px 0;border-top:1px solid var(--line)}.security-section h3{font-size:15px;margin:0 0 6px;font-weight:600}.security-section p{margin:0 0 12px;font-size:13px}.security-section:last-child{padding-bottom:0}.security-section button{min-height:42px}.security-section input{margin-bottom:12px}#account-dialog>p{margin-bottom:20px}#account-dialog .error:empty{display:none}#account-dialog hr{display:none}#account-dialog .export-section{margin-top:22px}#account-dialog #recovery-status{margin-bottom:12px}
@media(min-width:701px){.topbar{position:relative;z-index:10}#account-menu .menu-panel{z-index:70}}
@media(max-width:1100px){.toolbar{padding:16px 24px}.topbar{padding-left:24px;padding-right:24px}.access-label{font-size:11px}}
@media(max-width:700px){.topbar{min-height:70px;padding:12px 16px;gap:10px}.topbar-actions{gap:5px}.topbar-actions>button{padding:9px;font-size:12px}.brand{font-size:21px;gap:8px}.logo{width:32px;height:32px;font-size:26px;line-height:28px}.top-caption{display:none}#account-menu>summary{padding:9px 10px;font-size:13px}#account-menu>summary>.ui-icon:first-child{display:none}body.owner .workspace{display:flex;flex-direction:column}body.owner aside{display:none;order:1}body.owner main{display:contents}body.owner.navigation-open aside{display:flex}.library-toggle{display:flex;align-items:center;justify-content:flex-start;gap:10px;border:0;border-radius:0;border-bottom:1px solid var(--line);background:#ffffff;padding:15px 20px;min-height:48px;order:0;width:100%;font-size:13px}.library-toggle .ui-icon:last-child{margin-left:auto}body.navigation-open .library-toggle .ui-icon:last-child{transform:rotate(180deg)}.toolbar{order:2;padding:14px 16px;gap:12px;align-items:center}.toolbar .access-label{width:100%}#actions{margin-left:0;width:100%;justify-content:flex-start;gap:7px}#actions>button{padding:10px 12px;font-size:13px;min-height:44px}#document-menu{margin-left:auto}#document-menu>summary{min-height:44px;padding:10px 12px}#document-menu .menu-panel{width:265px}.more-label{display:inline}#notice{order:3}#reading,#empty{order:4;width:100%}#reading{padding-bottom:40px}#documents{max-height:40vh}.editor-tools{gap:7px;position:relative}.editor-tools .tool-group+.tool-group{padding-left:0;border-left:0}.editor-tools .tool-group:last-child{width:100%;padding-top:7px;border-top:1px solid var(--line);justify-content:space-between;gap:2px}.editor-tools button{padding:8px;font-size:13px;min-height:42px}.editor-tools .action-menu>summary{padding:8px;font-size:13px}.editor-tools .menu-panel button{font-size:14px}#editor-dialog .dialog-actions{bottom:-23px}.menu-panel{max-height:65vh;overflow-y:auto}}
@media(max-width:370px){.topbar-actions #register-open{max-width:95px}.brand{font-size:19px}#actions>button{padding:10px;font-size:12px}.more-label{display:none}}
@media print{.library-toggle,.action-menu{display:none!important}body.owner main{display:block}}
@media(max-width:400px){.editor-tools .tool-group:last-child{flex-wrap:wrap;justify-content:flex-start;gap:4px}}
@media(max-width:370px){#edit>.ui-icon{display:none}}

#google-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:22px}.google-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.google-heading>div{display:flex;align-items:center;gap:9px;font-size:15px}.google-mark{display:inline-flex;width:28px;height:32px;align-items:center;justify-content:center;border-radius:5px;background:#ffffff;color:#555555;font-weight:700}.google-open{display:inline-flex;padding:10px 14px;min-height:42px;background:var(--accent);color:#fff;border-radius:7px;text-decoration:none;font-size:14px}.google-open:hover{background:#000000}#google-frame{width:100%;height:72vh;min-height:420px;border:1px solid var(--line);border-radius:5px;background:#ffffff}.google-help{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:12px;font-size:13px;line-height:1.6;color:var(--muted)}.google-help button{flex-shrink:0;font-size:13px}.google-badge{font-size:10px;color:#555555;background:#ffffff;border-radius:4px;padding:2px 5px;margin-left:auto;flex-shrink:0}.material-divider{display:flex;align-items:center;gap:12px;margin:24px 0 18px;color:var(--muted);font-size:13px}.material-divider:before,.material-divider:after{content:'';height:1px;background:var(--line);flex:1}#d2d2d2-material-dialog h2{margin-bottom:22px}#google-box+.document-notes-title{font-size:14px;color:var(--muted)}#version-google-link{display:block;margin-bottom:15px;font-size:14px;overflow-wrap:anywhere}@media(max-width:700px){#google-box{padding:14px}#google-frame{height:65vh;min-height:360px}.google-help{align-items:flex-start;flex-direction:column}.google-badge{font-size:10px}.google-heading{gap:10px}}@media print{#google-box{display:none!important}}

.permission-toggle{display:flex;align-items:center;gap:10px;font-weight:550}.permission-toggle input{width:18px;height:18px;margin:0;accent-color:var(--accent)}#edit-access-box{padding:16px;background:#ffffff;border:1px solid var(--line);border-radius:8px;margin:18px 0}#edit-access-box p{margin-bottom:0}.live-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.live-heading h2{font-size:20px;overflow-wrap:anywhere;margin-bottom:0}.live-heading .eyebrow{margin:0 0 8px;font-size:11px}#live-status{color:#000000;min-height:24px;margin:16px 0 0}#live-content{height:45vh;min-height:240px;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;padding:18px}.live-tools{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid var(--line);background:#ffffff;border-radius:8px}.live-tools>div{display:flex;gap:5px;align-items:center}.live-tools>div+div{border-left:1px solid var(--line);padding-left:8px}.live-tools button,.live-tools summary{font-size:13px;padding:8px 10px;min-height:40px}.live-tools .heading-menu .menu-panel{width:200px}#live-conflict{border:1px solid #555555;background:#ffffff;border-radius:8px;padding:20px}#live-conflict h3{font-size:17px;margin-top:0}#live-remote{min-height:180px;font:13px/1.7 ui-monospace,monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){#live-content{padding:12px;min-height:220px}.live-heading{gap:12px}.live-heading h2{font-size:18px}.live-heading button{font-size:13px}.live-tools>div+div{border-left:0;padding-left:0}.live-tools{gap:6px}.live-tools button{padding:8px}.live-tools>div{flex-wrap:wrap}}

#share-role-box{padding:18px;background:var(--bg,#ffffff);border:1px solid #d2d2d2;border-radius:12px;margin:20px 0}#share-role-box label{display:block;font-weight:600;margin-bottom:8px}#share-role{width:100%;min-height:48px}#share-role-description{margin-bottom:8px}

/* Shared compact formatting ribbon. */
.docs-tools.editor-tools,.docs-tools.live-tools{display:flex;align-items:center;flex-wrap:wrap;gap:0;padding:7px 10px;background:#ffffff;border:0;border-radius:12px;margin:18px 0 14px;position:sticky;top:0;z-index:5}
.docs-tools .tool-group,.docs-tools .tool-group:last-child{display:flex;align-items:center;flex-wrap:nowrap;width:auto;gap:3px;padding:0 9px;border:0;margin:0}
.docs-tools .tool-group+.tool-group{border-left:1px solid #d2d2d2;padding-left:9px}
.docs-tools button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;padding:8px;border:0;background:transparent;border-radius:6px;color:#000000;font-size:20px;line-height:1}
.docs-tools button svg{width:20px;height:20px;flex-shrink:0}.docs-tools button:hover{background:#d2d2d2}.docs-tools button:active{background:#d2d2d2}.docs-tools button:focus-visible,.docs-tools select:focus-visible{outline:2px solid #555555;outline-offset:2px}.docs-tools button:disabled{opacity:.35}
.docs-tools .text-style{width:166px;height:38px;min-height:38px;margin:0;padding:6px 26px 6px 8px;border:0;background-color:transparent;border-radius:6px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;color:#000000;cursor:pointer}
#edit-content,#live-content{background:#fff;border:1px solid #d2d2d2;border-radius:8px;padding:28px;font-size:15px;line-height:1.85;box-shadow:0 3px 12px #00000005}
@media(max-width:700px){.docs-tools.editor-tools,.docs-tools.live-tools{padding:6px;gap:5px 0;position:relative}.docs-tools .tool-group,.docs-tools .tool-group:last-child{padding:0 5px}.docs-tools .tool-group+.tool-group{padding-left:5px}.docs-tools .text-style{width:150px}.docs-tools button{width:40px;height:40px;min-height:40px}#edit-content,#live-content{padding:16px}}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.plan-grid section{border:1px solid var(--line);border-radius:12px;padding:18px}.plan-grid h3{font-size:16px;margin:0 0 12px}.plan-grid p{font-size:13px;line-height:1.8}.plan-grid strong{font-size:17px}#payment-info{white-space:pre-wrap}#billing-admin{margin-top:24px}#billing-admin form{padding:20px 0;border-top:1px solid var(--line)}#billing-libraries{max-height:240px;overflow:auto;overflow-wrap:anywhere}#plan-open{margin-bottom:18px}@media(max-width:700px){.plan-grid{grid-template-columns:1fr}}

#reading #live-dialog{position:relative;inset:auto;width:100%;max-width:none;max-height:none;margin:0 0 24px;padding:24px;border:1px solid var(--line);border-radius:10px;box-shadow:none;overflow:visible}#reading #live-dialog:not([open]){display:none}#reading #live-content{min-height:55vh;height:60vh;resize:vertical}#reading .live-heading .eyebrow{display:none}#reading #live-dialog .dialog-actions{margin-top:12px}#reading #live-dialog .docs-tools{position:sticky;top:8px}@media(max-width:700px){#reading #live-dialog{padding:14px}#reading #live-content{padding:14px}}@media print{#article[hidden]{display:block!important}}

.rich-editor{margin:12px 0 20px}.rich-editor .toastui-editor-defaultUI{border:1px solid var(--line);border-radius:10px;overflow:hidden;font-family:inherit}.rich-editor .toastui-editor-defaultUI-toolbar{background:#ffffff;border-color:var(--line);height:auto;min-height:48px;flex-wrap:wrap}.rich-editor .toastui-editor-contents{font-family:inherit;font-size:17px;line-height:1.8;color:var(--ink,#000000);padding:24px 32px}.rich-editor .toastui-editor-contents h1{font-size:32px}.rich-editor .toastui-editor-contents h2{font-size:26px}.rich-editor .toastui-editor-contents h3{font-size:21px}.rich-editor .rich-accent-block{border:1px solid #d2d2d2!important;background:#ffffff;border-radius:8px;padding:14px 20px!important;color:inherit}.rich-editor .rich-accent-marker{display:none!important}.rich-accent{width:32px;height:32px;padding:0;align-self:center;background:transparent;border:0;font-size:20px}.rich-disabled{opacity:.7}.docs-tools[hidden]{display:none!important}@media(max-width:700px){.rich-editor .toastui-editor-contents{padding:18px 14px;font-size:16px}.rich-editor .toastui-editor-defaultUI-toolbar{padding:4px}}

.rich-editor blockquote.rich-accent-block>p:first-child{display:none!important}

.rich-editor .toastui-editor-contents p,.rich-editor .toastui-editor-contents li{font-size:17px;line-height:1.8;color:#000000}.rich-editor .rich-accent-block>p:nth-child(2):has(>br:only-child){display:none}

/* Mnemio: monochrome interface; document images retain their original colors. */
:root{color:#000;background:#fff;--ink:#000;--accent:#000;--muted:#555;--line:#ddd;--lime:#fff}body,main,aside,.workspace,.topbar{background:#fff}button,input,select,textarea{accent-color:#000}button,.action-menu>summary,input,select,textarea{border-radius:3px}button.primary,.google-open{background:#000;color:#fff;border-color:#000}button.primary:hover,.google-open:hover{background:#333}.brand{font-weight:700;letter-spacing:-1px}.logo{display:inline-flex;justify-content:center;align-items:center;background:#000;color:#fff;border-radius:3px;letter-spacing:-2px;padding:0;font-size:29px;line-height:1}.logo span{color:#fff}.danger,.error,#audio-error{color:#000}.error:not(:empty){border-left:3px solid #000;padding-left:12px}.danger:hover{text-decoration:underline;background:#eee}.document-link.active{border-color:#000;background:#fff;box-shadow:none}.folder.active{background:#000;color:#fff}article,.comment,.thread,dialog,.menu-panel,#share-role-box,#google-box,#live-conflict,#reading #live-dialog{box-shadow:none;border-radius:4px}.accent-block,.rich-editor .rich-accent-block{background:#fff!important;border:1px solid #000!important;border-left:4px solid #000!important;border-radius:0!important}article a,.rich-editor .toastui-editor-contents a{color:#000;text-decoration:underline}#live-status{color:#000}.docs-tools.editor-tools,.docs-tools.live-tools,.rich-editor .toastui-editor-defaultUI-toolbar{background:#fff;border-bottom:1px solid #ddd;border-radius:0}.rich-editor .toastui-editor-defaultUI{border-radius:3px}.rich-editor .toastui-editor-defaultUI-toolbar button,.rich-editor .toastui-editor-dropdown-toolbar button{filter:grayscale(1)}.rich-editor .toastui-editor-toolbar-icons.active{background-color:#ddd}.rich-editor .toastui-editor-contents p,.rich-editor .toastui-editor-contents li{color:#000}.rich-editor .toastui-editor-contents ::selection,::selection{background:#000;color:#fff}:focus-visible{outline:2px solid #000!important;outline-offset:3px}.google-mark,.google-badge,.owner-badge,.resolved-badge{background:#eee;color:#000}.plan-grid section{border-radius:3px}.live-heading .eyebrow{color:#000}

/* Keep toolbar sprite images visible in every interaction state. */
.rich-editor .toastui-editor-defaultUI-toolbar button:not(:disabled):hover,
.rich-editor .toastui-editor-dropdown-toolbar button:not(:disabled):hover{background-color:#eee;border-color:#bbb}
.rich-editor .toastui-editor-toolbar-icons:not(:disabled).active{background-position-y:3px;background-color:#ddd;border-color:#999}
.rich-editor .toastui-editor-toolbar-icons:not(:disabled).active:hover{background-color:#ccc}
.rich-editor .toastui-editor-contents h1,
.rich-editor .toastui-editor-contents h2,
article h1,article h2{border-bottom:0;text-decoration:none;padding-bottom:0}
.rich-editor .toastui-editor-contents th{background-color:#eee;color:#000}.rich-editor .toastui-editor-contents th p{color:#000}

.template-library-link{display:block;text-align:center;padding:10px;margin-bottom:10px;color:#000;text-underline-offset:4px}

/* Shared outline icons: no font glyphs or state-dependent sprite offsets. */
.ui-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle;pointer-events:none}.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.doc-icon{display:inline-flex;align-items:center;min-height:21px}.doc-icon .ui-icon{width:18px;height:18px;flex-basis:18px}.rich-editor button.mnemio-tool-icon,.rich-editor button.rich-accent{display:inline-flex;align-items:center;justify-content:center;padding:0!important;background-image:none!important;color:#333;filter:none!important}.rich-editor button.mnemio-tool-icon:hover,.rich-editor button.rich-accent:hover{color:#000;background-color:#eee}.rich-editor button.mnemio-tool-icon.active{color:#000;background-color:#ddd}.rich-editor button.mnemio-tool-icon:disabled{opacity:.35}.rich-editor button .ui-icon{width:20px;height:20px;flex-basis:20px}#add-section,#manage-section{min-width:36px;min-height:36px}

/* Menu rows always align to the same icon and text columns. */
.menu-panel button.with-icon{display:flex;justify-content:flex-start;gap:12px;text-align:left}

/* Keep the pinned form actions above the rich editor and its table layers. */
#editor-dialog .rich-editor{position:relative;isolation:isolate;z-index:0}
#editor-dialog .dialog-actions{position:sticky;bottom:0;z-index:20;background:#fff;isolation:isolate;flex-shrink:0}

/* Closed disclosures must not leave a painted absolute panel or intercept clicks. */
.action-menu:not([open])>.menu-panel{display:none!important;visibility:hidden;pointer-events:none}
.topbar{position:relative;z-index:10}
#account-menu .menu-panel{z-index:70}

/* Do not replace nodes owned by the editor's virtual DOM when decorating icons. */
.rich-editor button.mnemio-tool-icon::before{content:'';display:block;width:20px;height:20px;background:currentColor;mask:var(--tool-icon) center/contain no-repeat;-webkit-mask:var(--tool-icon) center/contain no-repeat}
/* The editable surface has its own caret; the global focus outline otherwise
   draws a black rule across the document. Keep toolbar keyboard focus intact. */
.rich-editor .ProseMirror:focus,
.rich-editor .ProseMirror:focus-visible{outline:none!important;box-shadow:none!important}

.guest-intro{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:14px 24px;border-bottom:1px solid #ddd;background:#fafafa;order:-1;width:100%;font-size:14px;line-height:1.5}.guest-intro[hidden]{display:none}.guest-intro p{margin:0}.guest-intro nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.guest-intro a{white-space:nowrap}.guest-intro-create{padding:8px 12px;border:1px solid #bbb;border-radius:4px;text-decoration:none;background:#fff}.guest-intro-create:hover{background:#eee}.guest-main>.guest-intro{margin-bottom:24px;border:1px solid #ddd;border-radius:4px}@media(max-width:700px){.guest-intro{align-items:flex-start;flex-direction:column;padding:14px 16px;gap:10px}.guest-intro nav{gap:14px}}@media print{.guest-intro{display:none!important}}