:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #fbfaf8;--surface: #ffffff;--surface-raised: #ffffff;--sidebar: #f4f3ef;--sidebar-hover: rgba(55, 53, 47, .07);--sidebar-active: rgba(55, 53, 47, .1);--text: #2f302e;--text-strong: #20211f;--muted: #787a75;--faint: #a3a59f;--line: rgba(45, 46, 43, .1);--line-strong: rgba(45, 46, 43, .16);--accent: #51695b;--accent-hover: #405548;--accent-soft: #e7eee8;--accent-text: #385043;--danger: #b34b4b;--danger-soft: #f8e9e7;--blue: #4b7096;--shadow-xs: 0 1px 2px rgba(25, 27, 24, .06);--shadow-sm: 0 5px 18px rgba(25, 27, 24, .09), 0 1px 3px rgba(25, 27, 24, .07);--shadow-lg: 0 24px 70px rgba(25, 27, 24, .18), 0 4px 15px rgba(25, 27, 24, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--header-height: 48px}:root[data-theme=dark]{color-scheme:dark;--bg: #191a18;--surface: #20211f;--surface-raised: #292a27;--sidebar: #161715;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active: rgba(255, 255, 255, .1);--text: #d9dad5;--text-strong: #f0f1ec;--muted: #9a9d96;--faint: #6f726c;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .15);--accent: #82a18d;--accent-hover: #91ad9a;--accent-soft: #27382d;--accent-text: #b8d0bf;--danger: #df7772;--danger-soft: #422825;--blue: #85a9ce;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 5px 20px rgba(0, 0, 0, .34), 0 1px 4px rgba(0, 0, 0, .26);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .5), 0 4px 18px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb,var(--accent) 25%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:10px;background-clip:padding-box;background-color:color-mix(in srgb,var(--muted) 32%,transparent)}::-webkit-scrollbar-track{background:transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-soft{0%,to{opacity:.55}50%{opacity:1}}.spin{animation:spin .85s linear infinite}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-strong)}.brand__mark{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#28362e;box-shadow:inset 0 0 0 1px #ffffff14,0 3px 8px #16231b26}:root[data-theme=dark] .brand__mark{background:#789180;color:#142018}.brand__name{font-size:20px;font-weight:720;letter-spacing:-.03em}.brand--compact .brand__mark{width:28px;height:28px}.button{height:40px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;font-size:14px;font-weight:620;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s,opacity .15s;white-space:nowrap}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{color:#fff;background:var(--accent);box-shadow:var(--shadow-xs)}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--secondary{color:var(--text);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-xs)}.button--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--surface) 80%,var(--muted) 7%)}.button--ghost{color:var(--text);background:transparent}.button--ghost:hover:not(:disabled){background:var(--sidebar-hover)}.button--danger{color:#fff;background:var(--danger)}.button--sm{height:32px;padding:0 11px;font-size:12.5px;border-radius:7px}.icon-button{width:30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;display:inline-grid;place-items:center;color:var(--muted);cursor:pointer}.icon-button:hover{background:var(--sidebar-hover);color:var(--text)}.spinner{min-height:120px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:13px}.spinner--full{min-height:100%}.app-loading{height:100%;display:grid;place-items:center;background:var(--bg)}.app-loading .spinner{flex-direction:column}.app-loading .spinner svg{color:var(--accent)}.skeleton{display:block;border-radius:4px;background:linear-gradient(100deg,color-mix(in srgb,var(--muted) 9%,transparent) 20%,color-mix(in srgb,var(--muted) 17%,transparent),color-mix(in srgb,var(--muted) 9%,transparent) 60%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.field{display:flex;flex-direction:column;gap:7px;color:var(--text);font-size:13px;font-weight:600}.field input{width:100%;height:43px;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text-strong);padding:0 12px;font-size:14px;font-weight:450;transition:border .15s,box-shadow .15s}.field input::placeholder{color:var(--faint)}.field input:focus{border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);outline:none}.field__label-row{display:flex;justify-content:space-between}.field__hint{color:var(--faint);font-weight:450;font-size:11.5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#18191754;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .14s ease both}.modal{width:min(100%,480px);max-height:calc(100vh - 36px);overflow:auto;border-radius:14px;border:1px solid var(--line);background:var(--surface-raised);box-shadow:var(--shadow-lg);animation:pop-in .16s ease both}.modal--sm{width:min(100%,410px)}.modal--lg{width:min(100%,640px)}.modal__header{padding:19px 20px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--line)}.modal__header h2{margin:0 0 4px;color:var(--text-strong);font-size:17px;letter-spacing:-.015em}.modal__header p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}.modal__body{padding:18px 20px 20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast-region{position:fixed;z-index:3000;bottom:22px;right:22px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.toast{max-width:min(390px,calc(100vw - 30px));min-height:42px;display:flex;align-items:center;gap:9px;padding:8px 9px 8px 10px;border:1px solid var(--line-strong);border-radius:9px;color:var(--text);background:var(--surface-raised);box-shadow:var(--shadow-sm);font-size:13px;pointer-events:auto;animation:pop-in .2s ease both}.toast__icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text)}.toast--error .toast__icon{background:var(--danger-soft);color:var(--danger)}.toast__close{margin-left:5px;width:25px;height:25px}.auth-layout{height:100%;display:grid;grid-template-columns:minmax(460px,52%) minmax(400px,48%);overflow:auto;background:var(--surface)}.auth-panel{min-height:700px;display:flex;justify-content:center;padding:46px 60px}.auth-panel__inner{width:100%;max-width:430px;display:flex;flex-direction:column}.auth-brand{align-self:flex-start}.auth-copy{margin-top:auto;padding-top:70px}.eyebrow{display:block;margin-bottom:13px;color:var(--accent);font-size:12px;font-weight:720;letter-spacing:.09em;text-transform:uppercase}.auth-copy h1{margin:0;color:var(--text-strong);font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4vw,52px);font-weight:500;line-height:1.05;letter-spacing:-.045em}.auth-copy p{margin:17px 0 0;max-width:390px;color:var(--muted);font-size:15px;line-height:1.65}.auth-form{display:flex;flex-direction:column;gap:15px;margin-top:32px}.password-input{position:relative;display:block}.password-input input{padding-right:43px}.password-input button{position:absolute;right:6px;top:6px;width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer}.password-input button:hover{background:var(--sidebar-hover);color:var(--text)}.auth-submit{width:100%;margin-top:4px}.form-error{border-radius:7px;padding:10px 12px;color:var(--danger);background:var(--danger-soft);font-size:12.5px;line-height:1.4}.auth-switch{margin:20px 0 auto;padding-bottom:12px;text-align:center;color:var(--muted);font-size:13px}.auth-switch a{color:var(--accent);font-weight:650}.auth-switch a:hover{text-decoration:underline;text-underline-offset:3px}.auth-showcase{position:relative;min-height:700px;overflow:hidden;margin:14px 14px 14px 0;border-radius:18px;background:linear-gradient(145deg,#e9ede7,#dfe6df 38%,#d5dfdb)}:root[data-theme=dark] .auth-showcase{background:linear-gradient(145deg,#253029,#202923 50%,#1e2723)}.auth-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.75}.auth-orb--one{width:420px;height:420px;top:-160px;right:-100px;background:radial-gradient(circle at 35% 35%,#fffc,#abc1b41f)}.auth-orb--two{width:340px;height:340px;bottom:-130px;left:-100px;background:radial-gradient(circle at 60% 30%,#eedec3cc,#ccb89f14)}.showcase-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 8%}.showcase-quote{width:min(460px,100%);color:#44534a}:root[data-theme=dark] .showcase-quote{color:#b9c9be}.showcase-quote svg{margin-bottom:10px;opacity:.72}.showcase-quote blockquote{margin:0;font-family:Georgia,serif;font-size:clamp(23px,2.5vw,34px);line-height:1.3;letter-spacing:-.025em}.showcase-quote>span{display:block;margin-top:11px;font-size:12px;opacity:.68}.showcase-window{width:min(530px,100%);height:300px;display:flex;margin-top:42px;overflow:hidden;border:1px solid rgba(255,255,255,.65);border-radius:13px;background:#ffffffa8;box-shadow:0 24px 60px #374d4026;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:rotate(-1deg)}:root[data-theme=dark] .showcase-window{border-color:#ffffff14;background:#191f1bb8}.showcase-window__sidebar{width:115px;display:flex;flex-direction:column;gap:17px;padding:20px 14px;border-right:1px solid rgba(70,80,72,.08);background:#e2e7e1b8}:root[data-theme=dark] .showcase-window__sidebar{background:#121613a6}.showcase-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#50675a;font-size:11px;font-weight:700}.showcase-window__sidebar span:not(.showcase-avatar){width:68px;height:7px;border-radius:4px;background:#42504721}.showcase-window__page{flex:1;padding:38px}.showcase-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;color:#596b60;background:#e1e8df}.showcase-title{width:70%;height:19px;margin:20px 0 27px;border-radius:4px;background:#333d36b8}:root[data-theme=dark] .showcase-title{background:#e6ebe6b3}.showcase-line{width:59%;height:7px;margin:12px 0;border-radius:4px;background:#48534b1f}.showcase-line--long{width:94%}.showcase-line--medium{width:76%;margin-top:24px}.showcase-check{display:flex;align-items:center;gap:9px;margin:15px 0;color:#6d8274}.showcase-check span{width:66%;height:7px;border-radius:4px;background:#48534b1f}.showcase-security{margin-top:24px;display:inline-flex;align-items:center;gap:7px;color:#35483d99;font-size:11px;font-weight:600}:root[data-theme=dark] .showcase-security{color:#d2e1d78c}.onboarding{position:relative;height:100%;overflow:hidden;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 40%,var(--surface) 0,var(--bg) 65%)}.onboarding__brand{position:absolute;top:28px;left:34px}.onboarding__glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35}.onboarding__glow--one{width:350px;height:350px;top:-180px;right:6%;background:#a4c0aa}.onboarding__glow--two{width:280px;height:280px;bottom:-150px;left:10%;background:#dbc7a9}.onboarding-card{position:relative;z-index:1;width:min(100%,475px);padding:36px 40px 32px;text-align:center;border:1px solid var(--line);border-radius:19px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.onboarding-card__step{position:absolute;top:18px;right:20px;color:var(--faint);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.onboarding-card__icon{width:52px;height:52px;margin:3px auto 17px;display:grid;place-items:center;border-radius:15px;color:var(--accent-text);background:var(--accent-soft)}.onboarding-card h1{margin:0;color:var(--text-strong);font-family:Georgia,serif;font-size:31px;font-weight:500;letter-spacing:-.035em}.onboarding-card>p{margin:9px auto 25px;max-width:345px;color:var(--muted);font-size:13.5px;line-height:1.55}.onboarding-card form{display:flex;flex-direction:column;gap:19px;text-align:left}.onboarding-icon-list{display:flex;justify-content:center;gap:7px}.onboarding-icon-list button{width:39px;height:39px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer;font-size:19px}.onboarding-icon-list button:hover,.onboarding-icon-list button.is-active{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.onboarding-name-input{position:relative}.onboarding-name-input>span{position:absolute;z-index:1;left:11px;top:10px;font-size:18px}.onboarding-name-input input{padding-left:40px}.onboarding-card form>.button{width:100%}.onboarding-card>small{display:block;margin-top:19px;color:var(--faint);font-size:11px}.workspace-shell{height:100%;display:flex;overflow:hidden;background:var(--bg)}.sidebar{position:relative;z-index:30;height:100%;min-width:220px;max-width:420px;flex:0 0 auto;display:flex;flex-direction:column;color:var(--text);background:var(--sidebar);border-right:1px solid color-mix(in srgb,var(--line) 70%,transparent);transition:transform .22s ease}.sidebar--collapsed{min-width:56px;max-width:56px;align-items:center;padding:8px 6px;gap:3px}.sidebar__top{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:3px;height:49px;padding:7px 8px 5px 10px}.workspace-switcher{min-width:0;height:34px;flex:1;display:flex;align-items:center;gap:8px;padding:0 7px;border:0;border-radius:7px;color:var(--text);background:transparent;cursor:pointer}.workspace-switcher:hover{background:var(--sidebar-hover)}.workspace-switcher__icon{width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;border-radius:6px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:13px}.workspace-switcher__name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:13px;font-weight:650}.workspace-switcher>svg{color:var(--faint)}.sidebar__collapse{opacity:0;flex:0 0 auto}.sidebar:hover .sidebar__collapse{opacity:1}.sidebar__mobile-close{display:none}.popover-card{z-index:80;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-raised);box-shadow:var(--shadow-sm);animation:pop-in .12s ease both}.workspace-menu{position:absolute;left:9px;top:44px;width:min(260px,calc(100vw - 20px));padding:6px}.popover-label{margin:4px 7px 6px;color:var(--faint);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.workspace-menu__item{width:100%;min-height:35px;display:flex;align-items:center;gap:9px;padding:5px 7px;border:0;border-radius:6px;background:transparent;cursor:pointer;text-align:left;font-size:12.5px}.workspace-menu__item:hover,.workspace-menu__item.is-active{background:var(--sidebar-hover)}.workspace-menu__item>span:first-child{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;background:var(--sidebar)}.workspace-menu__item>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-menu__check{color:var(--accent)}.workspace-menu__add{color:var(--muted);border:1px solid var(--line);background:transparent!important}.popover-separator,.context-menu__separator{height:1px;margin:5px -1px;background:var(--line)}.sidebar__quick-actions{display:flex;flex-direction:column;gap:1px;flex:0 0 auto;padding:3px 8px 8px}.sidebar__quick-actions button{width:100%;height:31px;display:flex;align-items:center;gap:9px;padding:0 8px;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;font-size:12.5px;text-align:left}.sidebar__quick-actions button:hover{color:var(--text);background:var(--sidebar-hover)}.sidebar__quick-actions button span{flex:1}kbd{min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:4px;padding:0 4px;color:var(--faint);background:color-mix(in srgb,var(--surface) 55%,transparent);box-shadow:0 1px 0 var(--line);font-family:inherit;font-size:9px;font-weight:550}.sidebar__quick-actions kbd{border:0;padding:0;box-shadow:none;background:transparent}.sidebar__scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:5px 7px 12px}.sidebar-section{margin-bottom:13px}.sidebar-section__title-row{display:flex;align-items:center}.sidebar-section__actions{display:flex;align-items:center;gap:1px}.sidebar-section__title{min-width:0;height:26px;flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border:0;border-radius:5px;color:var(--faint);background:transparent;cursor:pointer;font-size:10.5px;font-weight:650;letter-spacing:.025em;text-align:left}.sidebar-section__title:hover{color:var(--muted)}.sidebar-section__title span:last-child{opacity:0;font-size:12px}.sidebar-section:hover .sidebar-section__title span:last-child{opacity:1}.sidebar-section__add{width:25px;height:25px;display:grid;place-items:center;border:0;border-radius:5px;color:var(--faint);background:transparent;cursor:pointer;opacity:.5}.sidebar-section:hover .sidebar-section__add,.sidebar-section__add:focus-visible{opacity:1}.sidebar-section__add:hover{color:var(--text);background:var(--sidebar-hover)}.sidebar-section__content{min-width:0}.sidebar-page-link{width:100%;min-height:29px;display:flex;align-items:center;gap:7px;padding:3px 7px 3px 8px;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;text-align:left}.sidebar-page-link:hover,.sidebar-page-link.is-active{color:var(--text);background:var(--sidebar-hover)}.sidebar-page-link.is-active{background:var(--sidebar-active)}.sidebar-page-link__icon{width:18px;flex:0 0 18px;display:grid;place-items:center;font-size:14px}.sidebar-page-link__copy{min-width:0;flex:1;display:flex;align-items:center;gap:5px}.sidebar-page-link__copy>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.sidebar-page-link__copy small{flex:0 0 auto;color:var(--faint);font-size:9px}.tree-skeleton{display:flex;flex-direction:column;gap:12px;padding:8px 12px}.sidebar-empty{width:100%;min-height:32px;display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px dashed var(--line-strong);border-radius:6px;color:var(--faint);background:transparent;cursor:pointer;font-size:11.5px}.sidebar-empty:hover{color:var(--text);background:var(--sidebar-hover)}.page-tree{position:relative;min-width:0}.page-tree-row{--tree-depth: 0;position:relative;min-width:0;height:29px;display:flex;align-items:center;padding:0 4px 0 calc(var(--tree-depth) * 13px + 2px);border-radius:6px;color:var(--muted);cursor:default;-webkit-user-select:none;user-select:none;font-size:12.5px}.page-tree-row:hover{color:var(--text);background:var(--sidebar-hover)}.page-tree-row.is-active{color:var(--text);background:var(--sidebar-active)}.page-tree-row.is-drop-inside{box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.page-tree-row.is-drop-before:before,.page-tree-row.is-drop-after:after{content:"";position:absolute;z-index:5;left:calc(var(--tree-depth) * 13px + 5px);right:5px;height:2px;border-radius:2px;background:var(--accent);pointer-events:none}.page-tree-row.is-drop-before:before{top:-1px}.page-tree-row.is-drop-after:after{bottom:-1px}.page-tree-row__drag{width:14px;height:23px;flex:0 0 14px;display:grid;place-items:center;border-radius:4px;color:var(--faint);cursor:grab;opacity:0}.page-tree-row:hover .page-tree-row__drag,.page-tree-row__drag:focus-visible{opacity:.8}.page-tree-row__drag:active{cursor:grabbing;opacity:1}.tree-chevron{width:19px;height:25px;flex:0 0 19px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;color:var(--faint);background:transparent;cursor:pointer}.tree-chevron:hover{background:var(--sidebar-hover);color:var(--text)}.tree-chevron--placeholder{pointer-events:none}.page-tree-row__icon{width:20px;height:24px;flex:0 0 20px;display:grid;place-items:center;font-size:14px}.page-tree-row__title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-tree-row__rename{min-width:0;height:23px;flex:1;border:1px solid var(--accent);border-radius:4px;padding:1px 4px;color:var(--text);background:var(--surface);outline:0;font-size:12px}.page-tree-row__actions{display:none;align-items:center;flex:0 0 auto}.page-tree-row:hover .page-tree-row__actions{display:flex}.page-tree-row__actions button,.tree-restore{width:23px;height:23px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;color:var(--muted);background:color-mix(in srgb,var(--sidebar) 90%,transparent);cursor:pointer}.page-tree-row__actions button:hover,.tree-restore:hover{color:var(--text);background:var(--sidebar-active)}.tree-restore{margin-left:auto;opacity:0}.page-tree-row:hover .tree-restore{opacity:1}.page-tree-root-drop{height:3px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:5px;margin:1px 4px;border:1px dashed transparent;border-radius:5px;color:var(--faint);font-size:10px;opacity:0;transition:height .12s,opacity .12s}.page-tree-root-drop.is-visible{height:27px;border-color:var(--line-strong);opacity:1}.page-tree-root-drop.is-visible:hover{color:var(--accent-text);border-color:var(--accent);background:var(--accent-soft)}.context-menu{position:absolute;z-index:100;top:27px;right:3px;width:226px;padding:5px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-raised);box-shadow:var(--shadow-sm);animation:pop-in .12s ease both}.context-menu button,.page-menu button,.user-menu>button{width:100%;min-height:32px;display:flex;align-items:center;gap:9px;padding:5px 7px;border:0;border-radius:5px;color:var(--text);background:transparent;cursor:pointer;text-align:left;font-size:12px}.context-menu button:hover,.page-menu button:hover,.user-menu>button:hover{background:var(--sidebar-hover)}.context-menu button span,.page-menu button span,.user-menu>button span{flex:1}.context-menu button kbd{border:0;background:transparent;box-shadow:none}.context-menu .context-menu__danger,.page-menu button.is-danger{color:var(--danger)}.sidebar-section--trash{margin-top:7px;border-top:1px solid var(--line);padding-top:8px}.sidebar-trash-button{width:100%;height:30px;display:flex;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;font-size:12px;text-align:left}.sidebar-trash-button:hover{color:var(--text);background:var(--sidebar-hover)}.sidebar-trash-button span{flex:1}.sidebar-trash-button small{min-width:18px;height:18px;display:grid;place-items:center;border-radius:9px;color:var(--faint);background:var(--sidebar-active);font-size:9px}.sidebar-trash-list{margin-top:3px}.sidebar-trash-empty{margin:5px 9px;color:var(--faint);font-size:10.5px}.sidebar__footer{position:relative;flex:0 0 auto;padding:7px 8px 9px;border-top:1px solid var(--line)}.user-button{width:100%;min-width:0;height:40px;display:flex;align-items:center;gap:8px;padding:0 7px;border:0;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer;text-align:left}.user-button:hover{color:var(--text);background:var(--sidebar-hover)}.avatar{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:8px;color:#f7faf7;background:#63776a;font-size:9px;font-weight:750;letter-spacing:.03em}.user-button__copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.user-button__copy strong,.user-button__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-button__copy strong{color:var(--text);font-size:11.5px;font-weight:600}.user-button__copy small{color:var(--faint);font-size:9.5px}.user-menu{position:absolute;bottom:54px;left:8px;width:calc(100% - 16px);padding:6px}.user-menu__identity{min-width:0;display:flex;align-items:center;gap:9px;padding:7px}.user-menu__identity div{min-width:0;display:flex;flex-direction:column;gap:2px}.user-menu__identity strong,.user-menu__identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__identity strong{font-size:12px}.user-menu__identity small{color:var(--faint);font-size:10px}.sidebar-resizer{position:absolute;z-index:4;top:0;right:-3px;width:6px;height:100%;padding:0;border:0;background:transparent;cursor:col-resize}.sidebar-resizer:hover,.is-resizing-sidebar .sidebar-resizer{background:color-mix(in srgb,var(--accent) 45%,transparent)}.is-resizing-sidebar{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.sidebar-rail-button{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer}.sidebar-rail-button:hover{color:var(--text);background:var(--sidebar-hover)}.sidebar-rail-button--workspace{margin-bottom:7px;color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:16px}.sidebar-rail-spacer{flex:1}.sidebar-rail-avatar{width:31px;height:31px;display:grid;place-items:center;margin:4px 0 1px;border:0;border-radius:8px;color:#fff;background:#63776a;cursor:pointer;font-size:9px;font-weight:750}.mobile-overlay{display:none}.workspace-create-form{display:flex;flex-direction:column}.workspace-icon-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:18px}.workspace-icon-picker button{aspect-ratio:1;min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);cursor:pointer;font-size:16px}.workspace-icon-picker button:hover,.workspace-icon-picker button.is-active{border-color:var(--accent);background:var(--accent-soft)}.workspace-main{min-width:0;flex:1;height:100%;display:flex;flex-direction:column;background:var(--surface)}.page-header{position:relative;z-index:20;height:var(--header-height);flex:0 0 var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 0 13px;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-header__left,.page-header__right{min-width:0;display:flex;align-items:center;gap:3px}.page-header__right{flex:0 0 auto}.mobile-menu-button{display:none}.desktop-sidebar-open{margin-right:3px}.breadcrumbs{min-width:0;display:flex;align-items:center;gap:3px;color:var(--faint);font-size:11.5px}.breadcrumbs__part{min-width:0;display:flex;align-items:center;gap:3px}.breadcrumbs__part button{min-width:0;max-width:185px;height:28px;display:flex;align-items:center;gap:6px;padding:0 6px;border:0;border-radius:5px;color:var(--muted);background:transparent;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}.breadcrumbs__part button:hover{color:var(--text);background:var(--sidebar-hover)}.breadcrumbs__part:last-child button{color:var(--text)}.breadcrumbs__workspace{display:flex;gap:6px;color:var(--muted)}.save-status{height:26px;display:flex;align-items:center;gap:5px;padding:0 7px;border-radius:5px;color:var(--faint);font-size:10.5px}.save-status--saving svg{animation:pulse-soft 1s ease infinite;color:var(--blue)}.save-status--error{color:var(--danger)}.save-status__dot{width:6px;height:6px;border-radius:50%;background:var(--faint)}.header-action{height:29px;min-width:29px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 7px;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;font-size:11.5px}.header-action:hover{color:var(--text);background:var(--sidebar-hover)}.header-action.is-active{color:#a77c2d}.header-action--share{color:var(--accent-text);background:var(--accent-soft)}.header-action--share:hover{color:var(--accent-text);background:color-mix(in srgb,var(--accent-soft) 80%,var(--accent) 10%)}.page-menu-wrap{position:relative}.page-menu{position:absolute;top:34px;right:0;width:220px;padding:5px}.workspace-content{min-height:0;flex:1;position:relative;overflow:hidden}.page-loading{width:min(100% - 50px,760px);margin:100px auto;padding:0 20px}.page-loading>div{background:linear-gradient(100deg,color-mix(in srgb,var(--muted) 7%,transparent) 20%,color-mix(in srgb,var(--muted) 14%,transparent),color-mix(in srgb,var(--muted) 7%,transparent) 60%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}.page-loading__icon{width:54px;height:54px;border-radius:12px}.page-loading__title{width:60%;height:43px;margin:20px 0 38px;border-radius:7px}.page-loading__line{width:92%;height:12px;margin:15px 0;border-radius:5px}.page-loading__line--short{width:63%}.empty-workspace-page{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.empty-workspace-page>span{width:61px;height:61px;display:grid;place-items:center;border-radius:17px;color:var(--accent-text);background:var(--accent-soft)}.empty-workspace-page h2{margin:17px 0 7px;color:var(--text-strong);font-family:Georgia,serif;font-size:24px;font-weight:500;letter-spacing:-.025em}.empty-workspace-page p{max-width:420px;margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.55}.editor-page{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;background:var(--surface)}.page-cover{position:relative;width:100%;height:clamp(170px,24vh,245px);background-size:cover!important;background-position:center!important}.page-cover:after{content:"";position:absolute;inset:auto 0 0;height:32px;background:linear-gradient(transparent,#00000009);pointer-events:none}.page-cover__actions{position:absolute;z-index:2;right:25px;bottom:13px;display:flex;align-items:center;gap:2px;padding:3px;border-radius:7px;background:#1e201d94;box-shadow:0 3px 12px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .15s}.page-cover:hover .page-cover__actions{opacity:1}.page-cover__actions button{height:25px;padding:0 8px;border:0;border-radius:5px;color:#ffffffe6;background:transparent;cursor:pointer;font-size:10.5px}.page-cover__actions button:hover{background:#ffffff24}.editor-document{position:relative;width:min(100% - 48px,820px);min-height:calc(100% - 80px);margin:0 auto;padding:76px 30px 40vh}.editor-page--has-cover .editor-document{padding-top:42px}.page-hover-actions{position:absolute;top:40px;left:31px;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s}.editor-document:hover .page-hover-actions{opacity:1}.page-hover-actions button{height:25px;display:inline-flex;align-items:center;gap:5px;padding:0 6px;border:0;border-radius:5px;color:var(--faint);background:transparent;cursor:pointer;font-size:10.5px}.page-hover-actions button:hover{color:var(--muted);background:var(--sidebar-hover)}.page-icon-wrap{position:relative;min-height:1px}.editor-page--has-cover .page-icon-wrap{height:34px}.page-icon{position:relative;z-index:3;display:block;width:75px;height:75px;margin:-80px 0 16px;padding:0;border:0;border-radius:13px;background:transparent;cursor:pointer;font-size:57px;line-height:1;text-align:center;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}.editor-page:not(.editor-page--has-cover) .page-icon{margin:-7px 0 12px}.page-icon:hover{background:color-mix(in srgb,var(--sidebar-hover) 50%,transparent)}.emoji-picker{position:absolute;z-index:50;left:0;top:2px;width:286px;padding:9px}.emoji-picker__header,.cover-picker__header{display:flex;align-items:center;justify-content:space-between;padding:1px 3px 8px;color:var(--text);font-size:11px}.emoji-picker__header button,.cover-picker__header button{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:4px;padding:3px 5px;color:var(--faint);background:transparent;cursor:pointer;font-size:9.5px}.emoji-picker__header button:hover,.cover-picker__header button:hover{color:var(--text);background:var(--sidebar-hover)}.emoji-picker__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.emoji-picker__grid button{aspect-ratio:1;min-width:0;border:0;border-radius:5px;background:transparent;cursor:pointer;font-size:19px}.emoji-picker__grid button:hover{background:var(--sidebar-hover);transform:scale(1.05)}.cover-picker{position:absolute;z-index:49;left:96px;top:-12px;width:310px;padding:9px}.cover-picker>p{margin:3px 4px 7px;color:var(--faint);font-size:9.5px;font-weight:700;text-transform:uppercase}.cover-picker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cover-picker__grid button{height:58px;border:1px solid var(--line);border-radius:7px;cursor:pointer;transition:transform .12s}.cover-picker__grid button:hover{transform:scale(1.025);box-shadow:var(--shadow-xs)}.archived-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px;padding:10px 11px 10px 13px;border:1px solid color-mix(in srgb,var(--danger) 25%,var(--line));border-radius:8px;color:var(--danger);background:var(--danger-soft);font-size:11.5px}.page-title-input{display:block;width:100%;min-height:62px;resize:none;overflow:hidden;margin:0;padding:0;border:0;outline:0;color:var(--text-strong);background:transparent;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(36px,5vw,48px);font-weight:720;line-height:1.14;letter-spacing:-.045em}.page-title-input::placeholder{color:color-mix(in srgb,var(--faint) 68%,transparent)}.page-title-input:disabled{opacity:1;-webkit-text-fill-color:var(--text-strong)}.subpage-list{margin:12px 0 20px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--sidebar) 34%,transparent)}.subpage-list__header{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px 4px 10px;border-bottom:1px solid var(--line);color:var(--faint);font-size:10px;font-weight:650;letter-spacing:.02em}.subpage-list__header>span,.subpage-list__header>div,.subpage-list__header button{display:flex;align-items:center;gap:5px}.subpage-list__header>div{gap:2px}.subpage-list__header button{height:25px;padding:0 7px;border:0;border-radius:5px;color:var(--muted);background:transparent;cursor:pointer;font-size:10px}.subpage-list__header button:hover{color:var(--text);background:var(--sidebar-hover)}.subpage-list__items{padding:4px}.subpage-list__items>button{width:100%;min-height:31px;display:flex;align-items:center;gap:7px;padding:3px 7px;border:0;border-radius:5px;color:var(--muted);background:transparent;cursor:pointer;text-align:left;font-size:12px}.subpage-list__items>button:hover{color:var(--text);background:var(--sidebar-hover)}.subpage-list__items>button>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subpage-list__icon{width:20px;display:grid;place-items:center}.subpage-list__empty{width:calc(100% - 8px);height:34px;display:flex;align-items:center;justify-content:center;gap:6px;margin:4px;border:1px dashed var(--line-strong);border-radius:6px;color:var(--faint);background:transparent;cursor:pointer;font-size:10.5px}.subpage-list__empty:hover{color:var(--accent-text);border-color:var(--accent);background:var(--accent-soft)}.editor-static-toolbar{min-height:34px;display:flex;align-items:center;gap:2px;margin:14px 0 20px;padding:3px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--surface) 88%,var(--sidebar) 12%);opacity:.55;transition:opacity .15s}.editor-static-toolbar:hover,.editor-static-toolbar:focus-within{opacity:1}.editor-toolbar-button{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;color:var(--muted);background:transparent;cursor:pointer}.editor-toolbar-button:hover{color:var(--text);background:var(--sidebar-hover)}.editor-toolbar-button.is-active{color:var(--accent-text);background:var(--accent-soft)}.editor-toolbar-separator{width:1px;height:18px;margin:0 3px;background:var(--line-strong)}.editor-toolbar-hint{margin-left:auto;padding-right:6px;color:var(--faint);font-size:9.5px;white-space:nowrap}.editor-toolbar-hint b{font-size:14px;font-weight:500;vertical-align:-1px}.editor-toolbar-hint kbd{height:16px;min-width:16px;padding:0 3px}.bubble-menu{display:flex;align-items:center;gap:1px;padding:4px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-raised);box-shadow:var(--shadow-sm)}.editor-content-wrap{position:relative;margin-left:-30px;padding-left:30px}.notazz-block-drag-handle{width:25px;height:25px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:5px;color:var(--faint);background:var(--surface-raised);box-shadow:var(--shadow-xs);cursor:grab;font-size:17px;line-height:1}.notazz-block-drag-handle:hover{color:var(--text);border-color:var(--line-strong);background:var(--sidebar-hover)}.notazz-block-drag-handle:active{cursor:grabbing}.tippy-box:has(.notazz-block-drag-handle){background:transparent;box-shadow:none}.tippy-box:has(.notazz-block-drag-handle)>.tippy-content{padding:0}.tippy-box:has(.notazz-block-drag-handle)>.tippy-arrow{display:none}.tiptap{min-height:320px;color:var(--text);outline:none;font-size:15.5px;line-height:1.72;caret-color:var(--accent)}.tiptap .ProseMirror-selectednode{border-radius:4px;outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:3px}.tiptap>*:first-child{margin-top:0}.tiptap p{margin:.45em 0}.tiptap p.is-editor-empty:first-child:before,.tiptap p.is-empty:before{content:attr(data-placeholder);height:0;float:left;color:var(--faint);pointer-events:none}.tiptap h1,.tiptap h2,.tiptap h3{color:var(--text-strong);line-height:1.25;letter-spacing:-.026em}.tiptap h1{margin:1.55em 0 .55em;font-size:30px}.tiptap h2{margin:1.4em 0 .45em;font-size:24px}.tiptap h3{margin:1.25em 0 .35em;font-size:19px}.tiptap ul,.tiptap ol{margin:.6em 0;padding-left:1.55em}.tiptap li{margin:.2em 0;padding-left:.15em}.tiptap li p{margin:0}.tiptap ul[data-type=taskList]{padding:0;list-style:none}.tiptap ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px;padding:2px 0}.tiptap ul[data-type=taskList] li>label{flex:0 0 auto;display:flex;padding-top:5px;-webkit-user-select:none;user-select:none}.tiptap ul[data-type=taskList] li>label input{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin:0;border:1.5px solid var(--line-strong);border-radius:4px;background:var(--surface);cursor:pointer}.tiptap ul[data-type=taskList] li>label input:checked{border-color:var(--accent);background:var(--accent)}.tiptap ul[data-type=taskList] li>label input:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.tiptap ul[data-type=taskList] li>div{min-width:0;flex:1}.tiptap ul[data-type=taskList] li[data-checked=true]>div{color:var(--faint);text-decoration:line-through;text-decoration-thickness:1px}.tiptap blockquote{margin:1em 0;padding:2px 0 2px 17px;border-left:3px solid var(--accent);color:var(--muted)}.tiptap code{border-radius:4px;padding:2px 4px;color:#b24f48;background:color-mix(in srgb,var(--danger-soft) 70%,transparent);font-family:SFMono-Regular,Consolas,monospace;font-size:.88em}:root[data-theme=dark] .tiptap code{color:#eba09a}.tiptap pre{overflow-x:auto;margin:1em 0;padding:18px 19px;border:1px solid var(--line);border-radius:9px;color:#dbe4dd;background:#252a26;font-size:13px;line-height:1.55}.tiptap pre code{padding:0;color:inherit;background:none;font-size:inherit}.tiptap hr{margin:2em 0;border:0;border-top:1px solid var(--line-strong)}.tiptap a{color:var(--blue);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--blue) 45%,transparent);text-underline-offset:3px;cursor:pointer}.tiptap.ProseMirror[contenteditable=false]{cursor:default}.tiptap.ProseMirror[contenteditable=false] ul[data-type=taskList] input{pointer-events:none}.slash-menu{position:absolute;z-index:70;width:300px;max-height:min(420px,55vh);overflow-y:auto;padding:6px}.slash-menu>p{margin:5px 7px 6px;color:var(--faint);font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.slash-menu>button{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:5px 7px;border:0;border-radius:6px;color:var(--text);background:transparent;cursor:pointer;text-align:left}.slash-menu>button:hover,.slash-menu>button.is-active{background:var(--sidebar-hover)}.slash-menu>button>span:first-child{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface);box-shadow:var(--shadow-xs)}.slash-menu>button>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.slash-menu>button strong{font-size:12px;font-weight:600}.slash-menu>button small{color:var(--faint);font-size:9.5px}.slash-menu__empty{padding:22px;text-align:center;color:var(--faint);font-size:11px}.slash-menu__footer{display:flex;gap:10px;margin:5px -6px -6px;padding:7px 10px;border-top:1px solid var(--line);color:var(--faint);background:color-mix(in srgb,var(--sidebar) 65%,transparent);font-size:8.5px}.editor-loading{display:flex;flex-direction:column;gap:12px;padding:100px 20%}.editor-loading span{height:14px;border-radius:4px;background:var(--sidebar-hover)}.editor-loading span:first-child{width:65%;height:40px}.editor-loading span:last-child{width:78%}.editor-scroll-cue{position:fixed;right:24px;bottom:19px;width:28px;height:28px;display:none;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--faint);background:var(--surface);box-shadow:var(--shadow-xs);transform:rotate(180deg);cursor:pointer}.command-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;justify-content:center;align-items:flex-start;padding:min(14vh,120px) 18px 18px;background:#1819174d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .12s ease both}.command-palette{width:min(100%,620px);max-height:min(660px,calc(100vh - 130px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-strong);border-radius:13px;background:var(--surface-raised);box-shadow:var(--shadow-lg);animation:pop-in .15s ease both}.command-palette__input{min-height:55px;flex:0 0 55px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);color:var(--muted)}.command-palette__input input{min-width:0;flex:1;border:0;outline:0;color:var(--text-strong);background:transparent;font-size:15px}.command-palette__input input::placeholder{color:var(--faint)}.command-palette__input>button{width:25px;height:25px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;color:var(--faint);background:transparent;cursor:pointer}.command-palette__input>button:hover{background:var(--sidebar-hover)}.command-loader{width:15px;height:15px;border:1.5px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.command-palette__body{min-height:180px;overflow-y:auto;padding:7px}.command-palette__label{margin:6px 8px 7px;color:var(--faint);font-size:9.5px;font-weight:700;letter-spacing:.065em;text-transform:uppercase}.command-palette__body>button{width:100%;min-height:54px;display:flex;align-items:center;gap:10px;padding:6px 8px;border:0;border-radius:7px;color:var(--text);background:transparent;cursor:pointer;text-align:left}.command-palette__body>button:hover,.command-palette__body>button.is-selected{background:var(--sidebar-hover)}.command-result__icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:var(--surface);font-size:18px}.command-result__copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.command-result__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600}.command-result__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--faint);font-size:10px}.command-result__meta{flex:0 0 auto;display:flex;align-items:center;gap:4px;color:var(--faint);font-size:9px}.command-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.command-empty>span{width:43px;height:43px;display:grid;place-items:center;margin-bottom:10px;border-radius:12px;color:var(--faint);background:var(--sidebar-hover)}.command-empty strong{color:var(--text);font-size:13px}.command-empty p{margin:5px 0;color:var(--faint);font-size:10.5px}.command-palette__footer{min-height:34px;display:flex;justify-content:flex-end;align-items:center;gap:13px;padding:0 12px;border-top:1px solid var(--line);color:var(--faint);background:color-mix(in srgb,var(--sidebar) 55%,transparent);font-size:9px}.command-palette__footer span{display:flex;align-items:center;gap:3px}.command-palette__footer kbd{height:16px;min-width:16px;padding:0 3px}.share-modal{display:flex;flex-direction:column;gap:17px}.share-invite{height:39px;display:flex;align-items:center;gap:8px;padding-left:10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface)}.share-invite>span{display:grid;place-items:center;color:var(--faint)}.share-invite input{min-width:0;height:100%;flex:1;border:0;outline:0;color:var(--text);background:transparent;font-size:12px}.share-invite .button{margin-right:3px}.share-invite-hint{min-height:39px;display:flex;align-items:center;gap:8px;margin:0;padding:0 11px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--sidebar-hover);font-size:11.5px}.share-section__title{margin:0 0 5px;color:var(--faint);font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.share-access-row{min-height:50px;display:flex;align-items:center;gap:10px;padding:6px;border-radius:7px}.share-access-row:hover{background:var(--sidebar-hover)}.share-access-row--muted{opacity:.62}.share-access-row__icon{width:33px;height:33px;flex:0 0 33px;display:grid;place-items:center;border-radius:8px;color:var(--muted);background:var(--sidebar)}.share-access-row>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.share-access-row strong{font-size:12px;font-weight:600}.share-access-row small{color:var(--faint);font-size:9.5px}.share-access-row__badge{flex:0 0 auto!important;padding:3px 6px;border-radius:5px;color:var(--accent-text);background:var(--accent-soft);font-size:8.5px!important;font-weight:650}.share-publish-card{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--sidebar) 55%,transparent)}.share-publish-card__top{min-height:64px;display:flex;align-items:center;gap:10px;padding:10px 11px}.share-publish-card__icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:9px;color:var(--accent-text);background:var(--accent-soft)}.share-publish-card__top>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.share-publish-card__top strong{font-size:12px}.share-publish-card__top small{color:var(--faint);font-size:9.5px}.switch{position:relative;width:34px;height:19px;flex:0 0 34px;padding:0;border:0;border-radius:10px;background:color-mix(in srgb,var(--muted) 28%,transparent);cursor:pointer;transition:background .15s}.switch span{position:absolute;left:2px;top:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .16s}.switch.is-on{background:var(--accent)}.switch.is-on span{transform:translate(15px)}.share-public-link{height:36px;display:flex;align-items:center;gap:7px;padding:0 9px 0 12px;border-top:1px solid var(--line);color:var(--muted);background:var(--surface)}.share-public-link>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}.share-public-link button{width:25px;height:25px;display:grid;place-items:center;border:0;border-radius:5px;color:var(--muted);background:transparent;cursor:pointer}.share-public-link button:hover{color:var(--text);background:var(--sidebar-hover)}.share-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}.share-modal__footer>span{display:flex;align-items:center;gap:5px;color:var(--faint);font-size:8.5px}.public-page-shell{position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column;background:var(--surface)}.public-page-header{position:relative;z-index:10;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.public-page-header>span{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;color:var(--muted);background:var(--sidebar-hover);font-size:10.5px}.public-page-content{min-height:0;flex:1;overflow:hidden}.public-page-footer{position:absolute;z-index:5;right:18px;bottom:15px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;color:var(--faint);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px}.public-page-footer strong{color:var(--text)}.public-page-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;background:var(--bg)}.public-page-state>.brand{position:absolute;top:25px;left:30px}.public-page-state>span{width:58px;height:58px;display:grid;place-items:center;margin-bottom:15px;border-radius:17px;color:var(--accent-text);background:var(--accent-soft)}.public-page-state h1{margin:0 0 7px;color:var(--text-strong);font-family:Georgia,serif;font-size:27px;font-weight:500}.public-page-state p{max-width:390px;margin:0 0 20px;color:var(--muted);font-size:13px}@media(max-width:980px){.auth-layout{grid-template-columns:minmax(420px,58%) minmax(320px,42%)}.auth-panel{padding:38px 46px}.showcase-content{padding:60px 8%}.showcase-window__sidebar{width:88px}.showcase-window__page{padding:34px 26px}.editor-document{width:min(100% - 30px,780px);padding-left:24px;padding-right:24px}.save-status span{display:none}}@media(max-width:760px){.auth-layout{display:block;background:var(--surface)}.auth-panel{min-height:100%;padding:28px 24px}.auth-panel__inner{max-width:460px}.auth-copy{padding-top:55px}.auth-copy h1{font-size:38px}.auth-form{margin-top:27px}.auth-showcase{display:none}.onboarding{padding:20px}.onboarding__brand{top:20px;left:22px}.onboarding-card{padding:32px 23px 27px}.sidebar,.sidebar.sidebar--collapsed{position:fixed;top:0;bottom:0;left:0;z-index:100;width:min(86vw,310px)!important;min-width:0;max-width:none;transform:translate(-105%);box-shadow:var(--shadow-lg)}.sidebar.is-mobile-open{transform:translate(0)}.sidebar.sidebar--collapsed.is-mobile-open{align-items:stretch;padding:12px}.sidebar.sidebar--collapsed.is-mobile-open .sidebar-rail-button{width:42px}.sidebar__collapse{display:none}.sidebar__mobile-close{display:grid}.sidebar-resizer{display:none}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:block;padding:0;border:0;background:#1415135c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.mobile-menu-button{display:grid}.desktop-sidebar-open{display:none}.page-header{padding:0 8px}.breadcrumbs__part button{max-width:125px}.breadcrumbs__part:not(:last-child){display:none}.page-header__right{gap:0}.save-status,.header-action--share span{display:none}.header-action--share{background:transparent;color:var(--muted)}.editor-document{width:100%;padding:66px 25px 35vh}.editor-page--has-cover .editor-document{padding-top:36px}.page-cover{height:170px}.page-cover__actions{opacity:1;right:10px;bottom:8px}.page-title-input{font-size:36px}.page-hover-actions{left:21px;top:34px;opacity:1}.editor-static-toolbar{overflow-x:auto;scrollbar-width:none;opacity:1}.editor-static-toolbar::-webkit-scrollbar{display:none}.editor-toolbar-hint{display:none}.cover-picker{left:0;top:8px;width:min(310px,calc(100vw - 50px))}.emoji-picker{width:min(286px,calc(100vw - 50px))}.slash-menu{position:fixed;left:10px!important;right:10px;bottom:10px;top:auto!important;width:auto;max-height:52vh}.editor-scroll-cue{display:none}.command-backdrop{padding:8px;align-items:flex-start}.command-palette{max-height:calc(100vh - 16px);border-radius:11px}.command-result__meta{display:none}.modal-backdrop{padding:8px;align-items:flex-end}.modal{width:100%;max-height:calc(100vh - 16px);border-radius:15px 15px 11px 11px}.toast-region{right:12px;bottom:12px}}@media(max-width:440px){.auth-panel{padding:22px 19px}.auth-copy{padding-top:46px}.auth-copy h1{font-size:34px}.onboarding-icon-list{gap:4px}.onboarding-icon-list button{width:35px;height:35px}.onboarding-card h1{font-size:27px}.editor-document{padding-left:20px;padding-right:20px}.page-title-input{font-size:32px}.tiptap{font-size:15px}.page-icon{width:65px;height:65px;font-size:49px;margin-top:-70px}.workspace-icon-picker{grid-template-columns:repeat(4,1fr)}.share-modal__footer>span{display:none}.share-modal__footer .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}