:root{--primary:#66558a;--on-primary:#fff;--primary-container:#eadfff;--on-primary-container:#251744;--secondary:#625b70;--surface:#fcf9ff;--surface-low:#f6f2fa;--surface-high:#ede8f1;--surface-highest:#e6e0e9;--on-surface:#1d1a20;--on-surface-variant:#49454e;--outline:#7b757f;--outline-soft:#d0c9d4;--error:#ba1a1a;--error-container:#ffdad6;--success:#246b45;--success-container:#d0f3dc;--lavender:#e8def8;--blue:#d7e3ff;--mint:#ccebdc;--peach:#ffddc7;--rose:#ffd9df;--yellow:#f6e3a9;--shadow:0 1px 2px #1d1a2014,0 8px 24px #1d1a200d;--radius:20px;--sidebar:274px;--topbar:68px;font-family:Inter,"Segoe UI",system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--on-surface);font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}svg{flex:0 0 auto}.icon{display:inline-block;vertical-align:middle}.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}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:999;background:var(--on-surface);color:var(--surface);padding:.7rem 1rem;border-radius:10px}.skip-link:focus{top:1rem}.brand{display:inline-flex;align-items:center;gap:8px;font-size:21px;font-weight:750;letter-spacing:-.5px}.brand-light{font-weight:400}.brand-mark{position:relative;display:grid;place-items:center;width:34px;height:34px;background:var(--primary-container);color:var(--primary);border-radius:11px;font-size:24px;font-family:Georgia,serif;font-weight:800}.brand-mark span{position:absolute;font:12px sans-serif;right:-3px;top:-6px}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:20px 16px 12px;background:var(--surface-low);border-right:1px solid var(--outline-soft);display:flex;flex-direction:column;z-index:50;overflow-y:auto}.sidebar>.brand{margin:0 10px 23px}.workspace-label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--outline-soft);border-radius:15px;margin-bottom:18px;background:color-mix(in srgb,var(--surface) 70%,transparent)}.workspace-label div,.sidebar-footer div{display:flex;flex-direction:column;min-width:0;flex:1}.workspace-label strong,.sidebar-footer strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-label span:not(.workspace-avatar):not(.online-dot),.sidebar-footer span{font-size:12px;color:var(--on-surface-variant)}.workspace-avatar,.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--primary-container);color:var(--on-primary-container);font-size:13px;font-weight:750}.online-dot{width:8px;height:8px;border-radius:50%;background:#22a660;flex:0 0 auto}.primary-nav,.spaces-nav{display:flex;flex-direction:column;gap:3px}.nav-item{min-height:44px;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;color:var(--on-surface-variant);font-size:14px;font-weight:550}.nav-item:hover{background:var(--surface-high)}.nav-item.active{background:var(--primary-container);color:var(--on-primary-container);font-weight:700}.nav-count{margin-left:auto;font-size:12px;background:var(--surface-highest);padding:1px 7px;border-radius:20px}.nav-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 8px 7px;color:var(--on-surface-variant);font-size:11px;font-weight:750;letter-spacing:1px}.mini-tile{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#3f354c}.mini-tile .icon{width:17px;height:17px}.space-nav{padding:6px 9px}.space-nav>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-nav>.icon:last-child{margin-left:auto;width:16px}.active-space{color:var(--on-surface);font-weight:700}.page-tree{margin:0 0 8px 23px;padding-left:16px;border-left:1px solid var(--outline-soft)}.tree-link,.tree-add{display:flex;align-items:center;gap:7px;min-height:34px;padding:5px 8px;margin:2px 0;border-radius:8px;color:var(--on-surface-variant);font-size:13px}.tree-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-link>.icon{width:15px}.tree-link:hover,.tree-link.selected{background:var(--surface-high);color:var(--primary)}.tree-link.selected{font-weight:700}.tree-children{margin-left:11px;border-left:1px solid var(--outline-soft);padding-left:4px}.tree-add{color:var(--primary);font-weight:650}.draft-dot{width:6px;height:6px;border-radius:50%;background:#a86000;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:20px}.sidebar-footer{display:flex;align-items:center;gap:9px;border-top:1px solid var(--outline-soft);margin-top:12px;padding:15px 7px 2px}.main-shell{grid-column:2;min-width:0}.topbar{position:sticky;top:0;height:var(--topbar);z-index:30;display:flex;align-items:center;gap:14px;padding:0 28px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--outline-soft)}.topbar-location{display:flex;align-items:center;gap:8px;min-width:180px;color:var(--on-surface-variant);font-size:13px}.topbar-location strong{color:var(--on-surface)}.topbar-location .icon{width:14px}.global-search,.space-filter{display:flex;align-items:center;position:relative}.global-search{margin:auto;max-width:480px;flex:1}.global-search>.icon,.space-filter>.icon{position:absolute;left:14px;width:19px;color:var(--on-surface-variant)}.global-search input,.space-filter input{width:100%;height:42px;border:1px solid var(--outline-soft);border-radius:22px;background:var(--surface-low);padding:0 75px 0 44px;outline:none}.global-search input:focus,.space-filter input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}kbd{position:absolute;right:12px;border:1px solid var(--outline-soft);border-radius:6px;background:var(--surface);padding:1px 6px;color:var(--on-surface-variant);font-size:11px}.top-avatar{width:34px;height:34px}.mobile-menu{display:none}.main-content{width:100%;max-width:1400px;margin:0 auto;padding:44px clamp(24px,5vw,72px) 24px}.notice{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;margin-bottom:18px;font-size:14px}.notice.error{background:var(--error-container);color:#7f1414}.notice.success{background:var(--success-container);color:var(--success)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.page-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,62px);font-weight:500;line-height:1.05;letter-spacing:-2px;margin:8px 0 12px}.page-heading p{margin:0;color:var(--on-surface-variant);font-size:17px}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:800;color:var(--primary)}.button,.icon-button,.text-button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button{min-height:44px;padding:9px 18px;border-radius:22px;font-weight:700;font-size:14px}.button.primary{background:var(--primary);color:var(--on-primary);box-shadow:0 3px 10px #66558a2d}.button.primary:hover{background:#574775}.button.tonal{background:var(--primary-container);color:var(--on-primary-container)}.button.danger{background:var(--error);color:#fff}.button.small{min-height:38px;padding:7px 14px}.button.full{width:100%}.icon-button{width:42px;height:42px;border-radius:50%;background:transparent}.icon-button:hover,.icon-button.selected{background:var(--surface-high)}.icon-button.small{width:32px;height:32px}.icon-button.outlined{border:1px solid var(--outline-soft)}.text-button{background:transparent;color:var(--primary);font-weight:700}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:14px;font-weight:750}.text-link .icon,.button .icon{width:18px;height:18px}.lavender{background:var(--lavender)}.blue{background:var(--blue)}.mint{background:var(--mint)}.peach{background:var(--peach)}.rose{background:var(--rose)}.yellow{background:var(--yellow)}.welcome-banner{min-height:300px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(125deg,#46365f,#6d5a90);color:#fff;border-radius:30px;padding:40px 48px;margin:12px 0 24px}.welcome-banner h2{font:500 clamp(34px,4vw,48px)/1.04 Georgia,serif;letter-spacing:-1.5px;margin:22px 0 13px}.welcome-banner p{color:#ede4f8}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:20px;padding:6px 11px;font-size:10px;font-weight:800;letter-spacing:1px}.banner-pill{background:#ffffff19}.banner-link{display:inline-flex;align-items:center;gap:8px;margin-top:17px;font-weight:700}.banner-link .icon{width:18px}.banner-art{position:relative;min-height:220px}.big-asterisk{position:absolute;right:19%;top:20%;font-size:100px;color:#eddb8a;line-height:1}.orbit{position:absolute;border:1px solid #ffffff31;border-radius:50%}.orbit-one{width:250px;height:250px;right:2%;top:-12%}.orbit-two{width:170px;height:170px;right:23%;top:14%}.floating-note{position:absolute;right:3%;bottom:3%;width:270px;display:flex;align-items:center;gap:12px;padding:14px;background:#fff;color:#2c2631;border-radius:16px;box-shadow:0 15px 50px #22162b4f}.floating-note div{display:flex;flex-direction:column;flex:1}.floating-note strong{font-size:13px}.floating-note span{font-size:11px;color:#6e6574}.note-check{display:grid!important;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--mint);color:#286649!important}.note-check .icon{width:14px}.little-star,.little-plus{position:absolute;font-size:26px;color:#fff}.little-star{right:5%;top:0}.little-plus{left:18%;bottom:3%}.stats-row{display:flex;align-items:center;gap:14px;margin-bottom:52px}.stats-row>div{display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:10px 15px;border-right:1px solid var(--outline-soft)}.stats-row>div>.icon{grid-row:1/3;color:var(--primary)}.stats-row strong{line-height:1}.stats-row span{font-size:12px;color:var(--on-surface-variant)}.stats-note{margin-left:auto;color:var(--primary);font-size:13px}.stats-note .icon{width:15px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px}.section-heading h2{display:flex;align-items:center;gap:8px;font:500 28px/1.15 Georgia,serif;margin:0}.section-heading p{margin:4px 0 0;color:var(--on-surface-variant);font-size:14px}.view-controls{display:flex;gap:4px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.filter-chips{display:flex;gap:8px}.chip{border:1px solid var(--outline-soft);background:transparent;padding:7px 13px;border-radius:18px;font-size:13px;cursor:pointer}.chip.active{background:var(--primary-container);border-color:transparent;color:var(--on-primary-container);font-weight:700}.chip span{margin-left:5px}.filter-bar .space-filter{width:240px}.space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.space-grid.list{grid-template-columns:1fr}.space-card,.add-space-card{min-height:224px;border:1px solid var(--outline-soft);border-radius:var(--radius);background:var(--surface);transition:transform .18s,box-shadow .18s,border-color .18s}.space-card:hover,.add-space-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--primary) 45%,var(--outline-soft))}.space-card-link{height:100%;padding:22px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center}.icon-tile{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#40334f}.icon-tile.large{width:66px;height:66px;border-radius:20px}.icon-tile.large .icon{width:30px;height:30px}.category-label{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--on-surface-variant)}.space-card h3,.add-space-card strong,.pinned-card h3{font:500 23px/1.2 Georgia,serif;margin:18px 0 7px}.space-card p,.add-space-card>span,.pinned-card p{margin:0;color:var(--on-surface-variant);font-size:14px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px}.card-bottom>span:first-child{display:flex;align-items:center;gap:7px;color:var(--on-surface-variant);font-size:12px}.card-bottom .icon{width:15px}.card-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface-high)}.add-space-card{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border-style:dashed;padding:22px}.add-circle{display:grid!important;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--primary-container);color:var(--primary)}.add-space-card strong{margin:15px 0 5px}.add-space-label{display:flex!important;align-items:center;gap:6px;color:var(--primary)!important;font-weight:700;margin-top:14px!important}.add-space-label .icon{width:16px}.space-grid.list .space-card,.space-grid.list .add-space-card{min-height:120px}.space-grid.list .space-card-link{display:grid;grid-template-columns:160px 1fr 160px;align-items:center}.space-grid.list .card-top{justify-content:flex-start;gap:15px}.space-grid.list h3{margin:0}.space-grid.list .card-bottom{padding:0}.recent-section,.spaces-section{margin-top:48px}.page-list{border:1px solid var(--outline-soft);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.page-row{min-height:70px;display:flex;align-items:center;gap:13px;padding:11px 16px;border-bottom:1px solid var(--outline-soft)}.page-row:last-child{border-bottom:0}.page-row:hover{background:var(--surface-low)}.page-row-main{min-width:0;display:flex;flex-direction:column;flex:1}.page-row-main>a{font-weight:700}.page-row-main>a:hover{color:var(--primary)}.page-row-main>span,.row-date{font-size:12px;color:var(--on-surface-variant)}.dot-separator{margin:0 4px}.badge{display:inline-flex;width:max-content;align-items:center;border-radius:12px;padding:3px 9px;font-size:11px;font-weight:750}.badge.draft{background:#ffe2b9;color:#704600}.badge.published{background:var(--success-container);color:var(--success)}.knowledge-tip{display:flex;align-items:center;gap:16px;background:var(--surface-low);border-radius:18px;padding:18px 22px;margin:42px 0}.knowledge-tip div{flex:1}.knowledge-tip p{margin:2px 0 0;color:var(--on-surface-variant);font-size:14px}.content-footer{display:flex;justify-content:space-between;border-top:1px solid var(--outline-soft);padding-top:22px;margin-top:70px;color:var(--on-surface-variant);font-size:12px}.footer-spark{color:var(--primary)}.breadcrumb{display:flex;align-items:center;gap:7px;color:var(--on-surface-variant);font-size:13px;margin-bottom:25px}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .icon{width:13px}.space-heading{align-items:center}.space-heading>div:first-child{display:grid;grid-template-columns:80px 1fr;align-items:center}.space-heading .icon-tile{grid-row:1/4}.space-heading h1{font-size:48px;margin:0}.space-heading p,.space-heading .inline-meta{grid-column:2}.heading-actions{display:flex;align-items:center;gap:8px}.inline-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--on-surface-variant);font-size:12px}.inline-meta>span{display:inline-flex;align-items:center;gap:5px}.inline-meta .icon{width:15px}.pinned-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pinned-card{padding:20px;border-radius:var(--radius);background:var(--surface-low);border:1px solid transparent}.pinned-card:hover{border-color:var(--outline-soft)}.pinned-card h3{font-size:20px}.pinned-card p{margin-bottom:20px}.count-bubble{font:700 12px sans-serif;background:var(--surface-highest);padding:4px 8px;border-radius:12px}.document-actions{display:flex;align-items:center;justify-content:space-between;margin:0 auto 25px;max-width:1080px}.document-actions>div{display:flex;align-items:center;gap:5px}.action-menu{position:relative}.action-menu summary{list-style:none}.action-menu summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;right:0;top:46px;z-index:20;width:215px;padding:7px;background:var(--surface);border:1px solid var(--outline-soft);box-shadow:var(--shadow);border-radius:13px}.menu-action{display:flex;width:100%;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:8px;background:none;text-align:left;font-size:13px;cursor:pointer}.menu-action:hover{background:var(--surface-high)}.menu-action .icon{width:17px}.danger-text{color:var(--error)}.document-layout{display:grid;grid-template-columns:minmax(0,820px) 210px;gap:50px;justify-content:center}.document{min-width:0}.document-header{padding-bottom:28px;border-bottom:1px solid var(--outline-soft);margin-bottom:32px}.document-header h1{font:500 clamp(42px,6vw,68px)/1.05 Georgia,serif;letter-spacing:-2px;margin:10px 0 16px}.tiny-avatar{width:24px;height:24px}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.tag{padding:4px 10px;border-radius:13px;background:var(--surface-high);font-size:12px}.tag:hover{background:var(--primary-container)}.prose{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.75;color:var(--on-surface)}.prose h1,.prose h2,.prose h3,.prose h4{scroll-margin-top:90px;line-height:1.2}.prose h2{font-size:31px;margin:2em 0 .6em}.prose h3{font-size:24px;margin:1.65em 0 .5em}.prose h4{font-size:20px}.prose p{margin:0 0 1.2em}.prose a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.prose img{max-width:100%;height:auto;border-radius:16px;margin:16px 0;box-shadow:var(--shadow)}.prose pre{background:#29252e;color:#f8f3fb;padding:18px;border-radius:14px;overflow:auto;font:14px/1.6 Consolas,monospace}.prose code{font-family:Consolas,monospace;background:var(--surface-high);padding:2px 5px;border-radius:5px}.prose pre code{background:transparent;padding:0}.prose blockquote{border-left:4px solid var(--primary);background:var(--primary-container);margin:1.5em 0;padding:16px 20px;border-radius:0 14px 14px 0;color:var(--on-primary-container)}.prose table{border-collapse:collapse;width:100%;font-family:Inter,"Segoe UI",sans-serif;font-size:14px;margin:1.5em 0}.prose th,.prose td{border:1px solid var(--outline-soft);padding:10px;text-align:left}.prose th{background:var(--surface-high);font-weight:750}.prose hr{border:0;border-top:1px solid var(--outline-soft);margin:2.5em 0}.toc{position:sticky;top:95px;align-self:start;border-left:1px solid var(--outline-soft);padding-left:20px}.toc nav{display:flex;flex-direction:column;margin:12px 0 26px}.toc a{padding:5px 8px;border-left:2px solid transparent;color:var(--on-surface-variant);font-size:12px}.toc a.h3{padding-left:18px}.toc a:hover,.toc a.active{color:var(--primary);border-color:var(--primary)}.toc-tip{background:var(--surface-low);padding:15px;border-radius:14px;font-size:12px}.toc-tip>.icon{color:var(--primary);margin-bottom:8px}.toc-tip p{margin:4px 0;color:var(--on-surface-variant)}.child-pages{margin-top:42px}.child-pages h2{font:500 25px Georgia,serif}.child-pages a{display:flex;gap:10px;align-items:center;padding:13px;border-bottom:1px solid var(--outline-soft)}.child-pages a .icon:last-child{margin-left:auto}.document-end{display:flex;align-items:center;gap:8px;border-top:1px solid var(--outline-soft);margin-top:50px;padding-top:20px;font-size:13px}.document-end>.muted{margin-left:auto}.document-end a{color:var(--primary);font-weight:700}.narrow-content{max-width:850px;margin:auto}.form-card{background:var(--surface-low);padding:28px;border:1px solid var(--outline-soft);border-radius:24px;box-shadow:var(--shadow)}.form-card h2{font:500 25px Georgia,serif;margin:0 0 10px}label{display:block;font-size:13px;font-weight:700;margin:18px 0 7px}input,textarea,select{width:100%;background:var(--surface);border:1px solid var(--outline);border-radius:12px;padding:11px 13px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}textarea{resize:vertical}.field-hint{display:block;font-size:11px;font-weight:400;color:var(--on-surface-variant);margin-top:4px}.optional{font-weight:400;color:var(--on-surface-variant)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-divider{height:1px;background:var(--outline-soft);margin:30px 0}fieldset{border:0;padding:0;margin:24px 0}legend{font-size:13px;font-weight:700}.icon-picker,.color-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.icon-option,.color-option{margin:0}.icon-option input,.color-option input{position:absolute;opacity:0;width:1px}.icon-option>span,.color-option>span{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--outline-soft);border-radius:12px;cursor:pointer}.icon-option input:checked+span{background:var(--primary-container);border:2px solid var(--primary);color:var(--primary)}.color-option>span{border-radius:50%}.color-option span .icon{opacity:0}.color-option input:checked+span{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--primary)}.color-option input:checked+span .icon{opacity:1;width:17px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:28px}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.save-status{font-size:12px;color:var(--on-surface-variant)}.editor-meta{max-width:700px;margin:0 auto 13px}.editor-meta label{margin-top:0}.editor-paper{max-width:950px;margin:auto;background:var(--surface);border:1px solid var(--outline-soft);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.title-input{border:0;border-radius:0;box-shadow:none!important;padding:38px 48px 12px;font:500 clamp(36px,5vw,58px)/1.05 Georgia,serif;letter-spacing:-1.5px}.editor-tags{display:flex;align-items:center;gap:8px;padding:3px 48px 25px}.editor-tags .icon{color:var(--on-surface-variant);width:17px}.editor-tags input{border:0;padding:5px;box-shadow:none!important;font-size:13px}.editor-toolbar{position:sticky;top:68px;z-index:12;display:flex;align-items:center;gap:3px;padding:7px 11px;background:var(--surface-low);border-block:1px solid var(--outline-soft);overflow-x:auto}.editor-toolbar .icon-button{width:34px;height:34px;border-radius:8px}.editor-toolbar .icon{width:18px}.editor-toolbar select{width:auto;min-width:115px;padding:6px 8px;border-color:var(--outline-soft);font-size:12px}.toolbar-divider{width:1px;height:24px;background:var(--outline-soft);margin:0 5px}.toolbar-spacer{flex:1}.numbered-icon{font-weight:800}.editor-content{min-height:540px;padding:35px 48px;outline:none}.editor-content:empty:before{content:attr(data-placeholder);color:var(--outline)}.editor-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--outline-soft);padding:8px 16px;color:var(--on-surface-variant);font-size:11px}.editor-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px}.draft-notice{max-width:950px;margin:0 auto 15px;background:#fff4ce;color:#604900}.draft-notice span{flex:1}.search-form{display:flex;gap:10px;margin:0 0 28px}.search-input-wrap{position:relative;flex:1}.search-input-wrap .icon{position:absolute;left:16px;top:13px;color:var(--on-surface-variant)}.search-input-wrap input{padding-left:48px}.search-form select{width:210px}.search-result{padding:20px;border-bottom:1px solid var(--outline-soft)}.search-result:last-child{border-bottom:0}.result-title{display:block;font:500 24px Georgia,serif;margin:8px 0 5px}.result-title:hover{color:var(--primary)}.search-result p{margin:0 0 8px;color:var(--on-surface-variant)}.empty-state{display:flex;align-items:center;flex-direction:column;text-align:center;padding:55px 20px}.empty-state h3{font:500 25px Georgia,serif;margin:15px 0 4px}.empty-state p{margin:0;max-width:420px;color:var(--on-surface-variant)}.centered{text-align:center}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:22px}.activity-section{max-width:700px;margin:45px auto}.activity-section h2{font:500 26px Georgia,serif}.activity-list>div{display:grid;grid-template-columns:15px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--outline-soft)}.activity-list p{margin:0;font-size:14px}.activity-list time{font-size:12px;color:var(--on-surface-variant)}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:7px}.export-card{display:flex;gap:18px;margin-top:20px}.export-card>div{flex:1}.settings-note{padding:28px;text-align:center}.settings-note h3{font:500 24px Georgia,serif;margin-bottom:5px}.settings-note p{color:var(--on-surface-variant)}.history-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:25px}.revision-list{display:flex;flex-direction:column;gap:7px}.revision-item{display:flex;flex-direction:column;padding:12px;border:1px solid var(--outline-soft);border-radius:12px}.revision-item.selected{background:var(--primary-container);border-color:var(--primary)}.revision-item span{font-size:12px;color:var(--on-surface-variant)}.revision-preview{padding:30px;border:1px solid var(--outline-soft);border-radius:20px}.revision-preview>h1{font:500 40px Georgia,serif}.setup-wrap{min-height:100vh;padding:38px clamp(20px,6vw,80px);background:linear-gradient(135deg,var(--surface),var(--surface-low));display:grid;grid-template-columns:1fr minmax(400px,620px);grid-template-rows:auto 1fr;gap:25px 8vw}.auth-brand{grid-column:1}.setup-intro{align-self:center;max-width:590px}.setup-intro h1{font:500 clamp(54px,7vw,86px)/.95 Georgia,serif;letter-spacing:-3px;margin:15px 0}.setup-intro p{font-size:19px;color:var(--on-surface-variant)}.setup-card{grid-column:2;grid-row:1/3;background:var(--surface);padding:32px;border-radius:28px;border:1px solid var(--outline-soft);box-shadow:var(--shadow);align-self:center}.setup-card h2{font:500 25px Georgia,serif}.check-label{display:flex;align-items:center;gap:9px;font-weight:500}.check-label input{width:20px;height:20px}.tiny{font-size:12px}.muted{color:var(--on-surface-variant)}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-story{position:relative;overflow:hidden;padding:38px clamp(30px,7vw,90px);background:linear-gradient(145deg,#47355e,#77639c);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font:500 clamp(55px,7vw,94px)/.91 Georgia,serif;letter-spacing:-4px;margin:22px 0}.login-story p{color:#e7def0;font-size:17px}.login-art{position:relative;height:180px}.art-card{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;color:#2c2631;padding:13px 16px;border-radius:15px;box-shadow:0 15px 40px #251b3273;font-size:13px;font-weight:700}.art-one{left:4%;top:38px}.art-two{right:12%;top:0}.art-lines{position:absolute;width:100px;height:60px;border:1px dashed #ffffff50;border-width:1px 1px 0 0;left:100%;top:-30px;border-radius:0 50px 0 0}.art-orbit{position:absolute;left:48%;top:42%;font-size:52px;color:#edd98b}.login-form-wrap{display:grid;place-items:center;padding:35px}.login-form{width:min(100%,420px)}.login-form h2{font:500 44px Georgia,serif;letter-spacing:-1px;margin:20px 0 6px}.password-wrap{display:flex;position:relative}.password-wrap .text-button{position:absolute;right:10px;top:9px}.login-form .tiny{display:block;text-align:center;margin-top:20px}.login-form .tiny .icon{width:14px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;transform:translateY(20px);opacity:0;pointer-events:none;background:var(--on-surface);color:var(--surface);padding:11px 16px;border-radius:12px;box-shadow:var(--shadow);transition:.2s}.toast.show{transform:none;opacity:1}dialog{border:0;border-radius:24px;background:var(--surface);color:var(--on-surface);padding:0;box-shadow:0 25px 80px #0005;max-width:440px;width:calc(100% - 32px)}dialog::backdrop{background:#1d182760;backdrop-filter:blur(3px)}dialog form{padding:28px}dialog h2{font:500 27px Georgia,serif;margin:15px 0 5px}dialog p{color:var(--on-surface-variant)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media (max-width:1050px){.space-grid,.pinned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-layout{grid-template-columns:minmax(0,1fr)}.toc{display:none}.welcome-banner{grid-template-columns:1fr}.banner-art{display:none}.stats-note{display:none}}
@media (max-width:800px){:root{--sidebar:280px}.app-shell{display:block}.sidebar{transform:translateX(-105%);transition:transform .2s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0005;z-index:40}.sidebar.open+.sidebar-backdrop{display:block}.main-shell{width:100%}.mobile-menu{display:inline-flex}.topbar{padding:0 14px}.topbar-location>span,.topbar-location>.icon,.topbar-location>strong{display:none}.topbar-location{min-width:auto}.global-search kbd,.theme-toggle,.top-avatar{display:none}.main-content{padding:30px 18px 18px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:42px}.heading-actions{flex-wrap:wrap}.stats-row{overflow-x:auto}.stats-row>div{min-width:145px}.space-grid,.pinned-grid{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar .space-filter{width:100%}.space-grid.list .space-card-link{display:flex}.welcome-banner{padding:30px 25px}.document-actions{align-items:flex-start}.document-actions>div{flex-wrap:wrap;justify-content:flex-end}.space-heading>div:first-child{grid-template-columns:65px 1fr}.space-heading h1{font-size:38px}.form-grid{grid-template-columns:1fr}.editor-heading{align-items:flex-start;flex-direction:column}.editor-heading .heading-actions{width:100%}.save-status{width:100%}.title-input{padding:28px 22px 10px}.editor-tags{padding:3px 22px 18px}.editor-content{padding:28px 22px}.history-layout{grid-template-columns:1fr}.revision-list{max-height:260px;overflow:auto}.setup-wrap{display:flex;flex-direction:column}.setup-intro h1{font-size:55px}.login-layout{grid-template-columns:1fr}.login-story{min-height:420px;padding:28px}.login-story h1{font-size:55px;letter-spacing:-2px}.login-art{display:none}.login-form-wrap{min-height:500px}.search-form{flex-direction:column}.search-form select{width:100%}.row-date{display:none}}
@media (max-width:480px){.space-card,.add-space-card{min-height:205px}.filter-chips{overflow-x:auto}.document-header h1{font-size:42px}.prose{font-size:17px}.content-footer{flex-direction:column;gap:5px}.knowledge-tip{align-items:flex-start;flex-wrap:wrap}.knowledge-tip .text-link{width:100%;padding-left:62px}.editor-heading .button{flex:1}.editor-toolbar{top:68px}.setup-card{padding:22px}.login-form-wrap{padding:25px}.page-row{padding:10px}.favorite-button{display:none}}
@media print{.sidebar,.topbar,.document-actions,.toc,.content-footer,.breadcrumb,.child-pages,.document-end{display:none!important}.app-shell,.main-shell{display:block}.main-content{max-width:none;padding:0}.document-layout{display:block}.document{max-width:760px;margin:auto}.prose{font-size:12pt;color:#000}.document-header h1{color:#000}body{background:#fff;color:#000}}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary:#d0bcff;--on-primary:#381e72;--primary-container:#4f378b;--on-primary-container:#eaddff;--secondary:#ccc2dc;--surface:#141217;--surface-low:#1d1a20;--surface-high:#2b2930;--surface-highest:#363239;--on-surface:#e7e1e9;--on-surface-variant:#cac4d0;--outline:#948f99;--outline-soft:#49454e;--error:#ffb4ab;--error-container:#93000a;--success:#91d5aa;--success-container:#174d31;--shadow:0 8px 28px #0005;color-scheme:dark}.welcome-banner,.login-story{background:linear-gradient(135deg,#302342,#503d6d)}.floating-note{background:#ede7f0}.prose pre{background:#09080a}}
:root[data-theme=dark]{--primary:#d0bcff;--on-primary:#381e72;--primary-container:#4f378b;--on-primary-container:#eaddff;--secondary:#ccc2dc;--surface:#141217;--surface-low:#1d1a20;--surface-high:#2b2930;--surface-highest:#363239;--on-surface:#e7e1e9;--on-surface-variant:#cac4d0;--outline:#948f99;--outline-soft:#49454e;--error:#ffb4ab;--error-container:#93000a;--success:#91d5aa;--success-container:#174d31;--shadow:0 8px 28px #0005;color-scheme:dark}
:root[data-theme=light]{color-scheme:light}