: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}
.document-tree>.empty-state{padding:14px 8px 18px;color:#9a9993;font-size:11px;line-height:1.45;text-align:center}
@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}
.document-width-card{grid-column:1/-1;justify-content:space-between}.width-options{display:grid;grid-template-columns:repeat(3,112px);gap:8px}.width-options button{display:grid;gap:7px;justify-items:center;padding:10px 8px 8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#73726c;font-size:11px}.width-options button:hover{background:#f8f8f6}.width-options button.active{border-color:#6f8fbe;background:#f3f7fd;color:#255b9e;box-shadow:0 0 0 2px rgba(49,130,246,.08)}.width-preview{display:block;height:22px;border:1px solid currentColor;border-radius:3px;opacity:.7}.width-preview.narrow{width:20px}.width-preview.default{width:34px}.width-preview.full{width:48px}.app-shell.document-width-narrow .document-editor{width:min(100% - 40px,720px)}.app-shell.document-width-full .document-editor{width:min(100% - 72px,1440px)}
.policy-card{display:grid;align-content:start;gap:18px;min-height:0!important}.policy-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.policy-card header h2{margin:0}.policy-card header p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.owner-only-badge{flex:none;padding:5px 8px;border-radius:999px;background:#f1f3f6;color:#69717d;font-size:10px;font-weight:800}.setting-toggle,.setting-select,.ip-list-label{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;border-top:1px solid var(--line)}.setting-toggle strong,.setting-toggle small,.setting-select strong,.setting-select small,.ip-list-label strong,.ip-list-label small{display:block}.setting-toggle strong,.setting-select strong,.ip-list-label strong{font-size:13px}.setting-toggle small,.setting-select small,.ip-list-label small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}.setting-toggle input{width:42px;height:24px;flex:none;accent-color:#3182f6}.setting-select select{height:38px;padding:0 30px 0 11px;border:1px solid var(--line);border-radius:8px;background:#fff}.ip-list-label{display:grid;align-items:stretch}.ip-tag-editor{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;transition:border-color .15s,box-shadow .15s}.ip-tag-editor:focus-within{border-color:#3182f6;box-shadow:0 0 0 3px rgba(49,130,246,.1)}.ip-tags{display:flex;flex-wrap:wrap;gap:6px}.ip-tag{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:5px 7px 5px 9px;border-radius:999px;background:#eef2f8;color:#34425c;font:12px/1 "SFMono-Regular",Consolas,monospace}.ip-tag>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-tag button{display:grid;place-items:center;width:17px;height:17px;padding:0;border:0;border-radius:50%;background:transparent;color:#65718a;font-size:15px;line-height:1}.ip-tag button:hover{background:#d9e1ef;color:#27344d}.ip-tag-input{min-width:170px;flex:1;height:30px;padding:0 3px;border:0;outline:none;background:transparent;font-size:12px}.ip-tag-input::placeholder{color:#aaa}.ip-input-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.ip-input-hint strong{flex:none;color:#69717d;font-size:10px}.current-ip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;background:#f6f7f9;color:#747982;font-size:11px}.current-ip strong{margin-left:5px;color:#30343a}.security-warning{margin:0;color:#9b6a20!important;font-size:11px!important}.policy-save{justify-self:end}
.settings-page{width:min(100% - 40px,880px);padding:32px 0 96px}.settings-page .settings-header{padding-bottom:18px}.settings-page .settings-grid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.settings-page .settings-card{width:100%;min-height:0;margin:0;padding:22px 24px;border:0;border-bottom:1px solid var(--line);border-radius:0}.settings-page .settings-card:last-child{border-bottom:0}.settings-page .settings-card h2{font-size:15px}.settings-page .document-width-card{grid-column:auto}.settings-page .policy-card{gap:16px}.import-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.import-repair-toggle{display:flex;align-items:center;gap:8px;width:100%;margin-top:4px;padding:9px 10px;border:1px solid #e3e4e8;border-radius:8px;background:#fafbfc;color:#495061;cursor:pointer}.import-repair-toggle input{accent-color:#59647f}.import-repair-toggle span{display:grid;gap:2px}.import-repair-toggle strong{font-size:11px}.import-repair-toggle small{margin:0;color:#858a96;font-size:10px;line-height:1.35}
@media(min-width:761px){.app-shell.document-width-narrow .settings-page{width:min(100% - 40px,720px)}.app-shell.document-width-default .settings-page{width:min(100% - 40px,900px)}.app-shell.document-width-full .settings-page{width:min(100% - 72px,1440px)}}
@media(max-width:760px){.settings-page{width:calc(100% - 24px);padding:18px 0 72px}.settings-page .settings-header{padding-bottom:14px}.settings-page .settings-grid{margin-top:10px;border-radius:10px}.settings-page .settings-card{padding:18px 16px}.settings-page .import-card,.settings-page .document-width-card{display:grid}.settings-page .width-options{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.settings-page .setting-select{align-items:stretch;flex-direction:column}.settings-page .setting-select select{width:100%}.settings-page .policy-card header{gap:10px}}
.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 .sidebar-document-scroll,.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}.document-width-card{grid-column:auto}.width-options{grid-template-columns:repeat(3,minmax(82px,1fr));width:100%}}@media(max-width:760px){.desktop-only{display:none!important}.sidebar{width:264px}.main-pane{margin-left:0}.document-editor,.app-shell.document-width-narrow .document-editor,.app-shell.document-width-full .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,.document-width-card{display:grid}.import-button{width:100%}.width-options{grid-template-columns:repeat(3,1fr)}.setting-toggle,.setting-select{width:100%}.policy-save{width:100%;justify-self:stretch}.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;background:#fff}
.db-board-column{width:260px;min-width:260px;padding:8px;border:0;background:#f5f5f4}
.db-board-column[data-tone=blue]{background:#f2f6fa}.db-board-column[data-tone=yellow]{background:#fbf8ee}.db-board-column[data-tone=green]{background:#f2f7f4}.db-board-column[data-tone=red]{background:#faf3f2}
.db-board-heading>span:first-child{display:inline-flex;align-items:center;padding:3px 7px;border-radius:4px;background:#e7e7e5;font-weight:650}.db-board-column[data-tone=blue] .db-board-heading>span:first-child{background:#dbe9f3}.db-board-column[data-tone=yellow] .db-board-heading>span:first-child{background:#f2e6bd}.db-board-column[data-tone=green] .db-board-heading>span:first-child{background:#dceadf}.db-board-column[data-tone=red] .db-board-heading>span:first-child{background:#efdedc}
.db-card{position:relative;gap:8px;padding:10px 10px 8px;border-color:#deddd9;border-radius:6px;box-shadow:0 1px 2px rgba(28,27,24,.06);cursor:pointer}
.db-card:hover{border-color:#c9c8c3;background:#fff}.db-card-title-row{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:5px;padding-right:23px}.db-card-page-icon{display:grid;place-items:center;width:20px;height:25px;padding:0;border:0;border-radius:4px;background:transparent;color:#898984}.db-card-page-icon:hover{background:#efefed;color:#4f4e49}.db-card-page-icon .ui-icon{width:14px;height:14px}.db-card-title{min-height:25px;padding:2px 0;line-height:1.5}
.db-card-meta:empty{display:none}.db-card-field{display:flex;align-items:center;gap:6px;min-height:20px;color:#74736e;font-size:10px}.db-card-field .ui-icon{width:13px;height:13px;flex:none}.db-card-value{min-width:0;overflow:hidden;color:#5e5d58;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.db-card-value.is-tag{padding:2px 6px;border-radius:4px;background:#eeeeda}.db-card-value.is-person{display:inline-flex;align-items:center;gap:5px}.db-card-avatar{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e7e4df;color:#5f5c57;font-size:9px;font-weight:750}.db-card-footer{position:absolute;top:6px;right:6px;z-index:2;opacity:0;pointer-events:none;transition:opacity .12s}.db-card-footer .db-mini-button{border:1px solid #deddd9;background:#fff;box-shadow:0 1px 2px rgba(28,27,24,.08)}.db-card:hover .db-card-footer,.db-card:focus-within .db-card-footer{opacity:1;pointer-events:auto}
@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}}
/* Workspace layout detail pass */
:root{--sidebar-width:260px;--content-width:1040px}
.sidebar{width:var(--sidebar-width);background:#f8f8f7}
.main-pane{margin-left:var(--sidebar-width)}
.workspace-header{padding:12px 12px 10px}
.workspace-button{gap:11px;padding:6px 7px}
.main-nav{gap:2px;padding:6px 10px 10px}
.main-nav button{height:34px;padding:0 10px;border-radius:7px}
.tree-heading{min-height:44px;padding:14px 13px 7px 17px;letter-spacing:.02em}
.sidebar-section-add{display:grid;place-items:center;width:30px;height:30px;margin:-4px -4px 0 8px;padding:0;border:0;border-radius:7px;background:transparent;color:#8b8a84}
.sidebar-section-add:hover,.sidebar-section-add:focus-visible{background:#e9f2ff;color:#1b64da}
.sidebar-section-add .ui-icon{width:16px;height:16px}
.sidebar-all-row{display:flex;align-items:center;width:calc(100% - 20px);height:34px;margin:1px 10px;border-radius:7px}
.sidebar-all-row .sidebar-all{width:auto;flex:1;margin:0}
.sidebar-all-row .sidebar-section-add{flex:none;margin:0 2px 0 0}
.document-tree{min-height:0;max-height:none;flex:1 1 auto;padding:0 10px 14px;scrollbar-gutter:stable}
.tree-row{position:relative;height:32px;margin:1px 0;padding-right:3px;border-radius:7px}
.tree-toggle{position:absolute;top:2px;right:0;display:grid;place-items:center;width:27px;height:27px;padding:0;border:0;border-radius:6px;background:transparent;color:#85847e}
.tree-row.has-children .tree-title{padding-right:36px}
.tree-title{height:30px;padding:0 8px 0 10px;line-height:30px}
.tree-row.has-children:hover .tree-title,.tree-row.has-children:focus-within .tree-title{padding-right:36px}
.tree-children{margin-left:13px;padding-left:4px;border-left:1px solid #e4e4e0}
.sidebar-document-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;padding-bottom:12px;scrollbar-gutter:stable}
.sidebar-document-scroll .document-tree{min-height:0;max-height:none;overflow:visible;padding-bottom:0;scrollbar-gutter:auto}
.sidebar-all,.sidebar-new-page{display:flex;align-items:center;gap:8px;width:calc(100% - 20px);height:32px;margin:1px 10px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#5d5c57;font-size:13px;text-align:left}
.sidebar-all:hover,.sidebar-all.active,.sidebar-new-page:hover{background:#eaeae6;color:#222}
.sidebar-glyph{display:grid;place-items:center;width:18px;min-width:18px;height:20px;font-size:15px;line-height:1}
.sidebar-glyph .sidebar-doc-icon{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.tree-row .sidebar-glyph{color:#77766f}
.tree-row.active .sidebar-glyph,.tree-row:hover .sidebar-glyph{color:#50504c}
.workspace-glyph{color:#2383e2;font-size:18px;font-weight:800}
.tree-row .sidebar-glyph{margin-left:8px;margin-right:2px}
.tree-row.has-children .tree-title{padding-left:4px}
.tree-title{padding-left:4px}
.personal-heading{margin-top:12px}
.sidebar-new-page{color:#8b8a84}
.sidebar-new-page .ui-icon{width:15px;height:15px;margin-left:1px}
.teamspace-tree:empty::after{display:block;padding:5px 10px;color:#aaa9a3;content:"공용 문서가 없습니다";font-size:11px}
.personal-tree:empty{display:none}
.bottom-nav{padding-top:10px;background:#f8f8f7}
.profile-footer{padding:11px 13px}
.page-view{width:min(calc(100% - 64px),var(--content-width));padding:38px 0 112px}
.page-header{align-items:center;gap:32px;padding-bottom:26px}
.page-header>div{min-width:0}
.page-header h1{font-size:36px;line-height:1.16}
.page-header p:last-child{margin-top:10px;line-height:1.55}
.page-header>.button{flex:none}
.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.template-card{grid-template-rows:auto auto 1fr auto;gap:12px;min-height:216px;padding:24px;border-color:#e2e2de;border-radius:14px;box-shadow:0 1px 2px rgba(30,30,28,.025);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.template-card:hover{border-color:#d6d7dc;background:#fff;box-shadow:0 8px 24px rgba(38,41,49,.07);transform:translateY(-1px)}
.template-card:focus-visible{border-color:#8e96a8;outline:3px solid rgba(89,100,127,.16);outline-offset:2px}
.template-card .template-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#f1f2f5;font-size:24px;line-height:1}
.template-card h2{font-size:18px;line-height:1.35;letter-spacing:-.02em}
.template-card p{font-size:13px;line-height:1.6}
.template-card .button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding-inline:14px;border-radius:8px}
.template-card .button::after{content:"→";font-size:15px;font-weight:700;opacity:.82}
.setup-shell{display:grid;grid-template-columns:minmax(0,580px) minmax(0,500px);justify-content:center;min-height:100vh;background:linear-gradient(90deg,#f5f6f8 0 calc(50% + 40px),#fff calc(50% + 40px))}
.setup-intro{display:flex;flex-direction:column;padding:clamp(36px,4vw,56px) 40px;background:transparent}
.setup-brand{display:flex;align-items:center;gap:11px;font-size:18px;letter-spacing:-.03em}.setup-brand .workspace-note-logo{width:34px;height:34px}
.setup-copy{max-width:500px;margin:auto 0}.setup-step{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e7f0ff;color:#1769d2;font-size:12px;font-weight:800}.setup-copy h1{margin:22px 0 18px;font-size:clamp(42px,4.25vw,62px);line-height:1.08;letter-spacing:-.055em}.setup-copy p{max-width:500px;margin:0;color:#666c76;font-size:16px;line-height:1.75}
.setup-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:48px 0 0;padding:0;list-style:none}.setup-benefits li{display:flex;align-items:center;gap:10px}.setup-benefits li>span{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:10px;background:#fff;color:#2878db;font-size:12px;font-weight:900}.setup-benefits strong,.setup-benefits small{display:block}.setup-benefits strong{font-size:12px}.setup-benefits small{margin-top:3px;color:#8a8f98;font-size:10px}
.setup-panel{display:grid;place-items:center;padding:44px 40px}.setup-card{display:grid;gap:19px;width:min(100%,420px)}.setup-progress{display:flex;gap:6px;margin-bottom:18px}.setup-progress span{width:32px;height:4px;border-radius:99px;background:#e8e9ec}.setup-progress .active{width:54px;background:#3182f6}.setup-card header h2{margin:0;font-size:30px;letter-spacing:-.045em}.setup-card header>p:last-child{margin:9px 0 0;color:#7b8089;font-size:13px}.setup-card label{display:grid;gap:8px;color:#44484f;font-size:13px;font-weight:750}.setup-card input{width:100%;height:52px;padding:0 15px;border:1px solid #dfe1e5;border-radius:12px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.setup-card input:focus{border-color:#3182f6;box-shadow:0 0 0 4px rgba(49,130,246,.11)}.setup-submit{display:flex;align-items:center;justify-content:space-between;min-height:54px;margin-top:5px;padding-inline:18px;border-radius:12px;background:#3182f6}.setup-submit:hover{background:#1b64da}.setup-security{margin:0;color:#92969d;font-size:11px;text-align:center}
.card-actions .icon-button{width:34px;height:34px}.card-actions .list-trash{color:#8d5555}.card-actions .list-trash:hover{background:#fff0f0;color:#ba3434}
@media(max-width:1050px) and (min-width:761px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.setup-shell{grid-template-columns:1fr;background:#fff}.setup-intro{min-height:auto;padding:32px 28px;background:#f5f6f8}.setup-copy{margin:56px 0 20px}.setup-copy h1{font-size:42px}.setup-benefits{display:none}.setup-panel{padding:48px 24px}}
@media(max-width:760px){:root{--sidebar-width:264px}.sidebar{width:var(--sidebar-width)}.main-pane{margin-left:0}.page-view{width:calc(100% - 32px);padding:28px 0 88px}.page-header{flex-direction:column;align-items:stretch;gap:18px;padding-bottom:22px}.page-header h1{font-size:30px}.page-header>.button{align-self:flex-start}.template-grid{grid-template-columns:1fr;gap:12px;margin-top:20px}.template-card{min-height:0;padding:20px}.setup-intro{padding:24px 20px}.setup-copy{margin:38px 0 4px}.setup-copy h1{font-size:34px}.setup-copy p{font-size:14px}.setup-panel{align-items:start;padding:36px 20px}.setup-card header h2{font-size:27px}}
.db-filter-value{width:170px;min-width:140px;flex:0 1 170px;padding:0 10px}.db-toolbar>.db-select[aria-label="필터 속성"],.db-toolbar>.db-select[aria-label="필터 조건"]{min-width:108px}@media(max-width:760px){.db-filter-value{width:auto;min-width:0;flex:1}.db-toolbar>.db-select[aria-label="필터 속성"],.db-toolbar>.db-select[aria-label="필터 조건"]{min-width:0}}
.database-block{min-width:0;max-width:100%;overflow:hidden}.database-block .db-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;overflow:visible}.database-block .db-viewbar{display:flex;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.database-block .db-board{width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.database-block .db-board-column{flex:0 0 clamp(220px,28vw,300px);min-width:0}.database-block .db-card{min-width:0;max-width:100%}.database-block .db-card-title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.database-block .db-card-value{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.database-block .db-card-meta{min-width:0}.database-block .db-board-more{width:100%;padding:8px;border:1px dashed var(--line);border-radius:6px;background:#fff;color:var(--muted);font-size:11px}.db-calendar{min-width:0;overflow-x:auto}.db-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:700px;min-height:58px;margin:0;padding:14px 12px 12px;border-bottom:1px solid var(--line)}.db-calendar-heading strong{font-size:16px;line-height:1.4}.db-calendar-controls{display:flex;gap:6px}.db-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:700px;border-left:1px solid var(--line)}.db-calendar-weekday{padding:9px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;text-align:center}.db-calendar-weeks{min-width:700px;border-left:1px solid var(--line)}.db-calendar-week{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:27px;min-height:128px;border-bottom:1px solid var(--line)}.db-calendar-day{display:flex;flex-direction:column;gap:3px;min-height:92px;padding:7px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.db-calendar-week .db-calendar-day{grid-row:1/-1;min-width:0;min-height:128px;border-bottom:0}.db-calendar-day.outside{background:#fafaf8;color:#aaa}.db-calendar-day.today{background:#f7faff;box-shadow:none}.db-calendar-date{display:grid;place-items:center;align-self:flex-end;min-width:22px;height:22px;padding:0 5px;border-radius:999px;color:#777;font-size:11px;line-height:1}.db-calendar-day.today .db-calendar-date{background:#2f6feb;color:#fff;font-weight:700}.db-calendar-range,.db-calendar-undated-item{display:block;min-width:0;overflow:hidden;padding:4px 8px;border:0;border-radius:4px;background:#eef3fb;color:#285b9b;font-size:11px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.db-calendar-range{z-index:2;align-self:center;height:23px;margin:2px 4px;line-height:15px;cursor:pointer}.db-calendar-range:hover,.db-calendar-undated-item:hover{background:#dfeafb}.db-calendar-range:focus-visible{outline:2px solid #2f6feb;outline-offset:1px}.db-calendar-range.continues-before{margin-left:0;border-radius:0 4px 4px 0}.db-calendar-range.continues-after{margin-right:0;border-radius:4px 0 0 4px}.db-calendar-range.continues-before.continues-after{border-radius:0}.db-calendar-undated{display:block;margin:12px 0 0;padding:11px 12px;border:1px dashed var(--line);border-radius:7px}.db-calendar-undated summary{cursor:pointer;color:var(--muted);font-size:11px;font-weight:700}.db-calendar-undated-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.db-calendar-undated-item{background:#f7f7f5;color:var(--ink)}.notion-property-table .block-table thead,.notion-property-table .block-table-actions{display:none}.notion-property-table .block-table{border:0}.notion-property-table .block-table td{border:0;border-bottom:1px solid #f0f0ed}.notion-property-table .block-table td:first-child{width:150px;color:var(--muted)}.notion-property-table .block-table input{background:transparent}.notion-page-link .media-url{display:none}.notion-page-link .media-preview a{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:4px;background:#f7f7f5;color:var(--ink);text-decoration:none}.notion-page-link .media-preview a:hover{background:#efefec;text-decoration:underline}
@media(max-width:760px){.database-block{padding:8px}.database-block .db-toolbar>*{min-width:0;flex:1}.database-block .db-toolbar .db-search-wrap{flex-basis:100%}.db-calendar-heading,.db-calendar-weekdays,.db-calendar-weeks{min-width:660px}.db-calendar-week,.db-calendar-week .db-calendar-day{min-height:116px}.db-calendar-day{min-height:72px;padding:6px}.db-calendar-range{font-size:10px;padding:4px 6px}.database-block .db-board-column{flex-basis:78vw}}
/* Notion-fidelity database chrome */
.document-title-line{display:flex;align-items:flex-start;gap:10px;min-width:0}.document-page-icon{display:grid;place-items:center;width:42px;height:53px;flex:none;color:#696862;line-height:1}.document-page-icon-svg{display:block;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.document-title-line .document-title{min-width:0}.editor-view.database-page .document-editor{width:min(calc(100% - 72px),1800px);padding-top:44px}.editor-view.database-page .block-editor{margin-top:34px}.editor-view.database-page .block-row:has(.database-block){margin-left:0;grid-template-columns:minmax(0,1fr)}.editor-view.database-page .block-row:has(.database-block)>.block-handle{display:none}
.database-block{border:0;border-radius:0;box-shadow:none;overflow:visible;background:transparent}.db-chrome{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;border-bottom:1px solid #e9e9e7}.db-chrome .db-viewbar{min-width:0;flex:1 1 auto;padding:0;border:0}.db-view-tab{height:40px;padding:0 9px;border:0;border-radius:5px;color:#62615d;font-size:12px;font-weight:600}.db-view-tab:hover{background:#f1f1ef}.db-view-tab.active{border:0;background:#efefed;color:#272725}.db-chrome .db-toolbar{justify-content:flex-end;min-width:0;flex:0 1 auto;flex-wrap:nowrap;padding:4px 0;border:0;background:transparent}.db-chrome .db-search-wrap{min-width:34px;flex:0 1 150px}.db-chrome .db-search,.db-chrome .db-select,.db-chrome .db-control{height:30px;border-color:transparent;border-radius:5px;background:transparent}.db-chrome .db-search:hover,.db-chrome .db-search:focus,.db-chrome .db-select:hover,.db-chrome .db-select:focus,.db-chrome .db-control:hover,.db-chrome .db-control:focus-visible{border-color:#e2e2df;background:#f5f5f3}.db-chrome .db-search-wrap .ui-icon{top:8px}.db-chrome .db-search{padding-right:7px}.db-chrome .db-select{min-width:88px;max-width:118px;padding-left:8px}.db-chrome .db-filter-value{width:112px;min-width:82px}.db-header{padding-inline:0}.db-footer{padding-inline:0;background:transparent}
.db-calendar{overflow-x:auto}.db-calendar-heading{min-height:54px;padding:13px 8px 11px}.db-calendar-heading strong{font-size:15px}.db-calendar-controls{gap:2px}.db-calendar-controls .db-control{height:30px;min-width:30px;padding-inline:8px;border-color:#e5e5e2}.db-calendar-weekday{padding:7px 8px;background:#fff;font-size:10px}.db-calendar-week{grid-auto-rows:30px;min-height:138px}.db-calendar-week .db-calendar-day{min-height:138px;padding:6px 8px}.db-calendar-day.outside{background:#fbfbfa}.db-calendar-day.today{background:#fff}.db-calendar-day.today .db-calendar-date{background:#e95b54;color:#fff}.db-calendar-range{display:flex;align-items:center;gap:6px;height:27px;margin:1px 3px;padding:3px 7px;border:1px solid #dededa;border-radius:4px;background:#fff;color:#373733;font-size:11px;font-weight:650;line-height:19px;box-shadow:0 1px 1px rgba(30,30,28,.035)}.db-calendar-range .ui-icon{width:13px;height:13px;flex:none;color:#85847f}.db-calendar-range span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-calendar-range:hover{border-color:#c9c9c4;background:#f7f7f5}.db-calendar-range.continues-before{margin-left:0;border-left-color:transparent;border-radius:0 4px 4px 0}.db-calendar-range.continues-after{margin-right:0;border-right-color:transparent;border-radius:4px 0 0 4px}.db-calendar-range.continues-before.continues-after{border-right-color:transparent;border-left-color:transparent;border-radius:0}
@media(max-width:1100px) and (min-width:761px){.editor-view.database-page .document-editor{width:calc(100% - 40px)}.db-chrome{align-items:stretch;flex-direction:column;gap:0}.db-chrome .db-toolbar{justify-content:flex-start;border-top:1px solid #f0f0ed}}
@media(max-width:760px){.document-title-line{gap:7px}.document-page-icon{width:32px;height:43px}.document-page-icon-svg{width:25px;height:25px}.editor-view.database-page .document-editor{width:calc(100% - 20px);padding-top:30px}.editor-view.database-page .block-row:has(.database-block){margin-left:0}.database-block{margin-right:0;padding:0}.db-chrome{align-items:stretch;flex-direction:column;gap:0}.db-chrome .db-toolbar{display:flex;justify-content:flex-start;padding:6px 0;border-top:1px solid #f0f0ed}.db-chrome .db-search-wrap{flex-basis:100%;max-width:none}.db-chrome .db-select,.db-chrome .db-filter-value{max-width:none}.db-calendar-week,.db-calendar-week .db-calendar-day{min-height:126px}.db-calendar-range{height:26px;font-size:10px}}
/* Universal Notion database views */
.db-list{border-top:1px solid #e9e9e7}.db-list-item{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(0,1fr);align-items:center;gap:24px;min-height:43px;padding:5px 8px;border-bottom:1px solid #eeeeeb}.db-list-item:hover{background:#f7f7f5}.db-list-open,.db-gallery-title,.db-timeline-label{min-width:0;border:0;background:transparent;color:#373733;font-size:12px;font-weight:650;text-align:left}.db-list-open{display:flex;align-items:center;gap:7px;height:31px;padding:0 4px}.db-list-open .ui-icon,.db-timeline-label .ui-icon{width:14px;height:14px;flex:none;color:#85847f}.db-list-open span,.db-timeline-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-list-item>.db-card-meta{display:flex;justify-content:flex-end;gap:16px;overflow:hidden}.db-list-item .db-card-field{max-width:180px}.db-list-more,.db-gallery-more,.db-timeline-more{width:100%;min-height:36px;border:0;background:transparent;color:#77766f;font-size:11px}.db-list-more:hover,.db-gallery-more:hover,.db-timeline-more:hover{background:#f7f7f5}
.db-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:14px 0}.db-gallery-card{min-width:0;overflow:hidden;border:1px solid #dededb;border-radius:5px;background:#fff;box-shadow:0 1px 2px rgba(30,30,28,.05)}.db-gallery-card:hover{border-color:#cacac5;box-shadow:0 2px 5px rgba(30,30,28,.08)}.db-gallery-cover{display:grid;place-items:center;width:100%;height:112px;border:0;border-bottom:1px solid #e8e8e5;background:#f7f7f5;color:#aaa9a3}.db-gallery-cover:hover{background:#f2f2ef}.db-gallery-cover .ui-icon{width:28px;height:28px}.db-gallery-copy{display:grid;gap:9px;padding:11px 12px 12px}.db-gallery-title{display:-webkit-box;min-height:36px;padding:0;overflow:hidden;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.db-gallery-copy .db-card-meta{gap:6px}.db-gallery-more{grid-column:1/-1;border:1px dashed #dededb;border-radius:5px}
.db-timeline{min-width:0}.db-timeline-heading{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:11px 8px;border-bottom:1px solid #e8e8e5}.db-timeline-heading strong{font-size:15px}.db-timeline-scroll{max-width:100%;overflow:auto;border-bottom:1px solid #e8e8e5}.db-timeline-grid{display:grid;grid-template-columns:220px repeat(var(--timeline-days),40px);min-width:max-content}.db-timeline-corner,.db-timeline-day{position:sticky;z-index:3;top:0;height:34px;border-right:1px solid #eeeeeb;border-bottom:1px solid #dededb;background:#fff;color:#85847f;font-size:10px}.db-timeline-corner{left:0;z-index:5;padding:9px 10px;font-weight:650}.db-timeline-day{display:grid;place-items:center}.db-timeline-day.weekend{background:#fafaf8}.db-timeline-day.today{color:#e0524d;font-weight:750}.db-timeline-label{position:sticky;z-index:2;left:0;display:flex;align-items:center;gap:7px;height:38px;padding:0 10px;border-right:1px solid #dededb;border-bottom:1px solid #eeeeeb;background:#fff}.db-timeline-label:hover{background:#f7f7f5}.db-timeline-track{display:grid;grid-template-columns:repeat(var(--timeline-days),40px);grid-column:2/-1;height:38px;border-bottom:1px solid #eeeeeb;background:repeating-linear-gradient(90deg,#fff 0,#fff 39px,#eeeeeb 39px,#eeeeeb 40px)}.db-timeline-bar{align-self:center;display:flex;align-items:center;min-width:0;height:26px;margin:0 3px;padding:3px 8px;overflow:hidden;border:1px solid #d9d9d5;border-radius:4px;background:#fff;color:#373733;font-size:11px;font-weight:650;line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 1px 1px rgba(30,30,28,.04)}.db-timeline-bar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-timeline-bar:hover{border-color:#bebeb8;background:#f7f7f5}.db-timeline-undated{padding:9px 8px;color:#85847f;font-size:10px}
@media(max-width:760px){.db-list-item{grid-template-columns:1fr;gap:2px;padding:7px 5px}.db-list-item>.db-card-meta{justify-content:flex-start;padding-left:25px}.db-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px;padding-block:10px}.db-gallery-cover{height:90px}.db-timeline-grid{grid-template-columns:170px repeat(var(--timeline-days),36px)}.db-timeline-track{grid-template-columns:repeat(var(--timeline-days),36px)}.db-timeline-corner{width:170px}.db-timeline-label{width:170px}}
/* Calendar drag affordance */
.db-calendar-range[draggable="true"]{cursor:grab}.db-calendar-range.dragging{opacity:.48;cursor:grabbing}.db-calendar-day.drag-over{background:#eef6ff;box-shadow:inset 0 0 0 2px #3182f6}
/* Imported-content and block-layout hardening */
body.pointer-mode .document-title:focus,body.pointer-mode .block-content[contenteditable="true"]:focus{outline:none;box-shadow:none}
.block-row{min-width:0}.block-row>*{min-width:0}.todo-wrap{grid-template-columns:20px minmax(0,1fr);gap:6px;min-width:0}.todo-wrap input{justify-self:center}
.block-content[data-type=heading5]{font-size:15px;font-weight:800;line-height:1.55}.block-content[data-type=heading6]{font-size:14px;font-weight:800;line-height:1.55}

/* Toss-inspired product system: clear hierarchy, calm surfaces, predictable states. */
:root{--toss-blue:#3182f6;--toss-blue-soft:#eef5ff;--toss-ink:#191f28;--toss-muted:#6b7684;--toss-line:#e5e8eb;--toss-surface:#f7f8fa;--toss-radius:14px;--toss-shadow:0 8px 24px rgba(25,31,40,.06)}
body{color:var(--toss-ink);background:#fff;letter-spacing:-.012em}.app-shell{background:#fff}.sidebar{background:#f7f8fa;border-right:1px solid var(--toss-line)}.workspace-header{height:64px;padding-inline:18px;border-bottom:1px solid var(--toss-line)}.workspace-header .wordmark{font-size:17px;font-weight:800;letter-spacing:-.03em}.workspace-note-logo{border-radius:12px}.main-pane{background:#fff}.main-nav{padding:10px 12px}.main-nav button{height:38px;border-radius:10px;color:#4e5968;transition:background .16s ease,color .16s ease}.main-nav button:hover{background:#eef0f3;color:var(--toss-ink)}.main-nav button.active{background:var(--toss-blue-soft);color:#1b64da;font-weight:700}.tree-heading{padding:18px 16px 8px;color:#8b95a1;font-size:11px;font-weight:700}.sidebar-all,.sidebar-new-page{height:36px;border-radius:10px;color:#4e5968}.sidebar-all:hover,.sidebar-all.active,.sidebar-new-page:hover{background:#eef0f3;color:var(--toss-ink)}.sidebar-all.active{background:var(--toss-blue-soft);color:#1b64da;font-weight:700}.tree-row{height:36px;margin:2px 0;border-radius:10px}.tree-title{height:34px;padding-left:8px;color:#4e5968;line-height:34px}.tree-row.active{background:var(--toss-blue-soft)}.tree-row.active .tree-title,.tree-row.active .sidebar-glyph{color:#1b64da;font-weight:700}.tree-row:hover{background:#eef0f3}.profile-footer{border-top:1px solid var(--toss-line);background:#fff}.document-editor{padding-top:62px}.document-title{font-size:40px;font-weight:800;letter-spacing:-.055em;color:var(--toss-ink)}.document-page-icon{color:#8b95a1}.breadcrumbs{color:#8b95a1}.block-editor{margin-top:34px}.block-row{padding-block:2px}.block-content{color:#333d4b;font-size:15px;line-height:1.75}.block-content[data-type^=heading]{color:var(--toss-ink);letter-spacing:-.035em}.block-content[data-type=heading1]{font-size:32px;font-weight:800}.block-content[data-type=heading2]{font-size:24px;font-weight:800}.block-content[data-type=heading3]{font-size:20px;font-weight:800}.block-content[data-type=heading4]{font-size:17px;font-weight:800}.block-content[contenteditable=true]:hover{background:#fafbfc;border-radius:8px}.block-content[contenteditable=true]:focus{background:#fff}.block-handle{color:#b0b8c1;border-radius:8px}.block-handle:hover{background:#f2f4f6;color:#4e5968}.todo-wrap{padding:4px 8px;border-radius:10px}.todo-wrap:hover{background:#f7f8fa}.todo-wrap.checked .block-content{text-decoration:line-through;color:#8b95a1}.append-block{margin-top:12px;padding:8px 10px;border-radius:9px;color:#8b95a1}.append-block:hover{background:#f2f4f6;color:#4e5968}.button{border-radius:10px;font-weight:700;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.button.primary{background:var(--toss-blue);box-shadow:0 4px 10px rgba(49,130,246,.2)}.button.primary:hover{background:#1b64da;box-shadow:0 6px 14px rgba(49,130,246,.24);transform:translateY(-1px)}.button.subtle{border-color:var(--toss-line);background:#fff;color:#4e5968}.button.subtle:hover{background:#f7f8fa;border-color:#d8dde3}.settings-page .settings-grid,.panel,.database-block{border-color:var(--toss-line);border-radius:var(--toss-radius)}.panel,.settings-page .settings-card{background:#fff}.db-chrome{padding:6px 0;border-color:var(--toss-line)}.db-view-tab{height:42px;border-radius:9px;color:#8b95a1;font-weight:700}.db-view-tab:hover{background:#f7f8fa;color:#4e5968}.db-view-tab.active{background:var(--toss-blue-soft);color:#1b64da}.db-toolbar{gap:6px}.db-search,.db-select,.db-control{border-color:var(--toss-line);border-radius:9px;background:#fff;color:#4e5968}.db-search:focus,.db-select:focus,.db-control:focus-visible{border-color:var(--toss-blue);box-shadow:0 0 0 3px rgba(49,130,246,.12)}.db-calendar-day{border-color:#eef0f3}.db-calendar-day.today{background:#f7fbff}.db-calendar-day.today .db-calendar-date{background:var(--toss-blue)}.db-calendar-range{border-color:#dbe8fb;background:#f0f6ff;color:#1b64da;border-radius:7px;box-shadow:none}.db-calendar-range:hover{background:#e4f0ff;border-color:#b9d5ff}.db-card{border-color:var(--toss-line);border-radius:12px;box-shadow:0 1px 2px rgba(25,31,40,.03)}.db-card:hover{border-color:#b9d5ff;box-shadow:var(--toss-shadow)}.toast{border:1px solid var(--toss-line);border-radius:12px;box-shadow:0 10px 30px rgba(25,31,40,.12)}
@media(max-width:760px){.document-editor{padding-top:34px}.document-title{font-size:32px}.block-content{font-size:15px}.main-nav button{height:42px}.tree-row{height:40px}.tree-title{height:38px;line-height:38px}.db-view-tab{height:40px}}
.sidebar-document-scroll{overflow-x:hidden;overscroll-behavior-x:none}.sidebar-document-scroll .document-tree{overflow-x:hidden}.sidebar-document-scroll .tree-row{min-width:0;contain:layout}.sidebar-document-scroll .tree-title{min-width:0;max-width:100%}.sidebar [data-tooltip]::after{display:none!important}.tree-context-menu{z-index:270;width:210px}
.workspace-header-actions{display:flex;align-items:center;gap:2px;flex:none}.header-notification{position:relative}.header-notification:hover,.header-notification.active{background:#eef0f3;color:#1b64da}.header-notification .notification-badge{position:absolute;top:-2px;right:-3px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #f7f8fa;font-size:9px!important;line-height:1}.sidebar-primary-nav{position:relative;z-index:30;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:8px 10px 10px;overflow:visible}.sidebar-primary-nav button{width:100%;min-width:0;height:34px;justify-content:center;padding:0}.sidebar-primary-nav button .nav-icon{width:18px}.sidebar-primary-nav button .ui-icon,.sidebar-primary-nav button .star-icon{width:17px;height:17px}.sidebar .sidebar-primary-nav [data-tooltip]::after{top:calc(100% + 6px);left:50%;transform:translateX(-50%)}.sidebar .sidebar-primary-nav [data-tooltip]:hover::after,.sidebar .sidebar-primary-nav [data-tooltip]:focus-visible::after{display:block!important}@media(min-width:761px){.app-shell.sidebar-collapsed .header-notification{display:none}.app-shell.sidebar-collapsed .sidebar-primary-nav{display:grid;grid-template-columns:1fr;padding:4px 8px}.app-shell.sidebar-collapsed .sidebar-primary-nav button{width:100%}.app-shell.sidebar-collapsed .sidebar-primary-nav [data-tooltip]::after{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}}
/* Full-width documents and a quiet, platform-consistent sidebar scrollbar. */
.setting-select>input{width:min(100%,280px);height:38px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;outline:none}.setting-select>input:focus{border-color:#3182f6;box-shadow:0 0 0 3px rgba(49,130,246,.1)}
.settings-page .setting-select>input,.settings-page .setting-select select,.settings-page .ip-tag-input{height:34px;font-size:12px}.settings-save-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:2px;padding:18px;border-top:1px solid var(--toss-line);background:transparent}.settings-save-bar span{margin-right:auto;color:#8b95a1;font-size:11px}.settings-save-bar span:empty{display:none}.settings-save-bar .button{min-width:116px;box-shadow:none}.settings-save-bar .button:hover{box-shadow:none}@media(max-width:600px){.settings-save-bar{padding:14px}.settings-save-bar span{display:none}.settings-save-bar .button{width:100%}}
.app-shell.space-mode-personal .shared-space-only,.app-shell.space-mode-personal .sidebar-primary-nav [data-view=members]{display:none}.app-shell.space-mode-personal .sidebar-primary-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.app-shell.space-mode-personal .personal-heading{margin-top:0}@media(min-width:761px){.app-shell.sidebar-collapsed.space-mode-personal .sidebar-primary-nav{grid-template-columns:1fr}}@media(max-width:760px){.settings-page .setting-select>input{width:100%}}
.list-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:8px;margin:20px 0 6px}.list-filter-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 11px;border:1px solid var(--toss-line);border-radius:10px;background:#fff;color:#8b95a1}.list-filter-search:focus-within{border-color:var(--toss-blue);box-shadow:0 0 0 3px rgba(49,130,246,.1)}.list-filter-search input{min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent}.list-filter-select{height:38px;padding:0 32px 0 11px;border:1px solid var(--toss-line);border-radius:10px;background:#fff;color:#4e5968;font-size:13px}.list-layout-switch{display:flex;padding:3px;border:1px solid var(--toss-line);border-radius:10px;background:#f7f8fa}.list-layout-switch button{position:relative;display:grid;place-items:center;width:32px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:#8b95a1}.list-layout-switch button:hover{color:#4e5968}.list-layout-switch button.active{background:#fff;color:#1b64da;box-shadow:0 1px 4px rgba(25,31,40,.1)}.document-card-main{display:flex;align-items:center;gap:11px;min-width:0}.document-card-copy{min-width:0;flex:1}.document-card-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:#f2f4f6;color:#6b7684}.document-card-icon .ui-icon{width:17px;height:17px}.document-card-meta{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap}.document-kind{padding:2px 6px;border-radius:5px;background:#f2f4f6;color:#6b7684;font-size:10px;font-weight:700}.document-card-preview{display:none;margin:10px 0 0;color:#6b7684;font-size:12px;line-height:1.55;overflow:hidden}.document-list.layout-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:18px}.document-list.layout-grid .document-card{position:relative;display:flex;align-items:stretch;min-height:172px;padding:18px;border:1px solid var(--toss-line);border-radius:14px;background:#fff}.document-list.layout-grid .document-card:hover{border-color:#b9d5ff;box-shadow:var(--toss-shadow)}.document-list.layout-grid .document-card-main{align-items:flex-start;width:100%}.document-list.layout-grid .document-card-icon{width:38px;height:38px}.document-list.layout-grid .doc-open{width:100%;padding-right:74px}.document-list.layout-grid .document-card strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.document-list.layout-grid .document-card-preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.document-list.layout-grid .card-actions{position:absolute;top:10px;right:9px}.document-list.layout-preview{gap:10px;margin-top:18px}.document-list.layout-preview .document-card{align-items:start;min-height:116px;padding:16px;border:1px solid var(--toss-line);border-radius:13px}.document-list.layout-preview .document-card-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.document-list.layout-preview .document-card-icon{width:42px;height:42px}.document-list.layout-preview .doc-open{width:100%}@media(max-width:900px){.list-controls{grid-template-columns:minmax(180px,1fr) 1fr 1fr}.list-layout-switch{grid-column:1/-1;justify-self:end}}@media(max-width:600px){.list-controls{grid-template-columns:1fr 1fr}.list-filter-search{grid-column:1/-1}.list-layout-switch{grid-column:auto;justify-self:stretch}.list-layout-switch button{flex:1}.document-list.layout-grid{grid-template-columns:1fr}.document-card{gap:8px}.document-card-icon{display:none}}
.sidebar-document-scroll{scrollbar-width:thin;scrollbar-color:rgba(139,149,161,.55) transparent}
.sidebar-document-scroll::-webkit-scrollbar{width:9px}
.sidebar-document-scroll::-webkit-scrollbar-track{background:transparent}
.sidebar-document-scroll::-webkit-scrollbar-thumb{min-height:44px;border:2px solid transparent;border-radius:999px;background:rgba(139,149,161,.5);background-clip:padding-box}
.sidebar-document-scroll::-webkit-scrollbar-thumb:hover{background:rgba(107,118,132,.72);background-clip:padding-box}
@media(min-width:761px){.app-shell.document-width-full .document-editor,.app-shell.document-width-full .editor-view.database-page .document-editor,.app-shell.document-width-full .page-view{width:100%;max-width:none;margin-inline:0;padding-right:clamp(24px,3vw,48px);padding-left:clamp(24px,3vw,48px)}}
.block-row:has(> .database-block)>.block-handle{visibility:hidden!important;pointer-events:none}
/* One document type scale and one quiet surface language. */
.editor-view:not(.database-page) .document-title{font-size:38px;line-height:1.22}.editor-view:not(.database-page) .document-page-icon{width:36px;height:46px}.editor-view:not(.database-page) .document-page-icon-svg{width:25px;height:25px}.editor-view:not(.database-page) .block-editor{gap:6px;margin-top:30px}.editor-view:not(.database-page) .block-content{font-size:15px;line-height:1.7}
.notion-property-table{margin:4px 0 14px;padding:8px 14px;border:1px solid var(--toss-line);border-radius:14px;background:#fbfcfd}.notion-property-table .block-table{width:100%;border:0}.notion-property-table .block-table td{height:42px;border-bottom:1px solid #eef0f3}.notion-property-table .block-table tr:last-child td{border-bottom:0}.notion-property-table .block-table td:first-child{width:140px}.notion-property-table .block-table input{height:42px;padding:0 8px;color:#333d4b;font-size:14px;line-height:1.45}.notion-property-table .block-table td:first-child input{color:#8b95a1;font-size:13px;font-weight:600}
.notion-page-link{padding:0;border-radius:0}.notion-page-link .media-preview{display:block;min-height:30px;border:0;background:transparent;border-radius:0}.notion-page-link .media-preview a{display:flex;width:max-content;max-width:100%;min-height:30px;align-items:center;gap:8px;padding:0 2px;border:0;border-radius:6px;background:transparent;color:#2c2c2b;font-size:16px;font-weight:400;line-height:24px;text-decoration:none;transition:background .16s ease,color .16s ease}.notion-page-link .media-preview a:hover{background:#f1f1ef;color:#1b64da;text-decoration:none}.notion-page-link .media-preview .ui-icon{width:16px;height:16px;flex:none;color:#8b95a1}
.media-image .media-preview{display:block;min-height:0;border:0;border-radius:0;background:transparent}.media-image .media-preview img{width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;border-radius:6px}.media-image .media-preview img[loading=lazy]{content-visibility:auto}.media-unavailable{display:flex!important;align-items:center;gap:10px;min-height:64px;padding:12px 14px!important;border:1px solid #e5e8eb!important;border-radius:10px!important;background:#f7f8fa;color:#6b7684!important;text-decoration:none!important}.media-unavailable:hover{border-color:#cbd2da!important;background:#f2f4f6}.media-unavailable .ui-icon{width:20px;height:20px;flex:none}.media-unavailable span{font-size:14px;line-height:1.55}
.editor-view.notion-imported:not(.database-page) .document-editor{width:min(100% - 40px,900px)}.editor-view.notion-imported:not(.database-page) .block-editor{gap:0;margin-top:22px}.editor-view.notion-imported:not(.database-page) .block-row{min-height:40px;padding-block:0}.editor-view.notion-imported:not(.database-page) .block-content{min-height:40px;padding:8px 0;color:#2c2c2b;font-size:16px;line-height:24px}.editor-view.notion-imported:not(.database-page) .block-content[data-type=heading1]{padding:14px 0 8px;font-size:30px;line-height:36px}.editor-view.notion-imported:not(.database-page) .block-content[data-type=heading2]{padding:13px 0 7px;font-size:24px;line-height:30px}.editor-view.notion-imported:not(.database-page) .block-content[data-type=heading3]{padding:12px 0 6px;font-size:20px;line-height:26px}.editor-view.notion-imported:not(.database-page) .block-content[data-type=heading4]{padding:10px 0 6px;font-size:17px;line-height:24px}.editor-view.notion-imported:not(.database-page) .block-row:has(>.notion-page-link){min-height:30px}.editor-view.notion-imported:not(.database-page) .block-row:has(>.notion-page-link)>.block-handle{height:30px}
.todo-wrap{min-height:42px;padding:6px 10px}.todo-wrap input[type=checkbox]{width:16px;height:16px;margin:6px 0 0;accent-color:var(--toss-blue)}.todo-wrap .block-content{padding:2px 0;font-size:15px;line-height:1.7}.append-block{font-size:13px}
@media(max-width:760px){.editor-view:not(.database-page) .document-title{font-size:32px}.editor-view:not(.database-page) .block-editor{margin-top:24px}.notion-property-table{padding:6px 8px}.notion-property-table .block-table td:first-child{width:108px}.notion-page-link .media-preview a{min-height:46px;padding-inline:12px}}
.db-card.drag-copy,.db-calendar-range.drag-copy,.db-timeline-bar.drag-copy{cursor:copy}
.db-board-column.drag-copy-over,.db-calendar-day.drag-copy-over,.db-timeline-track.drag-copy-over{background:#eef6ff;box-shadow:inset 0 0 0 2px #3182f6}
.db-timeline-bar[draggable="true"],.db-card[draggable="true"]{cursor:grab}.db-timeline-bar.dragging,.db-card.dragging{cursor:grabbing;opacity:.48}
body[data-drag-mode="copy"]::after{content:'복사';position:fixed;right:18px;bottom:18px;z-index:10000;padding:6px 9px;border-radius:999px;background:#3182f6;color:#fff;font-size:11px;font-weight:700;box-shadow:0 4px 14px rgba(49,130,246,.24);pointer-events:none}
.notion-page-link .media-preview a{justify-content:flex-start}
.editor-view.notion-imported:not(.database-page) .block-row:has(.notion-page-link){min-height:30px}
.editor-view.notion-imported:not(.database-page) .block-row:has(.notion-page-link)>.block-content{min-height:30px;padding:0}
.editor-view.notion-imported:not(.database-page) .block-row:has(.notion-page-link)>.block-handle{height:30px}
.editor-view.notion-imported:not(.database-page) .notion-page-link .media-preview a{width:100%;max-width:none}
.editor-view.notion-imported:not(.database-page) .media-block .media-url{display:none}
.block-editor.block-selecting{user-select:none;cursor:default}
.editor-view:not(.database-page) .block-editor{margin-left:-52px;padding-left:52px}
.block-editor.block-selecting .block-content{user-select:none}
.block-row.selected{background:#e8f3ff;box-shadow:inset 3px 0 #3182f6;color:#1f2937}
.block-row.selected .block-content{border-radius:8px}
.block-row.selected .block-handle{visibility:hidden;color:#3182f6}
.block-editor.block-selecting .block-row.selected .block-handle{visibility:visible}
.block-row.selected:hover{background:#e1efff}
.document-title.skeleton-title::placeholder{color:transparent!important}
.document-title:focus-visible,.block-content[contenteditable="true"]:focus-visible{outline:none;box-shadow:none}
.inline-link-favicon{display:inline-block;width:16px;height:16px;margin:0 5px 0 0;vertical-align:-3px;border-radius:3px;object-fit:contain}.media-preview a .inline-link-favicon{width:18px;height:18px;flex:none;margin:0}.media-preview a .page-link-icon-svg,.media-preview a .page-link-icon-image,.media-preview a .page-link-icon-emoji{display:block;width:18px;height:18px;flex:none}.media-preview a .page-link-icon-svg{fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.media-preview a .page-link-icon-image{object-fit:contain;border-radius:4px}.media-preview a .page-link-icon-emoji{font-size:16px;line-height:18px;text-align:center}
.editor-view.notion-imported:not(.database-page) .block-content[data-type=heading5]{padding:9px 0 5px;font-size:15px;line-height:22px;font-weight:700}.editor-view.notion-imported:not(.database-page) .block-content[data-type=heading6]{padding:8px 0 4px;font-size:14px;line-height:20px;font-weight:700}
.sidebar-page-emoji,.sidebar-page-icon{display:block;width:15px;height:15px;flex:none;object-fit:contain;text-align:center;line-height:15px}.sidebar-page-emoji{font-size:14px}.document-page-icon-emoji,.document-page-icon-image{display:block;width:30px;height:30px;object-fit:contain;text-align:center;line-height:30px}.document-page-icon-emoji{font-size:27px}.document-page-icon-image{border-radius:6px}
@media(max-width:760px){.editor-view:not(.database-page) .block-editor{margin-left:-36px;padding-left:36px}}
/* Imported documents must honor the selected full-width mode.  The imported
   readability cap above intentionally wins in the default mode, but it must
   not override the user's explicit full-width choice. */
@media(min-width:761px){.app-shell.document-width-full .editor-view.notion-imported:not(.database-page) .document-editor{width:100%;max-width:none;margin-inline:0;padding-inline:clamp(24px,3vw,48px)}}
/* Keep drag selection quiet and structural.  The old inset blue rail and
   rounded block surfaces made a multi-selection look like a stack of cards;
   selected content now uses one blue surface while the block order and
   copy/move behavior stay unchanged. */
.block-row.selected{margin-right:0;background:transparent;box-shadow:none;color:inherit}
.block-row.selected::before{display:none}
.block-row.selected .block-content{border-radius:8px;background:#e8f3ff}
.block-row.selected .media-block{outline:none;border-radius:8px;background:#e8f3ff}
.block-row.selected .media-preview{border-color:transparent;background:transparent;box-shadow:none}
.block-row.selected .block-handle{visibility:visible;color:#8b95a1}
.block-editor.block-selecting .block-row.selected .block-content{background:#dceeff}
.block-row.selected:hover{background:transparent}.block-row.selected:hover .block-content{background:#e8f3ff}
.block-row.drop-before::before,.block-row.drop-after::after{height:1px;border-radius:0;background:#8b95a1}
body[data-drag-mode="copy"]::after{display:none}
@media(min-width:761px){.toolbar-actions .button,.toolbar-actions .icon-button{height:32px;min-height:32px}.db-chrome .db-view-tab{height:36px}.db-chrome .db-toolbar{min-height:36px}.db-chrome .db-search,.db-chrome .db-select,.db-chrome .db-control{height:32px}}
.list-filter-search,.list-filter-select{height:36px;box-sizing:border-box}.list-layout-switch{height:36px;box-sizing:border-box;padding:2px}.list-layout-switch button{height:30px}
.tree-row .document-page-icon-emoji,.tree-row .document-page-icon-image{display:grid;width:15px;height:15px;place-items:center;overflow:hidden;border-radius:3px;font-size:14px;line-height:1;object-fit:contain}.tree-row .document-page-icon-svg{width:15px;height:15px}
/* Shared block gutter: handle -> marker -> content.  Every editable block uses
   the same coordinate system so hover never moves the text or steals the list marker. */
.editor-view:not(.database-page) .block-editor{--handle-gutter:28px;--marker-gutter:22px;--indent-step:24px;gap:6px;margin-left:-52px;padding-left:52px;padding-right:16px}
.editor-view:not(.database-page) .block-row{grid-template-columns:var(--handle-gutter) minmax(0,1fr);margin-left:calc(-1 * var(--handle-gutter));padding-left:calc(var(--indent,0) * var(--indent-step))}
.editor-view:not(.database-page) .block-handle{width:var(--handle-gutter);min-width:var(--handle-gutter);height:30px}
.editor-view:not(.database-page) .block-content[data-type="bullet"],.editor-view:not(.database-page) .block-content[data-type="numbered"]{position:relative;padding-left:var(--marker-gutter)}
.editor-view:not(.database-page) .block-content[data-type="bullet"]::before,.editor-view:not(.database-page) .block-content[data-type="numbered"]::before{position:absolute;left:0;top:.18em;width:var(--marker-gutter);margin:0;line-height:1.65;box-sizing:border-box}
.editor-view:not(.database-page) .block-content[data-type="bullet"]::before{text-align:left;padding-left:3px}
.editor-view:not(.database-page) .block-content[data-type="numbered"]::before{min-width:var(--marker-gutter);padding-right:4px;text-align:right}
.editor-view:not(.database-page) .todo-wrap{grid-template-columns:var(--marker-gutter) minmax(0,1fr);gap:0;min-width:0;padding:0}
.editor-view:not(.database-page) .todo-wrap input[type="checkbox"]{justify-self:center;margin:7px 0 0}
.editor-view:not(.database-page) .todo-wrap .block-content{padding-left:0}
.editor-view:not(.database-page) .toggle-summary{grid-template-columns:var(--marker-gutter) minmax(0,1fr)}
.editor-view:not(.database-page) .toggle-caret{width:var(--marker-gutter)}
.editor-view:not(.database-page) .block-content[contenteditable="true"]:hover{background:transparent;border-radius:0}
.block-row.selected:hover{background:transparent}.block-row.selected:hover .block-content{background:#e8f3ff}.block-row.selected:hover .media-block,.block-editor.block-selecting .block-row.selected .media-block{background:#e8f3ff}.block-row.dragging{opacity:.62}.block-row.drop-before::before,.block-row.drop-after::after{right:16px;left:28px;height:2px;border-radius:2px;background:#b6bec9;box-shadow:none}.db-board-column.drag-copy-over,.db-calendar-day.drag-copy-over,.db-timeline-track.drag-copy-over{background:#f7fbff;box-shadow:inset 0 0 0 1px #b9d5ff}.db-card.dragging,.db-calendar-range.dragging,.db-timeline-bar.dragging{opacity:.62}
.block-content[data-type="quote"]{padding-inline:12px;border-left:2px solid #d5dae2;background:transparent}.block-content[data-type="quote"]:hover{background:transparent}
.editor-view.notion-imported:not(.database-page) .block-content[data-type="quote"]{padding:8px 12px}
@media(max-width:760px){.editor-view:not(.database-page) .block-editor{--handle-gutter:22px;--marker-gutter:20px;--indent-step:20px;padding-right:8px}.editor-view:not(.database-page) .block-row{margin-left:calc(-1 * var(--handle-gutter))}.editor-view:not(.database-page) .block-handle{height:28px}}
/* Slash menu and code blocks share the editor's quiet, measured surface. */
.slash-menu{width:min(320px,calc(100vw - 16px));max-height:min(420px,calc(100vh - 16px));padding:6px;overscroll-behavior:contain}
.slash-empty{padding:18px 12px;color:#8b95a1;font-size:12px;text-align:center}
.code-block-shell{min-width:0;max-width:100%;margin:4px 0 8px;overflow:hidden;border:1px solid #e5e8eb;border-radius:10px;background:#f7f8fa}
.code-block-header{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:0 10px;border-bottom:1px solid #e5e8eb;background:#f1f3f5;color:#8b95a1;font-size:11px;line-height:1}
.code-block-label{font-weight:700;letter-spacing:.01em}
.code-copy-button{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 6px;border:0;border-radius:5px;background:transparent;color:#6b7684;font-size:11px}
.code-copy-button:hover,.code-copy-button:focus-visible{background:#e5e8eb;color:#333d4b;outline:none}
.code-copy-button.copied{color:#1b64da}
.code-copy-button .ui-icon{width:13px;height:13px}
.code-block-shell>.code-block-content,.code-block-shell .block-content[data-type="code"]{display:block;min-width:0;max-width:100%;min-height:44px;margin:0;padding:12px 16px!important;overflow-x:auto;overflow-y:hidden;white-space:pre;word-break:normal;overflow-wrap:normal;tab-size:2;color:#26323d;background:transparent;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:13px!important;line-height:1.6!important;letter-spacing:0}
.code-block-shell>.code-block-content:empty:before{content:none}
.code-block-shell>.code-block-content::-webkit-scrollbar{height:8px}.code-block-shell>.code-block-content::-webkit-scrollbar-track{background:transparent}.code-block-shell>.code-block-content::-webkit-scrollbar-thumb{border-radius:8px;background:#cbd2da}
.editor-view.notion-imported:not(.database-page) .code-block-shell{margin:4px 0 12px;border-radius:10px}
.editor-view.notion-imported:not(.database-page) .code-block-shell>.code-block-content{min-height:44px;padding:12px 16px!important;font-size:13px!important;line-height:1.6!important;white-space:pre;overflow-x:auto;word-break:normal}
 .public-block-editor .code-block-shell{margin-inline:0}
 @media(max-width:760px){.code-block-shell>.code-block-content,.editor-view.notion-imported:not(.database-page) .code-block-shell>.code-block-content{padding:10px 12px!important;font-size:13px!important}.code-block-header{min-height:30px;padding-inline:8px}.slash-menu{max-height:min(360px,calc(100vh - 16px))}}
 /* Menu type scale: keep the compact shell while making navigation and action labels easier to scan. */
 .sidebar .main-nav button,.sidebar .tree-title,.sidebar .sidebar-all,.sidebar .sidebar-new-page{font-size:14px}
 .sidebar .tree-heading{font-size:12px}
 .sidebar .workspace-button strong{font-size:15px}.sidebar .workspace-button small{font-size:12px}
 .sidebar .profile-copy strong{font-size:13px}.sidebar .profile-copy small{font-size:11px}
 .sidebar .sidebar-primary-nav [data-tooltip]::after{font-size:13px}
 .list-filter-select{font-size:14px}
 .slash-item strong{font-size:14px}.slash-item small,.slash-empty{font-size:11px}
 /* The desktop sidebar leaves too little toolbar width on small tablets. Keep primary actions on one line. */
 @media(max-width:900px) and (min-width:761px){
 .toolbar-actions{flex-wrap:nowrap}
 .toolbar-actions #comments-button,.toolbar-actions #history-button,.toolbar-actions #upload-button,.toolbar-actions #access-button,.toolbar-actions #duplicate-button,.toolbar-actions #new-child-button{display:none}
 }
 .block-menu button{font-size:13px}
 .db-view-tab,.db-control{font-size:13px}
 /* A freshly inserted page-link block has no URL yet, so its editor must stay visible. */
 .notion-page-link .media-url:not([hidden]){display:block}
 /* Minimum readable UI text scale: keep every visible text surface at 14px or larger. */
 .muted,.eyebrow,.auth-card label,.dialog-card label,.button.compact,.form-note,.alert,.workspace-button small,.main-nav button,.tree-heading,.tree-row,.tree-toggle,.avatar,.profile-copy strong,.profile-copy small,.breadcrumbs,.save-state,.notice,.block-content[data-type=code],.append-block,.document-card small,.section-title span,.member-info strong,.member-info small,.member-controls select,.member-controls button,.settings-card p,.dialog-card header p,.invite-link-result p,.invite-link-result input,.slash-item strong,.slash-item small,.toast,.mobile-header span,.page-header p:last-child,.feed-item span,.feed-item small,.template-card p,.document-tree>.empty-state,.boot-shell,.button,.toolbar-actions .button,[data-tooltip]::after,.main-nav button .nav-label,.block-menu button,.import-card small,.width-options button,.policy-card header p,.owner-only-badge,.setting-toggle strong,.setting-select strong,.ip-list-label strong,.setting-toggle small,.setting-select small,.ip-list-label small,.ip-tag-input,.ip-input-hint,.ip-input-hint strong,.current-ip,.import-repair-toggle strong,.import-repair-toggle small,.slash-category,.public-header,.block-table-actions button,.database-label,.media-preview,.toc-block strong,.toc-block a,.inline-toolbar button,.global-search-card kbd,.global-search-item strong,.global-search-item small,.global-search-empty,.global-search-card>footer,.publication-row small,.url-paste-heading,.url-paste-copy strong,.url-paste-copy small,.database-block,.db-count,.db-view-tab,.db-search,.db-select,.db-control,.db-property-name,.db-property-type,.db-cell-input,.db-empty,.db-footer-note,.db-board-heading,.db-board-heading span:last-child,.db-card-title,.db-card-field,.db-card-field .db-cell-input,.db-board-add,.db-table th.db-row-actions-cell,.db-card-value,.db-card-avatar,.sidebar-all,.sidebar-new-page,.teamspace-tree:empty::after,.setup-step,.setup-benefits li>span,.setup-benefits strong,.setup-benefits small,.setup-card header>p:last-child,.setup-card label,.setup-security,.database-block .db-board-more,.db-calendar-weekday,.db-calendar-date,.db-calendar-range,.db-calendar-undated-item,.db-calendar-undated summary,.db-list-open,.db-gallery-title,.db-timeline-label,.db-list-more,.db-gallery-more,.db-timeline-more,.db-timeline-corner,.db-timeline-day,.db-timeline-bar,.db-timeline-undated,.settings-page .setting-select>input,.settings-page .setting-select select,.settings-page .ip-tag-input,.settings-save-bar span,.list-filter-select,.document-kind,.document-card-preview,.notion-property-table .block-table td:first-child input,body[data-drag-mode="copy"]::after,.slash-empty,.code-block-header,.code-copy-button,.sidebar .tree-heading,.sidebar .workspace-button small,.sidebar .profile-copy strong,.sidebar .profile-copy small,.sidebar .sidebar-primary-nav [data-tooltip]::after,.sidebar .main-nav button,.sidebar .tree-title,.sidebar .sidebar-all,.sidebar .sidebar-new-page,.ip-tag{font-size:14px!important}
 .notification-badge,.header-notification .notification-badge,.security-warning{font-size:14px!important}
 .code-block-shell>.code-block-content,.code-block-shell .block-content[data-type="code"],.editor-view.notion-imported:not(.database-page) .code-block-shell>.code-block-content{font-size:14px!important}
 .global-search-item{gap:5px;padding:12px 13px}
 .global-search-item strong{font-size:14px;line-height:1.35}
 .global-search-meta,.global-search-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.45}
 .global-search-meta{color:var(--muted)}
 .global-search-preview{color:#565550}
  .global-search-item mark{padding:0 2px;border-radius:3px;background:#fff0a8;color:inherit}
  
/* UI spacing system: one rhythm, with intentional per-surface tuning. */
:root{--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-surface-radius:12px;--ui-control-height:44px}

/* Inline links stay part of the text flow. Card links are styled below by their media surface. */
.editor-view.notion-imported:not(.database-page) .block-content:not(.media-block) a{color:#2c2c2b;text-decoration:none;text-underline-offset:2px;border-radius:4px;padding-inline:0;transition:background .16s ease,color .16s ease}
.editor-view.notion-imported:not(.database-page) .block-content:not(.media-block) a:hover{background:#f1f1ef;color:#1b64da}

/* External bookmark/file/fallback cards: the surface may align to the text column,
   but its readable content never touches the border. */
.media-block{min-width:0;max-width:100%}
.media-block:not(.notion-page-link) .media-preview> a{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;box-sizing:border-box;padding:0 var(--ui-space-4);border-radius:10px;color:var(--ink);text-decoration:none}
.media-block:not(.notion-page-link) .media-preview> a:hover{background:#f7f8fa;color:#1b64da}

/* Internal page links are intentionally flat, but still have a clear hit area. */
.notion-page-link{padding:0;border-radius:0}
.notion-page-link .media-preview{display:block;min-height:40px;border:0;background:transparent;border-radius:0}
.notion-page-link .media-preview> a{display:flex;width:100%;max-width:none;min-height:40px;align-items:center;justify-content:flex-start;gap:8px;box-sizing:border-box;padding:0 var(--ui-space-2);border:0;border-radius:8px;background:transparent;color:#2c2c2b;font-size:16px;font-weight:400;line-height:24px;text-decoration:none}
.notion-page-link .media-preview> a:hover{background:#f1f1ef;color:#1b64da;text-decoration:none}

/* Media-specific surfaces: visual media is not padded, controls and fallbacks are. */
.media-image .media-preview{padding:0}
.media-image .media-preview img{border-radius:8px}
.media-preview audio{display:block;width:calc(100% - 32px);margin:16px}
.media-preview iframe,.media-preview video{border-radius:8px}
.media-unavailable{padding-inline:var(--ui-space-4)!important}

/* Editable tables use edge insertion affordances instead of permanent action buttons. */
.structured-block{position:relative;padding-block:0}
.table-edge-actions{position:absolute;inset:0;z-index:4;pointer-events:none}
.table-edge-action{position:absolute;display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid #d9e1eb;border-radius:999px;background:#fff;color:#64748b;box-shadow:0 2px 8px rgba(15,23,42,.12);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease,background .15s ease,color .15s ease;cursor:pointer}
.table-edge-action[data-edge=top]{top:-13px;left:50%;transform:translateX(-50%) scale(.86)}
.table-edge-action[data-edge=bottom]{bottom:-13px;left:50%;transform:translateX(-50%) scale(.86)}
.table-edge-action[data-edge=left]{left:-13px;top:50%;transform:translateY(-50%) scale(.86)}
.table-edge-action[data-edge=right]{right:-13px;top:50%;transform:translateY(-50%) scale(.86)}
.structured-block[data-hover-edge=top] .table-edge-action[data-edge=top],.structured-block[data-hover-edge=bottom] .table-edge-action[data-edge=bottom],.structured-block[data-hover-edge=left] .table-edge-action[data-edge=left],.structured-block[data-hover-edge=right] .table-edge-action[data-edge=right],.table-edge-action:focus-visible{opacity:1;pointer-events:auto}
.structured-block[data-hover-edge=top] .table-edge-action[data-edge=top],.structured-block[data-hover-edge=bottom] .table-edge-action[data-edge=bottom]{transform:translateX(-50%) scale(1)}
.structured-block[data-hover-edge=left] .table-edge-action[data-edge=left],.structured-block[data-hover-edge=right] .table-edge-action[data-edge=right]{transform:translateY(-50%) scale(1)}
.table-edge-action:hover{border-color:#8bbcf2;background:#e8f3ff;color:#1b64da}
.table-edge-action:focus-visible{outline:2px solid #1b64da;outline-offset:2px}
.table-cell-selection-actions{position:absolute;top:6px;right:6px;z-index:5;display:flex;align-items:center;gap:4px;max-width:calc(100% - 12px);padding:4px;overflow-x:auto;border:1px solid #d9e1eb;border-radius:9px;background:rgba(255,255,255,.96);box-shadow:0 3px 12px rgba(15,23,42,.12);opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .15s ease,transform .15s ease}
.structured-block.has-cell-selection .table-cell-selection-actions{opacity:1;pointer-events:auto;transform:none}
.table-cell-selection-actions button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#526173;font-size:14px;font-weight:600;white-space:nowrap}
.table-cell-selection-actions button:hover{background:#f0f6ff;color:#1b64da}
.table-cell-selection-actions button[data-action=delete]:hover{background:#fff1f1;color:#c43d3d}
.table-cell-selection-actions .ui-icon{width:15px;height:15px;flex:none}
.block-table th.cell-selected,.block-table td.cell-selected{background:#e8f3ff;box-shadow:inset 0 0 0 1px #7db1ee}
.structured-block.cell-selecting .block-table{user-select:none}
@media(pointer:coarse),(max-width:760px){
  .table-edge-action{width:30px;height:30px;opacity:1;pointer-events:auto}
  .table-edge-action[data-edge=top]{top:-15px}
  .table-edge-action[data-edge=bottom]{bottom:-15px}
  .table-edge-action[data-edge=left]{left:-15px}
  .table-edge-action[data-edge=right]{right:-15px}
  .table-cell-selection-actions{top:4px;right:4px;max-width:calc(100% - 8px)}
  .table-cell-selection-actions button{min-height:34px}
}

/* Structured content uses the same readable inset without shrinking its scroll area. */
.callout-wrap{padding-inline:14px}
.block-content[data-type="quote"]{padding-inline:12px}
.toc-block,.math-block{padding-inline:14px}
.code-block-shell>.code-block-content,.code-block-shell .block-content[data-type="code"]{padding-inline:var(--ui-space-4)!important}

/* App chrome follows the same surface rhythm. */
.document-title-line>.document-page-icon{display:none!important}
.document-card{padding-inline:var(--ui-space-4)}
.panel{padding-inline:var(--ui-space-5)}
.settings-card{padding-inline:24px}
.dialog-card{padding-inline:24px}
.slash-menu,.block-menu,.url-paste-menu{padding:var(--ui-space-2)}
.global-search-results{padding:var(--ui-space-2)}

/* Selection is a surface state, not a border or left rail. */
.block-row.selected{margin-right:0;background:transparent;box-shadow:none;color:inherit}
.block-row.selected::before{display:none}
.block-row.selected .block-content{border-radius:8px;background:#e8f3ff}
.block-row.selected .media-block{outline:none;border-radius:var(--ui-surface-radius);background:#e8f3ff}
  .block-row.selected .media-preview{border-color:transparent;background:transparent;box-shadow:none}
.block-row.selected:hover{background:transparent}
.block-row.selected:hover .block-content,.block-editor.block-selecting .block-row.selected .block-content{background:#e8f3ff}
.block-row.selected:hover .media-block,.block-editor.block-selecting .block-row.selected .media-block{background:#e8f3ff}

@media(max-width:760px){
  .media-block:not(.notion-page-link) .media-preview> a{min-height:48px;padding-inline:var(--ui-space-3)}
  .notion-page-link .media-preview{min-height:44px}
  .notion-page-link .media-preview> a{min-height:44px;padding-inline:var(--ui-space-3)}
  .media-preview audio{width:calc(100% - 24px);margin:12px}
  .media-unavailable{padding-inline:var(--ui-space-3)!important}
  .callout-wrap,.block-content[data-type="quote"],.toc-block,.math-block{padding-inline:var(--ui-space-3)}
  .code-block-shell>.code-block-content,.code-block-shell .block-content[data-type="code"]{padding-inline:var(--ui-space-3)!important}
  .document-card{padding-inline:var(--ui-space-3)}
  .panel{padding-inline:var(--ui-space-3)}
  .settings-card,.dialog-card{padding-inline:18px}
  .button,.icon-button,.main-nav button,.sidebar-all,.sidebar-new-page,.tree-row{min-height:var(--ui-control-height)}
}

/* Icon baseline and text rhythm: markers share the text line box and controls
   keep a small breathing room at the trailing edge. */
.ui-icon,.star-icon{display:block;flex:none;vertical-align:middle}
.tree-toggle,.tree-add,.block-handle{display:grid;place-items:center;align-items:center;justify-items:center}
.toggle-summary{align-items:center;min-height:30px}
.toggle-caret{align-self:center;display:grid;place-items:center;width:var(--marker-gutter,22px);height:30px;margin:0;padding:0;line-height:0}
.toggle-caret .ui-icon{width:16px;height:16px}
.todo-wrap{align-items:center;grid-template-columns:var(--marker-gutter,22px) minmax(0,1fr);gap:4px;min-height:30px;padding-right:8px}
.todo-wrap input[type="checkbox"]{display:block;width:18px;height:18px;align-self:center;justify-self:center;margin:0}
.todo-wrap .block-content{min-width:0;padding-left:0;padding-right:10px}
.editor-view:not(.database-page) .todo-wrap{align-items:center;grid-template-columns:var(--marker-gutter,22px) minmax(0,1fr);gap:6px;min-width:0;min-height:30px;padding:0 10px 0 0}
.editor-view:not(.database-page) .todo-wrap input[type="checkbox"]{display:block;width:18px;height:18px;align-self:center;justify-self:center;margin:0}
.editor-view:not(.database-page) .todo-wrap .block-content{min-width:0;padding-left:0;padding-right:10px}
.block-content[data-type="bullet"],.block-content[data-type="numbered"]{position:relative;padding-right:10px}
.block-content[data-type="bullet"]::before,.block-content[data-type="numbered"]::before{position:absolute;left:0;top:3px;display:flex;align-items:center;width:var(--marker-gutter,25px);height:1.75em;margin:0;box-sizing:border-box;line-height:1}
.block-content[data-type="bullet"]::before{justify-content:flex-start;padding-left:3px}
.block-content[data-type="numbered"]::before{justify-content:flex-end;padding-right:4px}
.editor-view:not(.database-page) .block-content[data-type="bullet"],.editor-view:not(.database-page) .block-content[data-type="numbered"]{padding-right:10px}
.editor-view:not(.database-page) .block-content[data-type="bullet"]::before,.editor-view:not(.database-page) .block-content[data-type="numbered"]::before{top:3px;display:flex;align-items:center;height:1.75em;line-height:1}
.editor-view:not(.database-page) .block-content[data-type="bullet"]::before{justify-content:flex-start}
.editor-view:not(.database-page) .block-content[data-type="numbered"]::before{justify-content:flex-end}
.block-content[data-type="text"],.block-content[data-type^="heading"],.block-content[data-type="todo"],.block-content[data-type="toggle"],.block-content[data-type="callout"]{padding-inline-end:10px}
.block-content[data-type="quote"]{padding-inline-end:12px}
.block-content[data-type="code"]{padding-inline-end:16px}
.toggle-body{margin-left:var(--marker-gutter,22px);padding-inline:10px}
.callout-wrap>.ui-icon{align-self:center;margin-top:0}
.inline-link-favicon{margin-block:0;vertical-align:middle}
.sidebar-page-emoji,.sidebar-page-icon,.document-page-icon-emoji,.document-page-icon-image{display:grid;place-items:center;line-height:1}
.db-view-tab,.db-control,.db-list-open,.db-calendar-range,.db-timeline-label,.db-timeline-bar,.db-card-page-icon,.code-copy-button,.table-cell-selection-actions button{align-items:center}
.db-view-tab{display:inline-flex;justify-content:center;line-height:1.2}
.db-card-title-row{align-items:center}
.db-list-more,.db-gallery-more,.db-timeline-more{display:flex;align-items:center;justify-content:center;line-height:1.2}
.db-board-add{display:flex;align-items:center;padding-inline:8px;line-height:1.2}
.db-status-dot{vertical-align:middle}
.db-search-wrap>.ui-icon{top:50%;transform:translateY(-50%)}
@media(max-width:760px){
  .todo-wrap{padding-right:6px}
  .todo-wrap .block-content{padding-right:8px}
  .editor-view:not(.database-page) .todo-wrap{gap:6px;padding-right:8px}
  .editor-view:not(.database-page) .todo-wrap .block-content{padding-right:8px}
  .block-content[data-type="text"],.block-content[data-type^="heading"],.block-content[data-type="todo"],.block-content[data-type="toggle"],.block-content[data-type="callout"]{padding-inline-end:8px}
  .block-content[data-type="quote"]{padding-inline-end:12px}
}

.demo-banner{position:sticky;z-index:19;top:0;display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:8px 18px;border-bottom:1px solid #cbd9ff;background:#edf3ff;color:#3d4f78;font-size:14px;line-height:1.45;text-align:center}
.demo-banner strong{flex:none;padding:3px 7px;border-radius:5px;background:#4869b1;color:#fff;font-size:12px;letter-spacing:.08em}
.demo-banner+ .mobile-header{top:42px}
.demo-banner~.editor-view .editor-toolbar{top:42px}
@media(max-width:760px){.demo-banner{position:relative;min-height:0;align-items:flex-start;justify-content:flex-start;padding:10px 12px;text-align:left}.demo-banner span{font-size:14px}.demo-banner+ .mobile-header{top:0}.demo-banner~.editor-view .editor-toolbar{top:54px}}