:root{color-scheme:light;--bg:#fff;--sidebar:#f7f7f5;--ink:#272725;--muted:#77766f;--line:#e8e7e2;--hover:#efefec;--accent:#2f6feb;--danger:#c43d3d;--success:#28865a;font-family:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.muted{display:block;color:var(--muted);font-size:13px}.eyebrow{margin:0 0 8px;color:#8b8a84;font-size:11px;font-weight:800;letter-spacing:.14em}.auth-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.auth-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,8vw,120px);background:#f4f3ef}.auth-copy h1{margin:0;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(48px,6vw,82px);line-height:1.05;letter-spacing:-.055em}.auth-copy>p:last-child{max-width:500px;margin:28px 0 0;color:#66645d;font-size:17px;line-height:1.75}.brand-glyph{display:flex;align-items:end;gap:4px;width:46px;height:38px;margin-bottom:36px}.brand-glyph span{width:11px;border:2px solid #30302e;border-radius:3px}.brand-glyph span:nth-child(1){height:24px}.brand-glyph span:nth-child(2){height:36px}.brand-glyph span:nth-child(3){height:29px}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{display:grid;gap:18px;width:min(100%,390px)}.wordmark{display:block;font-size:24px;letter-spacing:-.04em}.auth-card h2{margin:18px 0 2px;font-size:30px;letter-spacing:-.04em}.auth-card label,.dialog-card label{display:grid;gap:8px;font-size:13px;font-weight:700}.auth-card input,.dialog-card input,.dialog-card select,.search-panel input{width:100%;height:46px;padding:0 13px;border:1px solid #d8d7d2;border-radius:8px;background:#fff;outline:none}.auth-card input:focus,.dialog-card input:focus,.dialog-card select:focus,.search-panel input:focus{border-color:#808078;box-shadow:0 0 0 3px rgba(40,40,38,.08)}.button{min-height:40px;padding:0 16px;border:1px solid transparent;border-radius:7px;background:#fff;font-weight:700}.button.primary{background:#2e2e2b;color:#fff}.button.primary:hover{background:#111}.button.subtle{border-color:var(--line);background:#fff}.button.subtle:hover{background:var(--hover)}.button.compact{min-height:36px;padding:0 13px;font-size:13px}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.45}.form-note{margin:0;color:var(--muted);font-size:12px;text-align:center}.alert{padding:11px 13px;border:1px solid #edcaca;border-radius:7px;background:#fff4f4;color:#9c2929;font-size:13px;line-height:1.5}.invite-summary{padding:13px;border-radius:8px;background:#f5f5f2;color:#595851;font-size:14px;line-height:1.55}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;display:flex;flex-direction:column;width:264px;border-right:1px solid var(--line);background:var(--sidebar)}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:10px 11px 8px}.workspace-button{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:5px;border:0;border-radius:6px;background:transparent;text-align:left}.workspace-button:hover{background:var(--hover)}.workspace-button>span:nth-child(2){min-width:0}.workspace-button strong,.workspace-button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-button small{margin-top:2px;color:var(--muted);font-size:11px}.workspace-avatar{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:6px;background:#383834;color:#fff;font-family:Georgia,serif;font-size:15px}.workspace-avatar.large{width:56px;height:56px;border-radius:12px;font-size:26px}.main-nav{display:grid;gap:1px;padding:4px 9px}.main-nav button{display:flex;align-items:center;gap:9px;width:100%;height:32px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#5c5b56;font-size:13px;text-align:left}.main-nav button span{width:18px;color:#797872;font-size:17px;text-align:center}.main-nav button:hover,.main-nav button.active{background:#eaeae6;color:#272725}.tree-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 12px 6px 18px;color:#8a8983;font-size:11px;font-weight:700}.icon-button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:5px;background:transparent;color:#67665f;font-size:18px}.icon-button:hover{background:var(--hover)}.document-tree{min-height:50px;max-height:calc(100vh - 420px);overflow:auto;padding:0 9px}.tree-row{display:flex;align-items:center;height:30px;border-radius:5px;color:#5d5c57;font-size:13px}.tree-row:hover,.tree-row.active{background:#eaeae6;color:#222}.tree-toggle{width:24px;height:28px;flex:none;border:0;background:transparent;color:#85847e;font-size:10px}.tree-title{min-width:0;flex:1;overflow:hidden;border:0;background:transparent;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tree-add{visibility:hidden;width:25px;height:25px;border:0;background:transparent}.tree-row:hover .tree-add{visibility:visible}.tree-children{margin-left:14px}.bottom-nav{margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}.profile-footer{display:flex;align-items:center;gap:9px;padding:10px 12px;border-top:1px solid var(--line)}.avatar{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:50%;background:#dddcd5;font-size:12px;font-weight:800}.profile-copy{min-width:0;flex:1}.profile-copy strong,.profile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy strong{font-size:12px}.profile-copy small{margin-top:2px;color:var(--muted);font-size:10px}.main-pane{min-height:100vh;margin-left:264px}.mobile-header{display:none}.editor-view{min-height:100vh}.editor-toolbar{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 18px;border-bottom:1px solid transparent;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}.breadcrumbs{display:flex;align-items:center;gap:7px;min-width:0;color:#85847f;font-size:12px}.breadcrumbs button{border:0;background:transparent;color:#62615d}.breadcrumbs span:last-child{overflow:hidden;max-width:260px;text-overflow:ellipsis;white-space:nowrap}.toolbar-actions{display:flex;align-items:center;gap:5px}.save-state{min-width:58px;color:var(--muted);font-size:11px;text-align:right}.save-state.saving{color:#8b6c18}.save-state.saved{color:var(--success)}.save-state.failed{color:var(--danger)}.danger-text{color:var(--danger)}.document-editor{width:min(100% - 44px,820px);margin:0 auto;padding:72px 0 150px}.document-title{display:block;width:100%;min-height:1.2em;padding:0;border:0;outline:none;overflow:hidden;resize:none;background:transparent;font-family:Georgia,"Noto Serif KR",serif;font-size:44px;font-weight:700;line-height:1.2;letter-spacing:-.045em}.document-title::placeholder{color:#c4c3bd}.notice{padding:12px 14px;margin:22px 0;border:1px solid #e5dfc4;border-radius:7px;background:#fffbea;color:#6d5d25;font-size:13px}.block-editor{display:grid;gap:2px;margin-top:42px}.block-row{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;min-height:30px;margin-left:-30px}.block-handle{visibility:hidden;width:24px;height:28px;border:0;background:transparent;color:#aaa9a3;font-size:14px;cursor:grab}.block-row:hover .block-handle,.block-row:focus-within .block-handle{visibility:visible}.block-content{min-height:30px;padding:3px 2px;border-radius:3px;outline:none;white-space:pre-wrap;word-break:break-word;line-height:1.65}.block-content:empty:before{content:attr(data-placeholder);color:#b2b1ab}.block-content[data-type=heading1]{font-size:30px;font-weight:800;line-height:1.35}.block-content[data-type=heading2]{font-size:24px;font-weight:800;line-height:1.4}.block-content[data-type=heading3]{font-size:19px;font-weight:800;line-height:1.5}.block-content[data-type=bullet],.block-content[data-type=numbered],.block-content[data-type=todo]{padding-left:25px}.block-content[data-type=bullet]:before{content:"•";position:absolute;margin-left:-18px}.block-content[data-type=numbered]:before{content:attr(data-number) ".";position:absolute;margin-left:-23px;color:#5e5d57}.block-content[data-type=quote]{padding-left:15px;border-left:3px solid #c6c5bf;color:#55544f}.block-content[data-type=code]{padding:14px;border-radius:7px;background:#f4f4f1;font-family:"SFMono-Regular",Consolas,monospace;font-size:13px;line-height:1.6}.block-content[data-type=divider]{height:28px;min-height:28px;font-size:0}.block-content[data-type=divider]:after{content:"";display:block;margin-top:13px;border-top:1px solid #dddcd7}.todo-wrap{display:grid;grid-template-columns:20px 1fr;align-items:start}.todo-wrap input{margin:8px 0 0}.todo-wrap .block-content{padding-left:2px}.todo-wrap.checked .block-content{text-decoration:line-through;color:#989791}.append-block{margin-top:12px;padding:4px 2px;border:0;background:transparent;color:#aaa9a3;font-size:13px}.append-block:hover{color:#666}.page-view{width:min(100% - 48px,980px);margin:0 auto;padding:76px 0 120px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}.page-header h1{margin:0;font-size:34px;letter-spacing:-.045em}.page-header p:last-child{margin:9px 0 0;color:var(--muted);font-size:14px}.search-panel{display:flex;gap:8px;margin:24px 0}.search-panel input{flex:1}.document-list{display:grid;margin-top:18px}.document-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:68px;padding:12px 10px;border-bottom:1px solid var(--line)}.document-card:hover{background:#fafaf8}.document-card button.doc-open{min-width:0;border:0;background:transparent;text-align:left}.document-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.document-card small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.card-actions{display:flex;align-items:center;gap:4px}.empty-state{padding:70px 20px;color:var(--muted);text-align:center}.empty-state strong{display:block;margin-bottom:7px;color:#565550;font-size:15px}.load-more{display:block;margin:20px auto}.panel{margin-top:28px;padding:0 20px 8px;border:1px solid var(--line);border-radius:10px}.section-title{display:flex;align-items:center;justify-content:space-between;padding:20px 0 12px}.section-title h2{margin:0;font-size:16px}.section-title span{color:var(--muted);font-size:12px}.member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:68px;border-top:1px solid var(--line)}.member-info{display:flex;align-items:center;gap:11px;min-width:0}.member-info>div{min-width:0}.member-info strong,.member-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-info strong{font-size:13px}.member-info small{margin-top:4px;color:var(--muted);font-size:11px}.member-controls{display:flex;align-items:center;gap:8px}.member-controls select{height:34px;padding:0 28px 0 10px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:12px}.member-controls button{font-size:12px}.settings-card{display:flex;align-items:center;gap:18px;margin-top:30px;padding:24px;border:1px solid var(--line);border-radius:10px}.settings-card h2{margin:0}.settings-card p{margin:6px 0 0;color:var(--muted);font-size:13px}dialog{padding:0;border:0;border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.18)}dialog::backdrop{background:rgba(20,20,18,.32)}.dialog-card{display:grid;gap:18px;width:min(92vw,440px);padding:24px}.dialog-card header{display:flex;justify-content:space-between}.dialog-card h2{margin:0;font-size:21px}.dialog-card header p{margin:6px 0 0;color:var(--muted);font-size:12px}.invite-link-result{padding:12px;border-radius:8px;background:#f5f5f2}.invite-link-result p{margin:0 0 9px;color:#686761;font-size:12px}.invite-link-result>div{display:flex;gap:7px}.invite-link-result input{height:38px;font-size:11px}.slash-menu{position:fixed;z-index:50;width:260px;max-height:330px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 14px 44px rgba(0,0,0,.14)}.slash-item{display:flex;align-items:center;gap:11px;width:100%;padding:8px;border:0;border-radius:5px;background:#fff;text-align:left}.slash-item:hover,.slash-item.active{background:var(--hover)}.slash-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:5px;font-family:Georgia,serif;font-weight:700}.slash-item strong,.slash-item small{display:block}.slash-item strong{font-size:13px}.slash-item small{margin-top:3px;color:var(--muted);font-size:10px}.toast{position:fixed;z-index:100;right:20px;bottom:20px;max-width:360px;padding:11px 14px;border-radius:7px;background:#2d2d2a;color:#fff;font-size:13px;box-shadow:0 8px 28px rgba(0,0,0,.2)}.sidebar-backdrop{display:none}.mobile-only{display:none}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-copy{display:none}.auth-panel{padding:28px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.sidebar-backdrop{position:fixed;z-index:15;inset:0;display:block;background:rgba(0,0,0,.25)}.mobile-only{display:grid}.main-pane{margin-left:0}.mobile-header{position:sticky;z-index:12;top:0;display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 10px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94)}.mobile-header strong{font-size:14px}.mobile-header span{min-width:50px;color:var(--muted);font-size:10px;text-align:right}.editor-toolbar{top:50px;height:48px;padding:0 10px}.breadcrumbs,.save-state,.toolbar-actions .button{display:none}.document-editor{width:min(100% - 32px,820px);padding:48px 0 100px}.document-title{font-size:35px}.block-editor{margin-top:32px}.block-row{grid-template-columns:18px minmax(0,1fr);margin-left:-18px}.block-handle{width:18px}.page-view{width:calc(100% - 28px);padding:40px 0 90px}.page-header{align-items:flex-start}.page-header h1{font-size:28px}.page-header p:last-child{font-size:12px}.panel{padding:0 12px}.member-row{grid-template-columns:1fr;padding:13px 0}.member-controls{justify-content:flex-end}.document-card{padding-left:4px;padding-right:4px}.dialog-card{padding:20px}}

.notification-badge{width:auto!important;min-width:18px;padding:1px 5px;border-radius:999px;background:#c43d3d;color:#fff!important;font-size:10px!important;text-align:center}.upload-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.two-column-feed{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feed-list{display:grid;gap:8px}.feed-item{padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff}.feed-item.unread{border-color:#b9c8ea;background:#f6f8ff}.feed-item strong,.feed-item span,.feed-item small{display:block}.feed-item span{margin-top:5px;font-size:13px;line-height:1.5}.feed-item small{margin-top:6px;color:var(--muted);font-size:11px}.feed-actions{display:flex;gap:6px;margin-top:10px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.template-card{display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left}.template-card:hover{background:#fafaf8}.template-card .template-icon{font-size:28px}.template-card h2{margin:0;font-size:17px}.template-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.wide-dialog{width:min(92vw,680px);max-height:82vh;overflow:auto}.comment-form{display:grid;gap:8px}.comment-form textarea{min-height:92px;padding:12px;border:1px solid var(--line);border-radius:8px;resize:vertical}.grant-list{display:grid;gap:8px}.grant-row{display:grid;grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:12px;padding:9px;border-bottom:1px solid var(--line)}@media(max-width:760px){.two-column-feed,.template-grid{grid-template-columns:1fr}.toolbar-actions #comments-button,.toolbar-actions #history-button,.toolbar-actions #access-button,.toolbar-actions #upload-button{display:none}}
select:not(:disabled){cursor:pointer}select:disabled{cursor:not-allowed}
.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 14px;border-radius:6px;background:#111;color:#fff;font-weight:800;text-decoration:none;transform:translateY(-150%)}.skip-link:focus{transform:none}
:where(button,input,textarea,select,[contenteditable="true"],a,[tabindex]):focus-visible{outline:2px solid #1f5fbf;outline-offset:2px}
.document-title:focus-visible,.block-content[contenteditable="true"]:focus-visible{outline:2px solid #1f5fbf;outline-offset:4px}
.append-block,.block-handle{color:#6b6a64}.block-content:empty:before,.document-title::placeholder{color:#73726c}.tree-heading,.breadcrumbs{color:#6f6e68}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){:where(button,input,textarea,select,[contenteditable="true"],a,[tabindex]):focus-visible{outline:2px solid CanvasText}.ui-icon,.star-icon{forced-color-adjust:auto}}
.boot-shell{display:flex;align-items:center;justify-content:center;gap:10px;min-height:100vh;color:var(--muted);font-size:13px}.boot-spinner{width:16px;height:16px;border:2px solid #deded9;border-top-color:#565650;border-radius:50%;animation:boot-spin .75s linear infinite}@keyframes boot-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.boot-spinner{animation-duration:1.8s}}
:root{font-family:"SUIT Variable",SUIT,system-ui,-apple-system,sans-serif}.auth-copy h1,.workspace-avatar,.document-title,.slash-icon{font-family:"SUIT Variable",SUIT,system-ui,-apple-system,sans-serif}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.ui-icon,.star-icon{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auth-shell{grid-template-columns:1fr;place-items:center;background:#f7f7f5}.auth-panel{width:100%;padding:24px}.auth-card{gap:14px;padding:32px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 55px rgba(30,30,28,.08)}.login-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-bottom:14px;text-align:center}.workspace-note-logo{display:block;width:56px;height:56px}.wordmark{font-size:25px}.auth-card h2{margin:8px 0 4px;font-size:25px}.auth-card input{height:42px}.auth-card .button{min-height:42px}.button{min-height:36px;padding:0 14px;font-size:13px}.button.compact{min-height:34px;padding:0 12px}.icon-button{width:30px;height:30px;font-size:16px}.toolbar-actions .button{min-height:32px;padding:0 11px;font-size:12px}[data-tooltip]{position:relative}[data-tooltip]::after{position:absolute;z-index:250;top:calc(100% + 7px);left:50%;display:none;max-width:190px;padding:6px 8px;border-radius:6px;background:#292926;color:#fff;content:attr(data-tooltip);font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none;transform:translateX(-50%)}[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{display:block}.sidebar [data-tooltip]::after{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}
.sidebar{width:244px;transition:width .18s ease}.main-pane{margin-left:244px;transition:margin-left .18s ease}.main-nav button .nav-label{width:auto;min-width:0;flex:1;overflow:hidden;color:inherit;font-size:13px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.nav-icon{display:grid;place-items:center;flex:none}.favorite-toggle{color:#77766f}.favorite-toggle:hover{color:#484741}.favorite-toggle.active{color:#b7791f}.favorite-toggle.active .star-icon{fill:currentColor;stroke-width:1.4}.card-actions .favorite-toggle{display:grid;place-items:center;width:34px;padding:0}.document-title:not(:read-only),.block-content[contenteditable="true"]{cursor:text}.document-title:read-only,.block-content[contenteditable="false"]{cursor:default}.tree-toggle .ui-icon,.tree-add .ui-icon{width:14px;height:14px}.tree-toggle .ui-icon{transition:transform .15s}.tree-toggle.expanded .ui-icon{transform:rotate(90deg)}.block-handle .ui-icon{width:16px;height:16px}.block-handle:active{cursor:grabbing}.block-row.dragging{opacity:.38}.block-row.drop-before::before,.block-row.drop-after::after{position:absolute;right:0;left:24px;height:2px;border-radius:2px;background:#4b7bec;content:""}.block-row.drop-before::before{top:-2px}.block-row.drop-after::after{bottom:-2px}.toggle-wrap{min-width:0}.toggle-summary{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start}.toggle-caret{display:grid;place-items:center;width:22px;height:30px;padding:0;border:0;background:transparent;color:#77766f}.toggle-caret .ui-icon{width:15px;height:15px;transition:transform .15s}.toggle-caret[aria-expanded="true"] .ui-icon{transform:rotate(90deg)}.toggle-body{margin:2px 0 5px 22px;padding:4px 10px;border-left:2px solid #e5e4df;color:#55544f}.document-tree{max-height:calc(100vh - 360px)}.document-editor{width:min(100% - 40px,900px);padding:48px 0 120px}.block-editor{margin-top:28px}.append-block{display:inline-flex;align-items:center;gap:5px}.append-block .ui-icon{width:14px;height:14px}.block-menu{position:fixed;z-index:70;display:grid;width:220px;padding:6px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 14px 44px rgba(0,0,0,.16)}.block-menu button{display:flex;align-items:center;gap:10px;width:100%;height:34px;padding:0 9px;border:0;border-radius:5px;background:#fff;color:#4f4e49;font-size:12px;text-align:left}.block-menu button:hover,.block-menu button:focus-visible{background:var(--hover);outline:none}.block-menu button.danger-text{color:var(--danger)}.block-menu .ui-icon{width:15px;height:15px}.block-menu-separator{height:1px;margin:5px;background:var(--line)}.page-view{width:min(100% - 40px,1080px);padding:28px 0 100px}.page-header{padding-bottom:20px}.empty-state{padding:44px 20px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.settings-grid .settings-card{margin-top:0;min-height:126px}.import-card{justify-content:space-between}.import-card small{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.55}.import-button{display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer}
.block-menu{max-height:min(70vh,460px);overflow:auto}.block-menu button{flex:none}.block-menu-separator{flex:none}
.slash-category{padding:10px 8px 5px;color:var(--muted);font-size:10px;font-weight:800}.public-shell{min-height:100vh;background:#fff}.public-header{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 24px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.public-brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}.public-brand .workspace-note-logo{width:30px;height:30px}.public-title{margin:0;font-size:44px;line-height:1.2;letter-spacing:-.045em}.public-document{padding-top:68px}.public-block-editor .block-row{grid-template-columns:minmax(0,1fr);margin-left:0}.public-block-editor .block-handle{display:none}.block-content[data-type=heading4]{font-size:16px;font-weight:800;line-height:1.55}.callout-wrap{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:12px 14px;border:1px solid #e5e4df;border-radius:7px;background:#f7f7f5}.callout-wrap>.ui-icon{margin-top:5px;color:#6f6e68}.structured-block{min-width:0;padding:4px 0}.structured-block .block-content{width:100%}.block-table{width:100%;border-collapse:collapse;table-layout:fixed}.block-table td,.block-table th{min-width:100px;height:38px;padding:0;border:1px solid #deddd8}.block-table input{width:100%;height:37px;padding:0 10px;border:0;background:transparent;outline:none}.block-table thead{background:#f7f7f5;font-weight:700}.block-table-actions{display:flex;gap:6px;margin-top:7px}.block-table-actions button{height:28px;padding:0 9px;border:0;border-radius:5px;background:#f2f2ef;color:#696862;font-size:11px}.database-block{padding:12px;border:1px solid var(--line);border-radius:8px}.database-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;font-weight:800}.media-block{display:grid;gap:8px}.media-url{width:100%;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#fff;outline:none}.media-preview{display:grid;place-items:center;min-height:54px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fafaf8;color:var(--muted);font-size:12px}.media-preview img,.media-preview video{display:block;max-width:100%;max-height:520px}.media-preview audio{width:min(100%,520px);margin:16px}.media-preview iframe{width:100%;height:420px;border:0}.media-preview a{display:flex;align-items:center;gap:8px;width:100%;padding:16px;color:var(--ink);text-decoration:none}.toc-block{padding:10px 14px;border-left:2px solid #dddcd7}.toc-block strong{display:block;margin-bottom:7px;font-size:12px}.toc-block a{display:block;padding:3px 0;color:#696862;font-size:12px;text-decoration:none}.math-block{padding:13px;border-radius:7px;background:#f7f7f5;text-align:center}.math-block .block-content{font-family:"SFMono-Regular",Consolas,monospace}.inline-toolbar{position:fixed;z-index:90;display:flex;padding:4px;border-radius:7px;background:#2f2f2c;box-shadow:0 8px 30px rgba(0,0,0,.22)}.inline-toolbar button{display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border:0;border-radius:4px;background:transparent;color:#fff;font-size:12px}.inline-toolbar button:hover{background:#4b4b47}.inline-toolbar .ui-icon{width:15px;height:15px}.block-content a{color:#2563a8;text-decoration:underline;text-underline-offset:2px}.block-content code{padding:1px 4px;border-radius:4px;background:#efefec;color:#c33;font-family:"SFMono-Regular",Consolas,monospace;font-size:.9em}.search-dialog{width:min(92vw,660px);padding:0;border-radius:12px}.global-search-card{background:#fff}.global-search-card>header{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.global-search-card input{height:38px;border:0;outline:none;font-size:16px}.global-search-card kbd{padding:3px 6px;border:1px solid var(--line);border-radius:5px;background:#f7f7f5;color:var(--muted);font-size:10px}.global-search-results{max-height:min(58vh,480px);overflow:auto;padding:7px}.global-search-item{display:grid;gap:3px;width:100%;padding:10px 11px;border:0;border-radius:6px;background:#fff;text-align:left}.global-search-item:hover,.global-search-item.active{background:var(--hover)}.global-search-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.global-search-item small{color:var(--muted);font-size:10px}.global-search-empty{padding:44px 20px;color:var(--muted);font-size:13px;text-align:center}.global-search-card>footer{display:flex;gap:14px;padding:8px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.publish-card{width:min(92vw,480px)}.publication-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid var(--line);border-radius:8px}.publication-row strong,.publication-row small{display:block}.publication-row small{margin-top:4px;color:var(--muted);font-size:11px}.link-dialog-card{width:min(92vw,460px)}.link-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.link-dialog-actions .button{min-width:82px}
@media(min-width:761px){.app-shell.sidebar-collapsed .sidebar{width:68px}.app-shell.sidebar-collapsed .main-pane{margin-left:68px}.app-shell.sidebar-collapsed .workspace-header{justify-content:center;padding-inline:8px}.app-shell.sidebar-collapsed #workspace-home,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .document-tree,.app-shell.sidebar-collapsed .profile-footer .avatar,.app-shell.sidebar-collapsed .profile-copy{display:none}.app-shell.sidebar-collapsed .main-nav{padding-inline:8px}.app-shell.sidebar-collapsed .main-nav button{justify-content:center;padding:0}.app-shell.sidebar-collapsed .main-nav button>span:first-child{width:24px}.app-shell.sidebar-collapsed .tree-heading{justify-content:center;padding:14px 8px 6px}.app-shell.sidebar-collapsed .profile-footer{justify-content:center;padding-inline:8px}}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.desktop-only{display:none!important}.sidebar{width:264px}.main-pane{margin-left:0}.document-editor{width:calc(100% - 28px);padding:34px 0 90px}.page-view{width:calc(100% - 24px);padding:20px 0 80px}.settings-grid{margin-top:16px}.settings-card{align-items:flex-start}.import-card{display:grid}.import-button{width:100%}.button{min-height:40px}.icon-button{width:38px;height:38px}}
:root{--accent:#59647f}body{background:#fff}.workspace-avatar{border-radius:8px;background:#596174}.main-nav button.active{background:#e8e9ee;color:#303748}.button.primary{background:#343b4a}.button.primary:hover{background:#242a36}.block-row.drop-before::before,.block-row.drop-after::after{background:var(--accent)}
.block-row{padding-left:calc(var(--indent,0) * 26px)}.block-row.selected{margin-right:-6px;border-radius:6px;background:rgba(89,100,127,.09);box-shadow:inset 2px 0 #7a849b}.block-row.selected .block-handle{visibility:visible;color:#59647f}@media(max-width:760px){.block-row{padding-left:calc(var(--indent,0) * 18px)}}
.url-paste-menu{position:fixed;z-index:95;width:min(340px,calc(100vw - 16px));padding:7px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 16px 48px rgba(28,28,26,.16)}.url-paste-heading{padding:7px 9px 8px;color:var(--muted);font-size:11px;font-weight:700}.url-paste-menu button{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:8px 9px;border:0;border-radius:7px;background:#fff;text-align:left}.url-paste-menu button:hover,.url-paste-menu button:focus-visible,.url-paste-menu button.active{background:var(--hover);outline:none}.url-paste-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:7px;color:#626b80}.url-paste-icon .ui-icon{width:16px;height:16px}.url-paste-copy{min-width:0}.url-paste-copy strong,.url-paste-copy small{display:block}.url-paste-copy strong{font-size:13px}.url-paste-copy small{overflow:hidden;margin-top:3px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skeleton{position:relative;overflow:hidden;background:#ececea}.skeleton::after{position:absolute;inset:0;background:linear-gradient(100deg,transparent 24%,rgba(255,255,255,.72) 45%,transparent 66%);content:"";transform:translateX(-100%);animation:skeleton-sweep 1.25s ease-in-out infinite}@keyframes skeleton-sweep{to{transform:translateX(100%)}}.skeleton-stack{display:grid;gap:0;width:100%}.skeleton-list-row{display:grid;grid-template-columns:minmax(0,1fr) 70px;align-items:center;gap:20px;min-height:68px;padding:12px 10px;border-bottom:1px solid var(--line)}.skeleton-lines{display:grid;gap:9px}.skeleton-line{display:block;height:11px;border-radius:5px}.skeleton-line.title{width:min(52%,310px);height:14px}.skeleton-line.meta{width:min(30%,160px);height:9px}.skeleton-pill{display:block;width:66px;height:28px;border-radius:7px}.skeleton-tree{display:grid;gap:8px;padding:5px 9px}.skeleton-tree .skeleton-line{height:22px;border-radius:5px}.skeleton-tree .skeleton-line:nth-child(2n){width:78%}.skeleton-tree .skeleton-line:nth-child(3n){width:64%}.skeleton-member-row{display:grid;grid-template-columns:34px minmax(0,1fr) 96px;align-items:center;gap:11px;min-height:68px;border-top:1px solid var(--line)}.skeleton-avatar{display:block;width:29px;height:29px;border-radius:50%}.skeleton-document{display:grid;gap:16px;padding-top:3px}.skeleton-document .skeleton-line:nth-child(1){width:88%}.skeleton-document .skeleton-line:nth-child(2){width:74%}.skeleton-document .skeleton-line:nth-child(3){width:91%}.skeleton-document .skeleton-line:nth-child(4){width:57%}.document-title.skeleton-title{width:min(62%,510px);height:53px;min-height:53px;border-radius:8px;background:#ececea;color:transparent;caret-color:transparent;animation:skeleton-pulse 1.1s ease-in-out infinite}.global-search-skeleton{display:grid;gap:7px;padding:7px}.global-search-skeleton .skeleton-list-row{min-height:54px;border:0;border-radius:6px}.button.loading-indicator{position:relative;color:transparent!important;pointer-events:none}.button.loading-indicator::after{position:absolute;width:14px;height:14px;border:2px solid #d7d7d2;border-top-color:#59647f;border-radius:50%;content:"";animation:boot-spin .7s linear infinite}@keyframes skeleton-pulse{50%{opacity:.58}}@media(prefers-reduced-motion:reduce){.skeleton::after,.document-title.skeleton-title,.button.loading-indicator::after{animation:none}}
.database-block{min-width:0;padding:0;border:1px solid #dedee3;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(28,31,38,.03);font-size:13px;line-height:1.4}.db-header{display:flex;align-items:center;gap:10px;padding:12px 13px 9px}.db-title{min-width:120px;flex:1;height:30px;padding:0;border:0;background:transparent;outline:none;font-size:15px;font-weight:750}.db-count{flex:none;color:var(--muted);font-size:11px}.db-viewbar{display:flex;align-items:center;gap:3px;padding:0 10px;border-bottom:1px solid var(--line)}.db-view-tab{display:flex;align-items:center;gap:6px;height:34px;padding:0 9px;border:0;border-bottom:2px solid transparent;background:transparent;color:#777b84;font-size:12px;font-weight:650}.db-view-tab.active{border-bottom-color:#59647f;color:#303748}.db-view-tab .ui-icon{width:14px;height:14px}.db-toolbar{display:flex;align-items:center;gap:7px;padding:9px 10px;flex-wrap:wrap}.db-search-wrap{position:relative;min-width:150px;flex:1 1 180px}.db-search-wrap .ui-icon{position:absolute;top:9px;left:9px;width:14px;height:14px;color:#8c8f97}.db-search,.db-select,.db-control{height:32px;border:1px solid #dddde2;border-radius:6px;background:#fff;outline:none;font-size:12px}.db-search{width:100%;padding:0 10px 0 30px}.db-select{max-width:170px;padding:0 28px 0 9px;flex:none}.db-control{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;color:#555b68;flex:none;white-space:nowrap}.db-control:hover{background:#f5f5f7}.db-control .ui-icon{width:14px;height:14px}.db-control.primary{border-color:#59647f;background:#59647f;color:#fff}.db-table-scroll{max-width:100%;overflow:auto;border-top:1px solid var(--line)}.db-table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;table-layout:fixed}.db-table th,.db-table td{height:38px;padding:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;vertical-align:middle}.db-table th{height:58px;background:#f8f8f9;text-align:left}.db-property-head{display:grid;grid-template-columns:minmax(74px,1fr) 88px auto;align-items:center;gap:4px;padding:5px 6px}.db-property-name,.db-property-type,.db-cell-input{width:100%;height:30px;padding:0 8px;border:1px solid transparent;border-radius:5px;background:transparent;outline:none;font-size:12px}.db-property-name{font-weight:700}.db-property-type{padding-right:22px;color:#777b84;font-size:10px}.db-property-name:focus,.db-property-type:focus,.db-cell-input:focus{border-color:#aeb4c2;background:#fff;box-shadow:0 0 0 2px rgba(89,100,127,.1)}.db-property-actions,.db-row-actions{display:flex;align-items:center;gap:1px}.db-mini-button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:5px;background:transparent;color:#8a8d95}.db-mini-button:hover{background:#ececf0;color:#3e4451}.db-mini-button .ui-icon{width:13px;height:13px}.db-cell{padding:3px 5px}.db-cell-input[type=checkbox]{display:block;width:16px;height:16px;margin:auto;accent-color:#59647f}.db-cell-input.type-select,.db-cell-input.type-person{background:#f3f3f5}.db-cell-input.type-url{color:#2563a8}.db-row-actions-cell{width:84px;position:sticky;right:0;background:#fafafa!important}.db-empty{padding:34px 16px;color:var(--muted);text-align:center;font-size:12px}.db-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px}.db-footer-note{color:var(--muted);font-size:10px}.db-board{display:flex;gap:10px;max-width:100%;overflow:auto;padding:10px;border-top:1px solid var(--line);background:#fafafa}.db-board-column{width:240px;min-width:240px;padding:7px;border:1px solid #e1e1e5;border-radius:9px;background:#f4f4f6}.db-board-column.drag-over{border-color:#7d879f;background:#eef0f5}.db-board-heading{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 4px;font-size:12px;font-weight:750}.db-board-heading span:last-child{color:var(--muted);font-size:10px}.db-board-list{display:grid;gap:7px;min-height:36px}.db-card{display:grid;gap:7px;padding:9px;border:1px solid #dedee2;border-radius:7px;background:#fff;box-shadow:0 1px 2px rgba(25,28,34,.04)}.db-card.dragging{opacity:.45}.db-card-title{width:100%;border:0;background:transparent;outline:none;font-size:13px;font-weight:700}.db-card-meta{display:grid;gap:5px}.db-card-field{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:5px;color:#7b7e87;font-size:10px}.db-card-field .db-cell-input{height:27px;background:#f7f7f8;font-size:11px}.db-card-footer{display:flex;justify-content:flex-end}.db-board-add{width:100%;height:30px;margin-top:7px;border:0;border-radius:6px;background:transparent;color:#777b84;font-size:11px;text-align:left}.db-board-add:hover{background:#e9e9ed}.db-status-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#7c879f}@media(max-width:760px){.database-block{margin-right:-10px}.db-toolbar{align-items:stretch}.db-search-wrap{flex-basis:100%}.db-select{max-width:none;flex:1}.db-property-head{grid-template-columns:minmax(70px,1fr) 78px}.db-property-actions{grid-column:1/-1}.db-board-column{width:220px;min-width:220px}}
/* Database spacing refinement */
.database-block{overflow:hidden;border-color:#d9dae0;border-radius:11px;box-shadow:0 2px 6px rgba(28,31,38,.035)}
.db-header{gap:12px;padding:15px 15px 10px}
.db-title{height:32px;font-size:16px;letter-spacing:-.015em}
.db-count{padding:4px 7px;border-radius:999px;background:#f4f4f6;color:#747780;font-size:10px;line-height:1}
.db-viewbar{gap:8px;padding:0 14px}
.db-view-tab{height:38px;margin-right:4px;padding:0 4px;gap:7px}
.db-toolbar{gap:8px;padding:10px 12px;border-bottom:1px solid #ececf0;background:#fbfbfc}
.db-search-wrap{min-width:190px}
.db-search-wrap .ui-icon{top:10px;left:10px}
.db-search,.db-select,.db-control{height:34px;border-color:#d9dae0}
.db-search{padding:0 11px 0 32px}
.db-select{min-width:112px;padding-left:10px}
.db-control{padding:0 11px}
.db-table-scroll{border-top:0}
.db-table th,.db-table td{height:42px}
.db-table th{height:66px}
.db-property-head{position:relative;grid-template-areas:"name" "type";grid-template-columns:minmax(0,1fr);gap:2px;padding:6px 8px;overflow:hidden}
.db-property-name,.db-property-type,.db-cell-input{height:32px;padding:0 9px}
.db-property-name{grid-area:name;padding-right:78px;font-size:12px}
.db-property-type{grid-area:type;width:min(100%,112px);height:25px;padding-left:7px}
.db-property-actions{position:absolute;top:6px;right:6px;z-index:1;border-radius:5px;background:#f8f8f9;opacity:0;pointer-events:none;transition:opacity .12s}
.db-property-head:hover .db-property-actions,.db-property-head:focus-within .db-property-actions{opacity:1;pointer-events:auto}
.db-property-actions,.db-row-actions{justify-content:center;gap:1px}
.db-mini-button{width:25px;height:25px}
.db-table td.db-cell{height:44px;padding:6px}
.db-row-actions-cell{width:88px}
.db-table th.db-row-actions-cell{padding:0 10px;color:#747780;font-size:11px;font-weight:700;text-align:center}
.db-footer{padding:11px 12px;border-top:1px solid #ececf0;background:#fbfbfc}
.db-footer .db-control.primary{height:34px;padding-inline:12px}
.db-footer-note{padding-right:2px}
.db-board{gap:12px;padding:12px}
.db-board-column{padding:8px}
.db-card{gap:8px;padding:10px}
@media(max-width:760px){.database-block{margin-right:-8px;border-radius:9px}.db-header{padding:13px 12px 9px}.db-viewbar{padding-inline:11px}.db-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:9px}.db-search-wrap{grid-column:1/-1;min-width:0}.db-select{min-width:0;max-width:none}.db-control{padding-inline:9px}.db-property-head{padding:6px 7px}.db-footer{padding:10px}.db-footer-note{font-size:9px}}