@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

:root{color-scheme:dark;--rail:#1e1f22;--side:#2b2d31;--bg:#313338;--card:#2b2d31;--raised:#383a40;--line:#3f4147;--text:#f2f3f5;--muted:#b5bac1;--purple:#5865f2;--green:#23a55a;--font:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--font);line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:3px}input,textarea,select{color:var(--text);background:var(--side);border:1px solid var(--line);border-radius:7px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--purple)}button:disabled{opacity:.35;cursor:not-allowed}svg{display:block;flex-shrink:0}.icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.app-shell{height:100dvh;display:grid;grid-template-columns:72px 238px minmax(0,1fr);overflow:hidden}.rail{background:var(--rail);display:flex;align-items:center;flex-direction:column;padding:20px 0 15px;gap:14px;border-right:1px solid #2b2d31;z-index:30}.brand{width:44px;height:44px;background:var(--purple);color:#1e1f22;border-radius:14px;display:grid;place-items:center;margin-bottom:3px}.brand svg{width:29px;height:29px}.rail-divider{height:1px;background:var(--line);width:30px;margin:0 0 4px}.space-button{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#2b2d31;color:#b5bac1;position:relative;transition:background .18s,border-radius .18s}.space-button:hover{background:#383a40;color:#f2f3f5;border-radius:13px}.space-button.active{background:#383a40;color:#f2f3f5;border:1px solid #80848e}.space-button.active:before{content:'';position:absolute;left:-15px;top:11px;width:3px;height:20px;border-radius:0 4px 4px 0;background:var(--purple)}.space-button .icon{width:21px;height:21px}.space-button.add{background:transparent;border:1px dashed #4e5058;color:#b5bac1}.rail-spacer{flex:1}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dbdee1;color:#313338;font-size:12px;font-weight:700;position:relative}.avatar:after{content:'';height:8px;width:8px;position:absolute;right:-1px;bottom:0;background:#82ba95;border:3px solid var(--rail);border-radius:50%}.sidebar{background:var(--side);display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0;z-index:20}.workspace-button{padding:23px 20px 18px;display:flex;align-items:center;justify-content:space-between;width:100%;font:750 19px 'Manrope',sans-serif;letter-spacing:-.6px}.workspace-button span{font-size:10px;color:var(--muted);font-weight:500;letter-spacing:1.2px;display:block;margin-top:3px;text-align:left;text-transform:uppercase}.workspace-button>.icon{width:16px;color:var(--muted)}.search-button{margin:2px 15px 19px;padding:9px 10px;display:flex;align-items:center;gap:8px;text-align:left;background:#2b2d31;border:1px solid #313338;border-radius:6px;color:#b5bac1;font-size:12px}.search-button .icon{width:15px;height:15px}.search-button kbd{margin-left:auto;font:10px var(--font);color:#b5bac1;border:1px solid #383a40;border-radius:3px;padding:0 3px}.side-scroll{overflow:auto;flex:1;padding:0 11px 20px}.nav-row{display:flex;align-items:center;gap:10px;min-height:37px;width:100%;text-align:left;border-radius:5px;padding:8px 11px;color:#b5bac1;font-size:13px;margin-bottom:3px}.nav-row:hover{background:#2b2d31;color:#eee}.nav-row.active{background:#313338;color:#f2f3f5}.nav-row .icon{width:17px;height:17px;color:#b5bac1}.nav-row.active .icon{color:#dbdee1}.nav-row .count{margin-left:auto;font-size:10px;background:#313338;padding:1px 6px;border-radius:4px;color:#dbdee1}.nav-row .hash{font-size:21px;font-weight:400;width:17px;line-height:18px;color:#80848e}.section-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:1.25px;color:#80848e;margin:25px 9px 8px;text-transform:uppercase}.section-label .icon{width:12px;height:12px}.section-label>button:first-child{display:flex;align-items:center;gap:5px;padding:0;color:inherit;font-size:inherit;letter-spacing:inherit;font-weight:inherit}.section-label .add-small{margin-left:auto;padding:2px}.section-label .add-small .icon{width:14px;height:14px}.channel-row{min-height:34px;font-size:12px;gap:9px;margin-bottom:1px}.channel-row .channel-dot{width:5px;height:5px;border-radius:50%;background:var(--green);margin-left:auto}.sidebar-bottom{margin:0 14px 15px;border:1px solid #313338;border-radius:8px;padding:13px;background:linear-gradient(120deg,#2b2d31,#2b2d31)}.sidebar-bottom .storage-title{display:flex;gap:7px;font-size:11px;color:#dbdee1;font-weight:500}.sidebar-bottom p{font-size:10px;color:#80848e;margin:5px 0 0}.storage-track{height:3px;border-radius:4px;background:#383a40;margin-top:12px;overflow:hidden}.storage-track span{height:100%;background:#dbdee1;display:block;min-width:5%;max-width:100%}.main{min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{height:65px;min-height:65px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:12px;background:#313338}.topbar>.icon{color:#b5bac1;width:18px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#b5bac1}.breadcrumb strong{font-weight:550;color:#f2f3f5}.breadcrumb .slash{color:#4e5058}.top-actions{display:flex;gap:17px;align-items:center;margin-left:auto}.top-actions .icon-button{color:#b5bac1}.icon-button{padding:5px;display:inline-grid;place-items:center;border-radius:5px}.icon-button:hover{background:#313338;color:var(--text)}.local-status{font-size:10px;color:#b5bac1;display:flex;align-items:center;gap:6px}.local-status:before{content:'';height:5px;width:5px;border-radius:50%;background:#90bba7}.topbar-divider{height:17px;width:1px;background:var(--line)}.mobile-menu{display:none}.workspace-content{flex:1;min-height:0;display:flex}.content-scroll{overflow:auto;flex:1;min-width:0;padding:35px 38px 30px;scrollbar-gutter:stable}.page-wrap{max-width:1270px;margin:0 auto}.eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#dbdee1;display:flex;align-items:center;gap:7px;font-weight:600}.eyebrow .icon{width:13px;height:13px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:9px 0 7px}h1{font:750 31px/1.25 'Manrope',sans-serif;letter-spacing:-1.15px;margin:0}.subtitle{color:#b5bac1;font-size:12px;margin:0;line-height:1.8}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:#dbdee1;color:#2b2d31;border-radius:6px;padding:9px 13px;font-size:11px;font-weight:700;white-space:nowrap;transition:background .15s}.primary-button:hover{background:#f2f3f5}.primary-button .icon{width:15px;height:15px}.secondary-button{border:1px solid #383a40;background:#313338;border-radius:6px;padding:8px 12px;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-size:11px;color:#f2f3f5}.secondary-button:hover{background:#313338}.secondary-button .icon{width:14px;height:14px}.hero{display:flex;align-items:center;min-height:155px;position:relative;overflow:hidden;background:linear-gradient(108deg,#313338 0%,#2b2d31 60%,#2b2d31 100%);border:1px solid #383a40;border-radius:9px;margin:27px 0 30px;padding:25px 27px;gap:25px}.hero-copy{position:relative;z-index:1;max-width:500px}.hero-label{color:#dbdee1;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:650;display:flex;align-items:center;gap:7px}.hero-label .icon{height:13px;width:13px}.hero h2{font:650 20px 'Manrope',sans-serif;letter-spacing:-.55px;margin:10px 0 6px}.hero p{color:#b5bac1;font-size:11px;max-width:390px;margin:0}.hero-link{display:flex;align-items:center;gap:8px;font-size:10px;color:#f2f3f5;padding:0;margin-top:16px}.hero-link .icon{width:14px;height:14px}.castle-art{margin-left:auto;width:265px;min-width:170px;height:150px;opacity:.9}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 14px}.section-heading h2{font:650 14px 'Manrope',sans-serif;letter-spacing:-.2px;margin:0;display:flex;align-items:center;gap:8px}.section-heading h2 span{font:10px var(--font);color:#b5bac1;border:1px solid #383a40;border-radius:4px;padding:0 5px}.text-button{font-size:10px;color:#b5bac1;padding:3px 0;display:inline-flex;align-items:center;gap:6px}.text-button:hover{color:var(--purple)}.text-button .icon{width:12px;height:12px}.spaces-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.space-card{display:flex;flex-direction:column;text-align:left;border:1px solid #383a40;border-radius:8px;background:#2b2d31;padding:17px 17px 14px;min-height:155px;position:relative;transition:transform .2s,border-color .2s}.space-card:hover{border-color:var(--accent);transform:translateY(-3px);background:#313338}.space-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.space-card-top>.icon{width:14px;color:#80848e}.space-icon{height:33px;width:33px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);display:grid;place-items:center;border-radius:8px}.space-icon .icon{width:18px;height:18px}.space-card h3{font-size:12px;font-weight:600;margin:0 0 4px}.space-card p{font-size:10px;line-height:1.6;margin:0 0 15px;color:#b5bac1;flex:1}.space-card-bottom{display:flex;align-items:center;gap:6px;font-size:9px;color:#b5bac1;border-top:1px solid #383a40;padding-top:10px}.space-card-bottom .tiny-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.space-card-bottom .icon{width:11px;height:11px;margin-left:auto}.workspace-tabs{display:flex;align-items:center;border-bottom:1px solid #383a40;margin-top:32px;gap:23px}.workspace-tabs button{font-size:11px;padding:0 0 12px;color:#b5bac1;display:flex;gap:6px;align-items:center;position:relative}.workspace-tabs button .icon{height:14px;width:14px}.workspace-tabs button.active{color:#f2f3f5}.workspace-tabs button.active:after{content:'';height:2px;border-radius:3px;background:#dbdee1;position:absolute;bottom:-1px;left:0;right:0}.workspace-tabs .tab-count{font-size:9px;border-radius:3px;background:#313338;padding:0 4px}.workspace-tabs .view-toggle{margin-left:auto;padding-bottom:10px;display:flex;gap:5px}.view-toggle button{padding:3px;color:#80848e;border-radius:3px}.view-toggle button.active{background:#313338;color:#dbdee1}.view-toggle button.active:after{display:none}.document-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.document-table th{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#80848e;font-weight:500;padding:13px 10px 10px;border-bottom:1px solid #313338}.document-table td{padding:14px 10px;border-bottom:1px solid #313338;color:#b5bac1}.document-table th:first-child,.document-table td:first-child{padding-left:5px}.document-name{display:flex;align-items:center;gap:11px;color:#f2f3f5;text-align:left;padding:0;font-size:11px}.document-name:hover{color:var(--purple)}.document-type-icon{width:28px;height:31px;display:grid;place-items:center;border:1px solid #383a40;border-radius:5px;color:#dbdee1;background:#313338}.document-type-icon .icon{width:15px;height:15px}.document-title-meta{display:block;font-size:9px;color:#80848e;margin-top:3px}.tag{font-size:9px;padding:3px 6px;border-radius:4px;background:color-mix(in srgb,var(--accent,#dbdee1) 10%,transparent);color:var(--accent,#dbdee1);white-space:nowrap}.status-pill{font-size:9px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.status-pill:before{content:'';height:5px;width:5px;border-radius:50%;background:currentColor}.status-pill.seed{color:#b5bac1}.status-pill.draft{color:#d2b887}.status-pill.growing{color:#8ebdaf}.pin-button{padding:2px;color:#80848e}.pin-button.pinned{color:#dbdee1}.pin-button .icon{width:13px;height:13px}.footer-tip{margin-top:26px;color:#80848e;font-size:10px;display:flex;align-items:center;gap:7px}.footer-tip .icon{width:13px;height:13px}.footer-tip kbd{font:9px var(--font);border:1px solid #383a40;padding:1px 4px;border-radius:3px;color:#b5bac1}.footer-tip .footer-right{margin-left:auto;font-size:9px;display:flex;align-items:center;gap:5px}.footer-right i{height:4px;width:4px;background:#b5bac1;border-radius:50%}.inspector{width:256px;min-width:256px;border-left:1px solid var(--line);padding:25px 20px;overflow:auto;background:#2b2d31}.inspector-title{font-size:11px;font-weight:600;display:flex;align-items:center;gap:8px;color:#dbdee1}.inspector-title .icon{height:14px;width:14px;color:#b5bac1}.mini-graph{width:100%;height:181px;margin:15px 0 0;background:radial-gradient(ellipse,#2b2d31,transparent 70%)}.inspector p{font-size:10px;color:#80848e;line-height:1.7}.graph-caption{display:flex;justify-content:space-between;font-size:9px;color:#80848e}.inspector-section{border-top:1px solid #313338;padding-top:20px;margin-top:24px}.inspector-label{font-size:9px;letter-spacing:1.4px;color:#80848e;font-weight:600;text-transform:uppercase;margin:0 0 15px}.quick-link{display:flex;align-items:center;gap:8px;text-align:left;font-size:10px;width:100%;padding:8px 0;color:#dbdee1}.quick-link>.icon:first-child{color:#b5bac1;width:14px;height:14px}.quick-link>.icon:last-child{width:11px;margin-left:auto;color:#80848e}.activity-item{position:relative;padding:0 0 17px 17px;border-left:1px solid #383a40;margin-left:4px}.activity-item:last-child{padding-bottom:0;border-left-color:transparent}.activity-item:before{position:absolute;content:'';left:-4px;top:5px;background:#b5bac1;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #2b2d31}.activity-item strong{font-size:10px;font-weight:500;display:block;color:#dbdee1}.activity-item span{font-size:9px;color:#80848e;display:block;margin-top:3px}.inspector-quote{margin-top:33px;border:1px solid #313338;border-radius:7px;padding:15px;background:linear-gradient(130deg,#2b2d31,#2b2d31)}.inspector-quote .quote-mark{font:32px Georgia;color:#b5bac1;line-height:1}.inspector-quote blockquote{font:12px/1.8 Georgia,serif;font-style:italic;margin:0;color:#dbdee1}.inspector-quote small{color:#80848e;font-size:8px;letter-spacing:1px;display:block;margin-top:10px;text-transform:uppercase}.page-toolbar{display:flex;gap:8px;align-items:center;margin:23px 0 18px;flex-wrap:wrap}.page-toolbar input{font-size:11px;min-width:200px;padding:8px 11px;flex:1}.page-toolbar select{font-size:11px;padding:8px 10px}.doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.doc-card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px;text-align:left;min-height:175px;display:flex;flex-direction:column;gap:12px}.doc-card:hover{border-color:#80848e}.doc-card h3{font-size:13px;margin:0;font-weight:550}.doc-card p{font-size:11px;color:var(--muted);margin:0;flex:1}.doc-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.empty-state{padding:70px 20px;text-align:center;border:1px dashed #383a40;border-radius:9px;margin-top:20px;color:var(--muted)}.empty-state>.icon{margin:0 auto 16px;color:var(--purple);width:30px;height:30px}.empty-state h2{color:var(--text);font-size:18px}.empty-state p{font-size:12px;margin-bottom:20px}.document-reader{max-width:820px;margin:0 auto}.reader-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.reader-back{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;padding:0}.reader-back .icon{width:14px}.reader-actions{display:flex;align-items:center;gap:8px}.reader-meta{display:flex;gap:12px;align-items:center;margin:16px 0 26px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.document-reader h1{font-size:32px}.rich-document{font-size:14px;color:#dbdee1;line-height:1.9;overflow-wrap:anywhere}.rich-document h1,.rich-document h2,.rich-document h3{font-family:'Manrope',sans-serif;line-height:1.4;letter-spacing:-.4px;color:#f2f3f5}.rich-document h1{font-size:25px;margin:32px 0 15px}.rich-document h2{font-size:21px;margin:30px 0 13px}.rich-document h3{font-size:16px;margin:25px 0 10px}.rich-document p{margin:12px 0}.rich-document blockquote{border-left:3px solid #b5bac1;background:#313338;margin:22px 0;padding:14px 20px;border-radius:0 7px 7px 0;color:#dbdee1}.rich-document ul,.rich-document ol{padding-left:23px}.rich-document li{padding:3px 0}.rich-document strong{color:#f2f3f5}.rich-document code{font:12px/1.7 ui-monospace,monospace;background:#313338;padding:2px 5px;border-radius:4px;color:#dbdee1}.rich-document pre{background:#1e1f22;border:1px solid #313338;border-radius:7px;padding:17px;overflow:auto}.rich-document pre code{padding:0;background:none}.rich-document hr{border:0;border-top:1px solid var(--line);margin:26px 0}.table-scroll{overflow:auto}.rich-document table{border-collapse:collapse;width:100%;font-size:12px;margin:20px 0}.rich-document th,.rich-document td{border:1px solid #383a40;padding:10px 13px;text-align:left}.rich-document th{background:#313338;color:#f2f3f5;font-weight:550}.rich-document tr:nth-child(even){background:#2b2d31}.rich-document .wiki-link{color:#dbdee1;border-bottom:1px dashed #80848e;background:none;padding:0;font:inherit}.rich-document .task-item{list-style:none;display:flex;gap:9px;margin-left:-20px}.task-box{width:14px;height:14px;flex-shrink:0;border:1px solid #80848e;border-radius:3px;margin-top:7px;display:grid;place-items:center;font-size:10px;line-height:1;color:var(--green)}.doc-tags{display:flex;gap:7px;margin:0 0 25px}.doc-tags span{color:#b5bac1;background:#313338;padding:3px 8px;border-radius:4px;font-size:10px}.document-links{margin-top:35px;padding-top:20px;border-top:1px solid var(--line)}.document-links h3{font-size:11px;color:#b5bac1;text-transform:uppercase;letter-spacing:1px}.document-links button{display:inline-flex;gap:6px;align-items:center;color:#dbdee1;font-size:12px;background:#313338;padding:9px 12px;border:1px solid #383a40;border-radius:6px;margin:0 8px 8px 0}.document-links .icon{width:13px;height:13px}.reader-note{font-size:10px;color:#80848e;padding:10px 13px;background:#2b2d31;border:1px solid #383a40;border-radius:6px;margin-bottom:22px}.chart-panel{border:1px solid var(--line);background:#2b2d31;border-radius:8px;padding:23px;margin:22px 0}.chart-panel h3{font-size:13px;margin:0 0 5px;color:#dbdee1}.chart-panel p{font-size:10px;color:#80848e;margin:0 0 20px}.bar-row{display:grid;grid-template-columns:110px 1fr 28px;align-items:center;gap:12px;margin:15px 0;font-size:10px;color:#b5bac1}.bar-track{background:#313338;height:12px;border-radius:3px;overflow:hidden}.bar-track span{height:100%;display:block;background:#dbdee1;border-radius:3px}.flow-diagram{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;padding:25px 10px;border:1px solid var(--line);border-radius:8px;background:#2b2d31;margin:22px 0}.flow-node{padding:12px 17px;border-radius:7px;border:1px solid #4e5058;color:#dbdee1;background:#313338;font-size:11px}.flow-arrow{color:#80848e;font-size:18px}.network-panel{height:460px;border:1px solid #313338;border-radius:9px;margin-top:23px;background:radial-gradient(ellipse,#313338 0%,#313338 70%);overflow:hidden;position:relative}.network-panel svg{width:100%;height:100%}.network-node{cursor:pointer}.network-node:hover circle{stroke:#f2f3f5;stroke-width:3}.network-node text{font:10px var(--font);fill:#dbdee1;paint-order:stroke;stroke:#2b2d31;stroke-width:3px;stroke-linejoin:round}.network-legend{position:absolute;bottom:16px;left:20px;display:flex;gap:14px;font-size:9px;color:#b5bac1;flex-wrap:wrap}.network-legend span{display:flex;align-items:center;gap:5px}.network-legend i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.network-summary{position:absolute;top:15px;left:18px;color:#b5bac1;font-size:10px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.board-column{background:#2b2d31;border:1px solid #313338;border-radius:8px;padding:15px}.board-column>h3{display:flex;justify-content:space-between;font-size:11px;margin:0 0 17px;color:#b5bac1}.board-column>h3 span{color:#80848e}.board .doc-card{padding:14px;min-height:130px;margin-bottom:10px;width:100%}.board .doc-card h3{font-size:12px}.board .doc-card p{font-size:10px}.board-empty{font-size:11px;color:#80848e;text-align:center;padding:30px 0}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#090a10ba;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#2b2d31;border:1px solid #383a40;border-radius:12px;box-shadow:0 20px 100px #0006;width:520px;max-width:100%;max-height:90dvh;overflow:auto;padding:25px}.modal.wide{width:1000px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-header h2{font:650 19px 'Manrope',sans-serif;margin:0;letter-spacing:-.5px}.modal>p{font-size:12px;color:var(--muted);line-height:1.8}.modal label{display:block;font-size:11px;color:#dbdee1;margin:15px 0 6px}.modal input:not([type=checkbox]),.modal select{width:100%}.modal textarea{width:100%;min-height:130px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.form-row{display:flex;gap:14px}.form-row>div{flex:1;min-width:0}.editor-content{height:42vh;min-height:240px;font:12px/1.8 ui-monospace,monospace!important;tab-size:2}.editor-hint{font-size:10px;color:#b5bac1;line-height:1.7;margin-top:8px}.editor-toolbar{display:flex;gap:5px;align-items:center;margin:13px 0 8px;flex-wrap:wrap}.editor-toolbar button{font-size:10px;background:#313338;color:#dbdee1;padding:4px 8px;border-radius:3px}.search-modal{padding:0;align-self:flex-start;margin-top:10vh}.search-input-wrap{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid var(--line)}.search-input-wrap>.icon{color:#b5bac1}.search-input-wrap input{border:none;background:none;padding:0;font-size:14px;width:100%}.search-results{padding:10px;max-height:50vh;overflow:auto}.search-result{padding:12px 10px;display:flex;align-items:center;gap:12px;text-align:left;width:100%;border-radius:5px}.search-result:hover,.search-result:focus-visible{background:#313338}.search-result>div{flex:1}.search-result strong{font-size:12px;font-weight:500;display:block}.search-result small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.search-footer{padding:10px 18px;border-top:1px solid var(--line);font-size:10px;color:#b5bac1}.settings-row{padding:17px 0;border-bottom:1px solid #383a40;display:flex;gap:20px;align-items:center}.settings-row>div{flex:1}.settings-row strong{font-size:12px;font-weight:550}.settings-row p{font-size:11px;color:#b5bac1;margin:5px 0}.danger{color:#e8a4a4;border-color:#6c444c}.form-error{color:#e7a2ae;font-size:11px;margin:10px 0 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#383a40;border:1px solid #80848e;color:#f2f3f5;padding:11px 20px;border-radius:7px;box-shadow:0 5px 25px #0005;font-size:12px;z-index:150;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.nav-scrim{display:none}.space-context{display:flex;align-items:center;gap:12px;margin-bottom:20px}.space-context>.space-icon{width:42px;height:42px}.space-context .eyebrow{margin-bottom:4px}.small-info{font-size:11px;color:#b5bac1;margin-top:18px}.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.onboarding-grid>div{border:1px solid #383a40;border-radius:6px;padding:14px}.onboarding-grid strong{font-size:12px;color:#dbdee1}.onboarding-grid p{font-size:11px;color:#b5bac1;line-height:1.8;margin:7px 0 0}.save-warning{background:#57392f;color:#f2c5ab;padding:10px;font-size:12px}.toolbar-spacer{flex:1}
@media(min-width:1650px){.content-scroll{padding:42px 50px}.hero{min-height:180px}.space-card{min-height:180px}.inspector{width:280px;min-width:280px;padding:30px 25px}.document-table td{padding-top:17px;padding-bottom:17px}}
@media(max-width:1250px){.inspector{display:none}.inspector.open{display:block;position:absolute;right:0;top:65px;bottom:0;z-index:25;box-shadow:-15px 0 50px #0004}.content-scroll{padding:28px}.spaces-grid{gap:10px}.space-card{padding:15px 12px}}
@media(max-width:1000px){.app-shell{grid-template-columns:64px 208px minmax(0,1fr)}.rail{padding-top:20px}.space-button.active:before{left:-11px}.workspace-button{font-size:18px;padding-left:16px;padding-right:16px}.content-scroll{padding:25px}.spaces-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.space-card{min-height:140px}.space-card-top{margin-bottom:12px}.hero{padding:23px;min-height:155px}.castle-art{min-width:120px;width:120px}.doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-table .optional{display:none}.topbar{padding:0 25px}.board{gap:10px}.board-column{padding:10px}.board .doc-card{padding:10px}h1{font-size:28px}}
@media(max-width:760px){.app-shell{display:block}.rail,.sidebar{position:fixed;top:0;bottom:0;transform:translateX(-310px);transition:transform .2s}.rail{left:0;width:64px}.sidebar{left:64px;width:230px}.nav-open .rail,.nav-open .sidebar{transform:translateX(0)}.nav-open .nav-scrim{display:block;position:fixed;inset:0;background:#0009;z-index:19}.main{height:100dvh}.mobile-menu{display:inline-grid}.topbar{height:57px;min-height:57px;padding:0 15px;gap:9px}.topbar>.icon{display:none}.top-actions{gap:9px}.local-status{display:none}.topbar-divider{display:none}.breadcrumb{gap:7px;font-size:11px}.content-scroll{padding:24px 19px}.page-heading{gap:10px}h1{font-size:25px}.page-heading .primary-button{font-size:0;padding:9px}.page-heading .primary-button .icon{width:17px;height:17px}.subtitle{font-size:11px}.hero{margin:22px 0;padding:20px;min-height:170px}.hero-copy{max-width:85%}.hero h2{font-size:19px}.hero p{font-size:11px}.castle-art{position:absolute;right:-52px;width:175px;opacity:.22}.spaces-grid{gap:10px}.space-card{padding:14px;min-height:157px}.space-card h3{font-size:12px}.space-card p{font-size:10px}.workspace-tabs{gap:19px;margin-top:26px}.workspace-tabs button{font-size:10px}.document-table .space-cell{display:none}.document-table td{padding:13px 5px}.document-name{font-size:10px;gap:8px}.document-title-meta{font-size:8px}.document-table .date-cell{display:none}.footer-tip .footer-right{display:none}.inspector.open{top:57px;width:270px}.hero-label{font-size:8px}.doc-grid{grid-template-columns:1fr 1fr;gap:10px}.doc-card{padding:14px}.doc-card h3{font-size:12px}.board{grid-template-columns:1fr}.board-column{padding:15px}.board .doc-card{min-height:auto}.reader-actions{gap:4px}.reader-actions .secondary-button{padding:7px;font-size:10px}.document-reader h1{font-size:26px}.rich-document{font-size:13px}.modal-backdrop{padding:12px}.modal{padding:20px;max-height:95dvh}.search-modal{padding:0}.form-row{gap:9px}.network-panel{height:400px}.network-node text{font-size:12px}.reader-topline{align-items:flex-start}.bar-row{grid-template-columns:90px 1fr 24px}.workspace-tabs .view-toggle{gap:2px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.inspector.user-hidden{display:none}.breadcrumb strong{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom .icon{width:14px;height:14px}.channel-row>.icon:last-child:not(:first-child){width:12px;margin-left:auto}.rail{overflow-y:auto;scrollbar-width:none}.rail>.space-button,.rail>.brand,.rail>.avatar{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:760px){.breadcrumb strong{max-width:145px}.form-row{flex-wrap:wrap}.form-row>div{flex:1 1 40%}}
/* Keep the viewport grid bounded so its flex child can actually scroll.
   overflow:clip does not establish the same sizing constraint as hidden. */
html,body{height:100%;overflow:hidden}
.app-shell{grid-template-rows:minmax(0,1fr);overflow:hidden}
.main{min-height:0;overflow:hidden}
.workspace-content{min-height:0;overflow:hidden}
.content-scroll{position:relative;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}
@media(max-width:760px){.rail,.sidebar{visibility:hidden}.nav-open .rail,.nav-open .sidebar{visibility:visible}.footer-tip{flex-wrap:wrap}.page-heading h1{min-width:0}.space-card-bottom{flex-wrap:wrap}}

/* Discord dark: layered neutral surfaces with blurple reserved for actions. */
:root{--rail:#1e1f22;--side:#2b2d31;--bg:#313338;--card:#2b2d31;--raised:#383a40;--line:#3f4147;--text:#f2f3f5;--muted:#b5bac1;--purple:#5865f2;--green:#23a55a}
a,.rich-document .wiki-link{color:#00a8fc}
.brand,.primary-button,.space-button.active{background:#5865f2;color:#fff;border-color:transparent}
.brand:hover,.primary-button:hover{background:#4752c4}
.space-button:hover{background:#5865f2;color:#fff}
.space-button.active:before{background:#fff}
.nav-row.active{background:#404249;color:#fff}
.nav-row.active .icon,.nav-row.active .hash{color:#fff}
.nav-row:hover{background:#35373c;color:#dbdee1}
.search-button{background:#1e1f22;border-color:#1e1f22}
.topbar{background:#313338}.inspector{background:#2b2d31}
.hero{background:linear-gradient(110deg,#353849,#2b2d31);border-color:#41434a}
.hero-label,.hero-link,.eyebrow,.pin-button.pinned,.reader-actions .pinned{color:#949cf7}
.space-card,.doc-card,.board-column{background:#2b2d31;border-color:#3f4147}
.space-card:hover,.doc-card:hover{background:#35373c}
.workspace-tabs button.active{color:#fff}.workspace-tabs button.active:after{background:#5865f2}
.workspace-tabs .tab-count,.nav-row .count{background:#4e5058;color:#dbdee1}
.view-toggle button.active{background:#404249;color:#fff}
.primary-button .icon{color:#fff}
.secondary-button,.editor-toolbar button{background:#4e5058;color:#fff;border-color:transparent}
.secondary-button:hover,.editor-toolbar button:hover{background:#6d6f78}
.sidebar-bottom,.inspector-quote{background:#232428;border-color:#3f4147}
.storage-track span,.bar-track span{background:#5865f2}
.document-type-icon{background:#383a40;border-color:#4e5058;color:#b5bac1}
.doc-tags span,.document-links button{background:#5865f226;color:#c9cdfb;border-color:#5865f24d}
.rich-document blockquote{background:#2b2d31;border-left-color:#5865f2;color:#dbdee1}
.rich-document code{background:#2b2d31;color:#dbdee1}.rich-document pre{background:#1e1f22}
.rich-document th{background:#2b2d31;color:#f2f3f5}.rich-document tr:nth-child(even){background:#2e3035}
.flow-node{background:#5865f226;border-color:#5865f280;color:#c9cdfb}.flow-arrow{color:#949cf7}
.modal{background:#313338;border-color:#1e1f22}.search-result:hover,.search-result:focus-visible{background:#404249}
.network-panel,.mini-graph{background:radial-gradient(ellipse,#383b48,#313338 75%)}
.network-node text{fill:#dbdee1;stroke:#313338}
.avatar{background:#5865f2;color:#fff}.avatar:after,.channel-dot,.local-status:before{background:#23a55a}
.status-pill.growing{color:#57f287}.status-pill.draft{color:#fee75c}.status-pill.seed{color:#b5bac1}
.danger,.form-error{color:#f18585}.secondary-button.danger{background:#da373c;color:#fff}
#toast{background:#232428;border-color:#5865f2;color:#f2f3f5}
.mini-graph{background:radial-gradient(ellipse,#383b4866,transparent 75%)}
.tag{color:color-mix(in srgb,var(--accent,#949cf7) 65%,#fff)}