:root{font-synthesis:none;text-rendering:optimizelegibility;--bg:#f7f7fb;--surface:#fff;--surface-2:#f2f2f7;--surface-3:#e9e9f0;--sidebar:#f4f3f8;--text:#272631;--muted:#737180;--faint:#9d9aa8;--border:#e4e2ea;--border-strong:#d6d3df;--accent:#6d5dfc;--accent-strong:#5547dd;--accent-soft:#eeebff;--danger:#c83c4d;--danger-soft:#fff0f2;--warning:#9a6816;--warning-soft:#fff8e3;--success:#287a52;--success-soft:#eaf8f0;--shadow-sm:0 1px 2px #1d1b280f, 0 2px 8px #1d1b280a;--shadow-md:0 12px 32px #1d1b2821, 0 2px 8px #1d1b2814;--shadow-lg:0 28px 80px #14122038, 0 8px 24px #1412201f;--radius-sm:7px;--radius:11px;--radius-lg:18px;--sidebar-width:264px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#17171c;--surface:#202026;--surface-2:#292930;--surface-3:#33333c;--sidebar:#1c1c22;--text:#f1eff6;--muted:#aaa7b5;--faint:#777482;--border:#34333d;--border-strong:#46444f;--accent:#9488ff;--accent-strong:#ac9fff;--accent-soft:#332e59;--danger:#ff7c8b;--danger-soft:#4a252b;--warning:#e8b85c;--warning-soft:#42371f;--success:#62c793;--success-soft:#213d30;--shadow-sm:0 1px 2px #0000004d, 0 2px 8px #00000038;--shadow-md:0 12px 34px #00000070, 0 2px 8px #00000040;--shadow-lg:0 30px 90px #0000009e, 0 8px 24px #00000059}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{border:0}a{color:inherit}::selection{background:#6d5dfc3b}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 35%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.app-shell{background:var(--bg);width:100%;height:100%;display:flex}.app-main{background:var(--surface);flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.app-loading{background:radial-gradient(circle at top, var(--accent-soft), var(--bg) 38%);place-content:center;justify-items:center;gap:16px;height:100%;display:grid}.app-loading p{color:var(--muted);margin:0}.workspace-mark{color:#fff;background:linear-gradient(135deg,#8273ff,#5143d8);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid;box-shadow:0 7px 18px #5b49dc3d}.workspace-mark.large{border-radius:17px;width:58px;height:58px;font-size:25px}.icon-button{width:31px;height:31px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;place-items:center;transition:all .12s;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 74%, white);outline-offset:2px}.icon-button:disabled,button:disabled{opacity:.45;cursor:not-allowed}.primary-button,.secondary-button,.danger-button,.ghost-text-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-weight:650;transition:all .12s;display:inline-flex}.primary-button{background:var(--accent);color:#fff;box-shadow:0 1px 2px #342a8c40}.primary-button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.primary-button.large{min-height:44px;padding:0 20px;font-size:15px}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.secondary-button:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.secondary-button.small,.primary-button.small{min-height:29px;padding:0 9px;font-size:12px}.danger-button{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 20%, var(--border))}.danger-button:hover{background:color-mix(in srgb, var(--danger-soft) 72%, var(--danger))}.ghost-text-button{background:color-mix(in srgb, var(--surface) 76%, transparent);min-height:28px;color:var(--muted);padding:0 8px;font-size:12px}.ghost-text-button:hover{color:var(--text);background:var(--surface)}kbd{border:1px solid var(--border);border-bottom-color:var(--border-strong);background:var(--surface);min-width:19px;height:19px;color:var(--muted);box-shadow:0 1px 0 var(--border);border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;line-height:1;display:inline-flex}.sidebar{z-index:30;background:var(--sidebar);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;min-width:220px;max-width:360px;height:100%;display:flex;position:relative}.workspace-header{align-items:center;gap:9px;height:58px;padding:10px 10px 8px 12px;display:flex}.workspace-heading{flex-direction:column;flex:1;min-width:0;display:flex}.workspace-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.workspace-heading span{color:var(--muted);margin-top:1px;font-size:10px}.sidebar-nav{padding:3px 8px 7px}.sidebar-nav-button,.sidebar-footer button{width:100%;height:32px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:9px;padding:0 9px;display:flex}.sidebar-nav-button:hover,.sidebar-footer button:hover{background:var(--surface-2);color:var(--text)}.sidebar-nav-button span{color:var(--text);flex:1;font-size:13px}.sidebar-nav-button kbd{min-width:0;height:17px;box-shadow:none;background:0 0;border-color:#0000;font-size:10px}.sidebar-section{padding:8px 8px 4px}.sidebar-section-label,.sidebar-section-heading{min-height:28px;color:var(--muted);letter-spacing:.015em;padding:0 8px;font-size:11px;font-weight:700}.sidebar-section-heading{justify-content:space-between;align-items:center;display:flex}.sidebar-section-heading>div{opacity:0;display:flex}.sidebar-section:hover .sidebar-section-heading>div{opacity:1}.sidebar-simple-page{cursor:pointer;width:100%;height:30px;color:var(--muted);background:0 0;border-radius:7px;align-items:center;gap:8px;padding:0 9px;display:flex}.sidebar-simple-page span:last-child{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-simple-page:hover,.sidebar-simple-page.is-active{background:var(--surface-2);color:var(--text)}.sidebar-pages-section{flex-direction:column;flex:1;min-height:0;padding-bottom:8px;display:flex}.sidebar-tree{min-height:0;padding-right:2px;overflow:hidden auto}.sidebar-page-wrap{position:relative}.sidebar-page-wrap.is-dragging{z-index:10;opacity:.8}.sidebar-page{height:30px;color:var(--muted);border-radius:7px;align-items:center;padding-right:5px;display:flex;position:relative}.sidebar-page:hover,.sidebar-page.is-active{background:var(--surface-2);color:var(--text)}.sidebar-page.is-active{box-shadow:inset 2px 0 var(--accent)}.sidebar-disclosure{width:20px;height:24px;color:var(--faint);cursor:pointer;background:0 0;border-radius:5px;flex:none;place-items:center;padding:0;display:grid}.sidebar-disclosure:hover{background:var(--surface-3);color:var(--text)}.disclosure-spacer{width:10px}.sidebar-page-link{cursor:pointer;text-align:left;background:0 0;flex:1;align-items:center;gap:7px;min-width:0;height:100%;padding:0;display:flex}.page-emoji{text-align:center;width:18px;font-size:14px}.sidebar-page-title{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-page-actions{align-items:center;display:none}.sidebar-page:hover .sidebar-page-actions{display:flex}.sidebar-mini-button{width:20px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;place-items:center;display:grid}.sidebar-mini-button:hover{background:var(--surface-3);color:var(--text)}.sidebar-page-menu{z-index:70;width:210px;top:28px;right:2px}.sidebar-footer{border-top:1px solid var(--border);flex:none;padding:8px}.sidebar-footer button{font-size:12px}.mobile-sidebar-backdrop{display:none}.popover{z-index:100;border:1px solid var(--border);background:var(--surface);min-width:190px;max-height:min(520px,72vh);box-shadow:var(--shadow-md);border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;overflow:auto}.popover button{min-height:31px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.popover button:hover{background:var(--surface-2)}.popover button.danger{color:var(--danger)}.popover-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:5px 8px 4px;font-size:10px;font-weight:750}.popover-separator{background:var(--border);height:1px;margin:5px 2px}.popover-heading{justify-content:space-between;align-items:center;padding:2px 3px 7px 8px;display:flex}.popover-heading strong{font-size:13px}.modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12101c70;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:var(--surface);width:100%;max-height:min(88vh,900px);box-shadow:var(--shadow-lg);border-radius:15px;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:52px;padding:0 15px 0 19px;display:flex}.modal-header h2{margin:0;font-size:15px}.modal-body{max-height:inherit;overflow:auto}.backup-reminder,.update-banner,.offline-ready-banner{z-index:35;border:1px solid color-mix(in srgb, var(--warning) 25%, var(--border));background:var(--warning-soft);max-width:calc(100% - 40px);min-height:38px;color:var(--warning);box-shadow:var(--shadow-md);border-radius:10px;align-items:center;gap:8px;padding:5px 7px 5px 11px;font-size:12px;display:flex;position:absolute;top:48px;left:50%;transform:translate(-50%)}.backup-reminder span,.update-banner span{color:var(--text)}.backup-reminder button:not(.icon-button),.update-banner button:not(.icon-button){background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:5px 8px;font-weight:650}.update-banner{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 25%, var(--border));color:var(--accent)}.offline-ready-banner{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 25%, var(--border));color:var(--success);top:auto;bottom:18px}.offline-ready-check{background:var(--success);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.page-view{background:var(--surface);width:100%;height:100%}.page-topbar{z-index:20;background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:45px;padding:0 10px;display:flex;position:absolute;top:0;left:0;right:0}.topbar-left,.topbar-right{align-items:center;gap:3px;min-width:0;display:flex}.open-sidebar-button{display:none}.breadcrumbs{min-width:0;color:var(--muted);align-items:center;font-size:12px;display:flex}.breadcrumb-part{align-items:center;min-width:0;display:flex}.breadcrumb-part button{min-width:0;max-width:150px;height:28px;color:var(--muted);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:0 6px;display:flex;overflow:hidden}.breadcrumb-part button:hover{background:var(--surface-2);color:var(--text)}.breadcrumb-current{min-width:0;max-width:220px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;padding:0 6px;display:flex;overflow:hidden}.save-state,.status-chip{height:25px;color:var(--muted);border-radius:7px;align-items:center;gap:5px;padding:0 7px;font-size:10px;display:inline-flex}.save-saving,.save-unsaved{color:var(--warning);background:var(--warning-soft)}.save-error{color:var(--danger);background:var(--danger-soft)}.status-chip.offline{color:var(--warning);background:var(--warning-soft)}.topbar-menu-wrap{position:relative}.topbar-menu{width:210px;top:34px;right:0}.page-scroll{height:100%;padding-top:45px;overflow:hidden auto}.page-cover{height:220px;margin:0}.cover-aurora{background:radial-gradient(circle at 15% 30%,#fffc,#0000 28%),linear-gradient(130deg,#8ce4d1 0%,#8b7df5 42%,#e58fd5 100%)}.cover-sunrise{background:radial-gradient(circle at 70% 25%,#fff3c2,#0000 31%),linear-gradient(130deg,#fbbf79,#e88b9f 48%,#8f7adb)}.cover-ocean{background:radial-gradient(circle at 20% 15%,#bfefff,#0000 34%),linear-gradient(135deg,#5ebec4,#4478ca 60%,#5c4b9e)}.cover-forest{background:radial-gradient(circle at 80% 15%,#d9f3b7,#0000 28%),linear-gradient(135deg,#5da47b,#2e6a5e 55%,#243f49)}.cover-plum{background:radial-gradient(circle at 20% 25%,#f0c0ee,#0000 30%),linear-gradient(135deg,#9c5ea7,#6b417d 55%,#3c345f)}.cover-sand{background:radial-gradient(circle at 80% 25%,#fff8d8,#0000 32%),linear-gradient(135deg,#e8c785,#cb9f67 50%,#8e716a)}.cover-midnight{background:radial-gradient(circle at 65% 25%,#9384ffa6,#0000 25%),linear-gradient(135deg,#1d2441,#222b5a 55%,#412a62)}.cover-none{background:var(--surface-2);color:var(--muted)}.page-hero{width:min(890px,100% - 48px);margin:0 auto;padding:63px 0 8px;position:relative}.page-hero.has-cover{margin-top:-42px;padding-top:0}.page-hero-controls{align-items:flex-end;gap:10px;height:56px;display:flex}.page-icon-button{background:color-mix(in srgb, var(--surface) 89%, transparent);width:78px;height:78px;box-shadow:var(--shadow-sm);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;place-items:center;padding:0;font-size:45px;display:grid}.emoji-picker-wrap,.cover-picker-wrap{position:relative}.emoji-picker{grid-template-columns:repeat(8,1fr);width:246px;padding:9px;display:grid;top:82px;left:0;overflow:visible}.emoji-picker button{place-items:center;height:28px;min-height:0;padding:0;font-size:18px;display:grid}.cover-picker{grid-template-columns:repeat(2,1fr);gap:7px;width:270px;padding:9px;display:grid;top:32px;left:0;overflow:visible}.cover-picker .cover-swatch{border:1px solid var(--border);min-height:48px;color:var(--muted);border-radius:7px;justify-content:center}.page-title-input{width:100%;color:var(--text);letter-spacing:-.035em;background:0 0;border:0;outline:0;margin:20px 0 0;padding:0;font-size:clamp(34px,4.6vw,49px);font-weight:760;line-height:1.13}.page-title-input::placeholder{color:var(--faint)}.page-content{width:min(890px,100% - 48px);margin:0 auto;padding:8px 0 120px}.document-content{max-width:790px}.read-only-banner{border:1px solid color-mix(in srgb, var(--warning) 20%, var(--border));background:var(--warning-soft);color:var(--warning);border-radius:10px;align-items:center;gap:12px;margin:6px 0 22px;padding:12px 13px;display:flex}.read-only-banner>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.read-only-banner strong{color:var(--text);font-size:12px}.read-only-banner span{color:var(--muted);font-size:11px}.read-only-banner.compact{margin-bottom:12px;padding:8px 10px}.block-editor{padding-top:38px;position:relative}.inline-toolbar{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:1px;padding:2px;display:flex;position:absolute;top:0;left:0}.inline-toolbar .icon-button{width:28px;height:27px}.toolbar-separator{background:var(--border);width:1px;height:18px;margin:0 3px}.editor-block{border-radius:6px;align-items:flex-start;min-height:30px;margin:1px 0;display:flex;position:relative}.editor-block.is-dragging{z-index:60;opacity:.6;background:var(--surface);box-shadow:var(--shadow-md)}.editor-block:hover{background:color-mix(in srgb, var(--surface-2) 44%, transparent)}.block-controls{z-index:5;align-items:center;display:none;position:absolute;top:2px;right:calc(100% + 4px)}.editor-block:hover .block-controls,.editor-block.is-active .block-controls{display:flex}.block-control{width:22px;height:25px;color:var(--faint);cursor:pointer;background:0 0;border-radius:5px;place-items:center;padding:0;display:grid}.block-control:hover{background:var(--surface-2);color:var(--text)}.block-menu{width:200px;max-height:430px;top:27px;left:0}.block-indent{flex:none}.block-prefix{width:25px;min-height:30px;color:var(--text);flex:none;justify-content:center;align-items:center;line-height:1.55;display:inline-flex}.bullet-prefix{font-size:22px}.number-prefix{font-variant-numeric:tabular-nums;justify-content:flex-end;padding-right:5px;font-size:14px}.todo-checkbox{width:16px;height:16px;accent-color:var(--accent);margin:7px 7px 0 2px}.toggle-button{width:24px;height:30px;color:var(--muted);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}.toggle-button svg{transition:transform .14s}.toggle-button svg.is-open{transform:rotate(90deg)}.callout-icon{flex:none;place-items:center;width:34px;min-height:34px;font-size:20px;display:grid}.block-main{flex:1;min-width:0}.block-content{min-height:30px;color:var(--text);overflow-wrap:anywhere;border:0;outline:0;padding:3px;font-size:15px;line-height:1.62}.block-content:empty:before{content:attr(data-placeholder);color:#0000;pointer-events:none}.editor-block.is-active .block-content:empty:before{color:var(--faint)}.block-content a{color:var(--accent);text-decoration:underline}.block-content code{background:var(--surface-2);color:#d14d72;border-radius:4px;padding:2px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.editor-block-heading1 .block-content{letter-spacing:-.025em;min-height:46px;padding-top:7px;font-size:30px;font-weight:760;line-height:1.25}.editor-block-heading2 .block-content{letter-spacing:-.018em;min-height:40px;padding-top:7px;font-size:23px;font-weight:740;line-height:1.32}.editor-block-heading3 .block-content{min-height:36px;padding-top:6px;font-size:18px;font-weight:720;line-height:1.4}.editor-block-todo:has(.todo-checkbox:checked) .block-content{color:var(--muted);text-decoration:line-through}.editor-block-quote{border-left:3px solid var(--text);border-radius:0;margin:8px 0;padding-left:10px}.editor-block-quote .block-content{font-size:16px;font-style:italic}.editor-block-callout{border:1px solid var(--border);background:var(--accent-soft);border-radius:10px;margin:8px 0;padding:8px 10px}.editor-block-callout .block-content{padding-top:2px}.editor-block-code{border:1px solid var(--border);background:#25242c;border-radius:9px;margin:8px 0;padding:13px 15px}.editor-block-code .block-content{color:#f3f0f8;white-space:pre-wrap;min-height:48px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6}.editor-block-divider{align-items:center;min-height:25px}.editor-block-divider hr{border:0;border-top:1px solid var(--border-strong);margin:12px 3px}.editor-block-bookmark{border:1px solid var(--border);border-radius:9px;margin:7px 0;padding:8px 10px}.editor-block-bookmark .block-content{color:var(--accent);text-decoration:underline}.editor-bottom-add{height:30px;color:var(--faint);cursor:pointer;opacity:0;background:0 0;border-radius:6px;align-items:center;gap:6px;margin-top:6px;padding:0 7px;font-size:12px;display:flex}.block-editor:hover .editor-bottom-add{opacity:1}.editor-bottom-add:hover{background:var(--surface-2);color:var(--muted)}.slash-menu{width:300px;max-height:400px;position:fixed}.slash-menu button{min-height:47px}.slash-menu button>span:last-child{flex-direction:column;gap:2px;display:flex}.slash-menu strong{font-size:12px}.slash-menu small{color:var(--muted);font-size:10px}.command-icon{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;flex:none;place-items:center;width:31px;height:31px;display:grid}.slash-empty{color:var(--muted);text-align:center;padding:20px;font-size:12px}.asset-empty{border:1px dashed var(--border-strong);min-height:72px;color:var(--muted);border-radius:10px;align-items:center;gap:12px;margin:6px 0;padding:12px;display:flex}.asset-empty>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.asset-empty strong{color:var(--text);font-size:13px}.asset-empty span{font-size:11px}.image-block{margin:7px 0}.image-block img{max-width:100%;max-height:620px;box-shadow:var(--shadow-sm);border-radius:9px;display:block}.image-caption{width:100%;color:var(--muted);text-align:center;background:0 0;border:0;outline:0;padding:6px 2px;font-size:11px}.file-block{border:1px solid var(--border);background:var(--surface);border-radius:9px;align-items:center;gap:11px;margin:7px 0;padding:11px;text-decoration:none;display:flex}.file-block:hover{background:var(--surface-2)}.file-icon{background:var(--accent-soft);width:39px;height:39px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.file-block>div:last-child{flex-direction:column;gap:3px;display:flex}.file-block strong{font-size:12px}.file-block span{color:var(--muted);font-size:10px}.backlinks-section{border-top:1px solid var(--border);margin-top:50px;padding-top:18px}.backlinks-section h3{align-items:center;gap:7px;margin:0 0 10px;font-size:12px;display:flex}.backlinks-section h3 span{background:var(--surface-2);min-width:20px;height:20px;color:var(--muted);border-radius:999px;place-items:center;font-size:10px;display:grid}.backlink-list{flex-direction:column;gap:5px;display:flex}.backlink-list button{cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:flex}.backlink-list button:hover{background:var(--surface-2)}.backlink-list strong{font-size:12px}.backlink-list span:last-child{color:var(--muted);font-size:11px}.backlinks-empty{background:var(--surface-2);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:11px;font-size:11px;display:flex}.backlinks-empty code{color:var(--accent)}.database-page-view .page-hero,.database-content{width:min(1320px,100% - 48px)}.database-content{padding-bottom:80px}.database-view-tabs{border-bottom:1px solid var(--border);align-items:flex-end;height:39px;display:flex}.view-tabs-scroll{flex:1;min-width:0;height:100%;display:flex;overflow-x:auto}.view-tabs-scroll button{height:100%;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:flex;position:relative}.view-tabs-scroll button:hover{color:var(--text);background:var(--surface-2)}.view-tabs-scroll button.is-active{color:var(--text);font-weight:650}.view-tabs-scroll button.is-active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.add-view-wrap{position:relative}.add-view-menu{top:35px;right:0}.database-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.database-search{width:235px;height:31px;color:var(--muted);border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:0 8px;display:flex}.database-search:focus-within{border-color:var(--border);background:var(--surface-2)}.database-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.database-search kbd{background:var(--surface-2);box-shadow:none;border:0}.database-toolbar-actions{align-items:center;gap:3px;display:flex}.database-toolbar-button{height:31px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-size:11px;display:inline-flex}.database-toolbar-button:hover,.database-toolbar-button.is-active{background:var(--surface-2);color:var(--text)}.database-toolbar-button>span{background:var(--accent-soft);min-width:17px;height:17px;color:var(--accent);border-radius:5px;place-items:center;font-size:9px;display:grid}.database-toolbar-button.icon-only{justify-content:center;width:31px;padding:0}.database-new-button{height:31px;min-height:31px;padding:0 10px;font-size:11px}.toolbar-popover-wrap{align-items:center;display:flex;position:relative}.rule-popover{width:430px;top:35px;right:0}.active-rule{background:var(--surface-2);border-radius:6px;align-items:center;gap:7px;min-height:35px;padding:3px 5px 3px 8px;font-size:11px;display:flex}.active-rule span{font-weight:650}.active-rule small{color:var(--muted)}.active-rule strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.rule-builder{grid-template-columns:1fr 1fr;gap:6px;padding-top:8px;display:grid}.rule-builder.inline{grid-template-columns:1fr 1fr auto}.rule-builder select,.rule-builder input,.view-options-popover select{border:1px solid var(--border);background:var(--surface);border-radius:6px;min-width:0;height:31px;padding:0 7px;font-size:11px}.view-options-popover{width:255px;top:35px;right:0}.view-options-popover>label:not(.checkbox-row){flex-direction:column;gap:5px;padding:7px 8px;font-size:11px;display:flex}.view-options-popover>label span{color:var(--muted)}.checkbox-row{align-items:center;gap:7px;min-height:29px;padding:0 8px;font-size:11px;display:flex}.add-property-menu{width:230px;top:36px;right:0}.property-type-icon{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;place-items:center;width:25px;height:25px;font-weight:750;display:grid}.database-view-stage{min-height:260px}.database-table-wrap{border:1px solid var(--border);border-radius:9px;width:100%;overflow-x:auto}.database-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%}.database-table th{z-index:2;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-2);height:36px;color:var(--muted);text-align:left;padding:0;font-size:11px;font-weight:600;position:sticky;top:0}.database-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);height:38px;padding:0 6px}.database-table tbody tr:hover td{background:color-mix(in srgb, var(--surface-2) 55%, var(--surface))}.database-table tr:last-child td{border-bottom:0}.property-header{justify-content:space-between;align-items:center;gap:5px;height:100%;padding:0 8px;display:flex;position:relative}.property-header-menu-wrap{position:relative}.property-header-menu-wrap>button{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;place-items:center;display:grid}.property-header-menu-wrap>button:hover{background:var(--surface-3)}.property-header-menu{width:180px;top:24px;right:0}.add-property-column{width:95px;min-width:95px}.add-property-column>button{width:100%;height:100%;color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:0 8px;font-size:11px;display:flex}.row-actions-column,.row-actions-cell{width:72px;min-width:72px;border-right:0!important}.row-actions-cell{white-space:nowrap;padding:0 3px!important}.row-actions-cell .icon-button{opacity:0;width:27px;height:27px}.database-table tr:hover .row-actions-cell .icon-button{opacity:1}.property-input,.property-select{background:0 0;border:1px solid #0000;border-radius:5px;outline:0;width:100%;height:29px;padding:0 5px;font-size:11px}.property-input:hover,.property-select:hover{background:var(--surface-2)}.property-input:focus,.property-select:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent)}.title-property-input{font-weight:650}.property-readonly,.property-formula,.property-empty{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:0 5px;font-size:11px;display:block;overflow:hidden}.property-formula{color:var(--text)}.property-multiselect{border:1px solid var(--border);background:var(--surface);border-radius:5px;width:100%;min-height:31px;max-height:70px;font-size:10px}.select-tag{background:var(--surface-2);min-height:22px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:0 7px;font-size:10px;display:inline-flex}.tag-gray{color:#575761;background:#ececf0}.tag-blue{color:#3063a5;background:#e3efff}.tag-green{color:#287548;background:#e2f4e9}.tag-yellow{color:#8a6517;background:#fff3ce}.tag-red{color:#a73a4a;background:#ffe4e7}.tag-purple{color:#6a4bb2;background:#eee7ff}.tag-pink{color:#a54378;background:#fbe6f2}.tag-orange{color:#9b5928;background:#ffead7}:root[data-theme=dark] .tag-gray{color:#c5c3cd;background:#373740}:root[data-theme=dark] .tag-blue{color:#91bff5;background:#203958}:root[data-theme=dark] .tag-green{color:#80d2a4;background:#203e30}:root[data-theme=dark] .tag-yellow{color:#e5c775;background:#473b20}:root[data-theme=dark] .tag-red{color:#f39aa6;background:#4c252d}:root[data-theme=dark] .tag-purple{color:#b9a4f4;background:#372c55}:root[data-theme=dark] .tag-pink{color:#e6a0c7;background:#49283d}:root[data-theme=dark] .tag-orange{color:#e7ae7f;background:#493123}.tag-stack{flex-wrap:wrap;gap:3px;display:flex}.new-row td{height:36px}.new-row button{color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0 5px;font-size:11px;display:flex}.database-empty-inline{color:var(--muted);text-align:center;padding:30px;font-size:12px}.board-view{gap:12px;padding:2px 0 16px;display:flex;overflow-x:auto}.board-column{background:var(--surface-2);border-radius:10px;flex:0 0 290px;width:290px;padding:8px}.board-column>header{align-items:center;gap:7px;height:31px;padding:0 4px;display:flex}.board-column>header strong{font-size:11px}.board-column>header>span:nth-of-type(2){color:var(--muted);flex:1;font-size:10px}.board-column>header button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;place-items:center;display:grid}.status-dot{border-radius:50%;width:9px;height:9px;padding:0}.board-cards{flex-direction:column;gap:7px;display:flex}.database-card{border:1px solid var(--border);background:var(--surface);min-height:78px;box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;border-radius:9px;flex-direction:column;gap:9px;padding:11px;display:flex}.database-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.database-card>strong{font-size:12px;line-height:1.4}.card-properties{flex-direction:column;gap:5px;display:flex}.card-properties>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-properties span{color:var(--muted);font-size:9px}.card-properties strong{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.board-add-card{height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:0 7px;font-size:11px;display:flex}.board-add-card:hover{background:var(--surface-3);color:var(--text)}.database-list-view{border:1px solid var(--border);border-radius:9px;overflow:hidden}.database-list-view>button{border-bottom:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;align-items:center;gap:9px;width:100%;min-height:45px;padding:0 12px;display:flex}.database-list-view>button:hover{background:var(--surface-2)}.database-list-view>button>strong{min-width:130px;font-size:12px}.database-list-view .card-properties{flex-direction:row;flex:1;gap:18px;min-width:0}.database-list-view .card-properties>div{gap:5px}.database-list-view .list-add-row{color:var(--muted);border-bottom:0}.list-row-icon{font-size:15px}.gallery-view{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px;display:grid}.gallery-card,.gallery-add-card{border:1px solid var(--border);background:var(--surface);min-height:195px;box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;border-radius:11px;padding:0;overflow:hidden}.gallery-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.gallery-preview{place-items:center;height:105px;display:grid}.gallery-preview span{width:48px;height:48px;box-shadow:var(--shadow-sm);background:#ffffffc2;border-radius:12px;place-items:center;font-size:25px;display:grid}.gallery-card-body{flex-direction:column;gap:8px;padding:12px;display:flex}.gallery-card-body>strong{font-size:12px}.gallery-add-card{color:var(--muted);border-style:dashed;place-content:center;justify-items:center;gap:8px;display:grid}.gallery-add-card:hover{background:var(--surface-2);color:var(--text)}.calendar-view{border:1px solid var(--border);border-radius:10px;overflow:hidden}.calendar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:46px;padding:0 11px;display:flex}.calendar-header>div{gap:3px;display:flex}.calendar-header button{min-width:29px;height:29px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;place-items:center;padding:0 7px;font-size:10px;display:grid}.calendar-header button:hover{background:var(--surface-2);color:var(--text)}.calendar-header strong{font-size:13px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(92px,1fr));display:grid}.calendar-weekdays{background:var(--surface-2);height:29px;color:var(--muted);text-align:center;text-transform:uppercase;align-items:center;font-size:9px;font-weight:700}.calendar-day{border-top:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);min-height:118px;padding:4px}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:color-mix(in srgb, var(--surface-2) 65%, var(--surface));color:var(--faint)}.calendar-day>header{justify-content:space-between;align-items:center;height:23px;padding:0 2px;display:flex}.calendar-day>header span{border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.calendar-day.today>header span{background:var(--accent);color:#fff}.calendar-day>header button{background:var(--surface-2);width:20px;height:20px;color:var(--muted);cursor:pointer;border-radius:5px;place-items:center;padding:0;display:none}.calendar-day:hover>header button{display:grid}.calendar-day>div{flex-direction:column;gap:3px;display:flex}.calendar-day>div button{background:var(--accent-soft);width:100%;min-height:23px;color:var(--text);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:3px 5px;font-size:9px;display:block;overflow:hidden}.calendar-day>div button:hover{background:color-mix(in srgb, var(--accent-soft) 68%, var(--accent))}.calendar-day small{color:var(--muted);font-size:9px}.view-configuration-empty{min-height:260px;color:var(--muted);text-align:center;place-content:center;justify-items:center;padding:30px;display:grid}.view-configuration-empty h3{color:var(--text);margin:12px 0 4px;font-size:15px}.view-configuration-empty p{max-width:360px;margin:0;font-size:11px;line-height:1.6}.row-drawer{min-height:610px}.row-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:84px;padding:15px 18px;display:flex}.row-drawer-header>div:first-child{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.row-drawer-header>div:first-child>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.row-drawer-header .title-property-input{height:38px;padding:0;font-size:24px;font-weight:740}.row-drawer-header>div:last-child{display:flex}.row-drawer-properties{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px;padding:15px 18px;display:grid}.row-property{grid-template-columns:115px minmax(0,1fr);align-items:center;min-height:38px;display:grid}.row-property>label{color:var(--muted);font-size:11px}.row-notes{padding:18px 28px 70px}.row-notes h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:11px}.row-notes .block-editor{padding-top:38px}.command-palette{overflow:hidden}.command-search{border-bottom:1px solid var(--border);height:58px;color:var(--muted);align-items:center;gap:11px;padding:0 15px;display:flex}.command-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.command-results{max-height:min(58vh,520px);padding:7px;overflow-y:auto}.command-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:7px 9px 5px;font-size:10px;font-weight:700}.command-results>button{width:100%;min-height:52px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:11px;padding:5px 9px;display:flex}.command-results>button:hover,.command-results>button.is-selected{background:var(--accent-soft)}.command-result-icon{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.command-result-icon.action{color:var(--accent)}.command-results>button>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.command-results strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.command-results small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.command-results>button>svg{color:var(--muted)}.command-empty{color:var(--muted);text-align:center;padding:38px;font-size:12px}.command-footer{border-top:1px solid var(--border);min-height:37px;color:var(--muted);align-items:center;gap:14px;padding:0 15px;font-size:9px;display:flex}.command-footer span{align-items:center;gap:3px;display:flex}.command-footer kbd{min-width:16px;height:16px;padding:0 3px;font-size:8px}.standalone-page{background:var(--bg);height:100%;overflow-y:auto}.standalone-header{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;min-height:76px;padding:11px max(24px,50% - 490px);display:flex;position:sticky;top:0}.standalone-header>div{align-items:center;gap:11px;display:flex}.standalone-icon{background:var(--accent-soft);width:39px;height:39px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.standalone-icon.danger{background:var(--danger-soft);color:var(--danger)}.standalone-header h1{margin:0;font-size:19px}.standalone-header p{color:var(--muted);margin:3px 0 0;font-size:11px}.settings-layout{flex-direction:column;gap:15px;width:min(980px,100% - 40px);margin:25px auto 90px;display:flex}.settings-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:13px;overflow:hidden}.settings-card>header{border-bottom:1px solid var(--border);color:var(--accent);align-items:center;gap:10px;padding:17px 19px 14px;display:flex}.settings-card>header h2{color:var(--text);margin:0;font-size:14px}.settings-card>header p{color:var(--muted);margin:3px 0 0;font-size:10px}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:22px;min-height:64px;padding:10px 19px;display:flex}.setting-row:last-child{border-bottom:0}.setting-row>div:first-child{flex-direction:column;gap:3px;display:flex}.setting-row strong{font-size:12px}.setting-row span{color:var(--muted);font-size:10px;line-height:1.45}.setting-row>input:not([type=checkbox]),.setting-row>select{border:1px solid var(--border);background:var(--surface-2);border-radius:7px;width:240px;height:34px;padding:0 9px;font-size:11px}.toggle-setting>input{width:38px;height:20px;accent-color:var(--accent)}.theme-options{gap:4px;display:flex}.theme-options button{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--muted);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:10px;display:flex}.theme-options button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.backup-status-grid{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.backup-status-grid>div{border-right:1px solid var(--border);flex-direction:column;justify-content:center;gap:5px;min-height:77px;padding:0 18px;display:flex}.backup-status-grid>div:last-child{border-right:0}.backup-status-grid span{color:var(--muted);font-size:10px}.backup-status-grid strong{font-size:11px}.backup-actions{padding:15px 18px 5px}.import-box{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin:12px 18px 15px;padding:13px;display:flex}.import-box>div{align-items:center;gap:10px;display:flex}.import-box>div:first-child>div{flex-direction:column;gap:3px;display:flex}.import-box strong{font-size:11px}.import-box span{color:var(--muted);font-size:10px}.import-box select{border:1px solid var(--border);background:var(--surface);border-radius:7px;height:35px;padding:0 7px;font-size:10px}.settings-note{background:var(--success-soft);color:var(--success);border-radius:8px;align-items:flex-start;gap:8px;margin:0 18px 16px;padding:10px;display:flex}.settings-note span{color:var(--muted);font-size:10px;line-height:1.55}.settings-note.warning{background:var(--warning-soft);color:var(--warning)}.storage-meter{padding:17px 18px 10px}.storage-meter>div{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.storage-meter>div span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #9f91ff);height:100%;display:block}.storage-meter p{color:var(--muted);margin:8px 0 0;font-size:10px}.storage-facts{border:1px solid var(--border);border-radius:9px;grid-template-columns:repeat(3,1fr);margin:0 18px 14px;display:grid}.storage-facts>div{border-right:1px solid var(--border);flex-direction:column;justify-content:center;gap:5px;min-height:64px;padding:0 12px;display:flex}.storage-facts>div:last-child{border-right:0}.storage-facts span{color:var(--muted);font-size:9px}.storage-facts strong,.storage-facts code{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex;overflow:hidden}.storage-facts .positive{color:var(--success)}.storage-facts .warning{color:var(--warning)}.settings-card>.secondary-button{margin:0 18px 14px}.danger-card{border-color:color-mix(in srgb, var(--danger) 22%, var(--border))}.danger-card>header{color:var(--danger)}.privacy-statement{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--text);margin:17px 18px 3px;padding:13px;font-size:11px;font-weight:600}.trash-content{width:min(860px,100% - 40px);margin:25px auto 80px}.trash-list{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.trash-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:67px;padding:10px 13px;display:flex}.trash-row:last-child{border-bottom:0}.trash-page-icon{background:var(--surface-2);border-radius:8px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.trash-row>div:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.trash-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.trash-row span{color:var(--muted);font-size:10px}.trash-row>div:last-child{display:flex}.side-panel-backdrop{z-index:250;background:#12101c40;position:fixed;inset:0}.side-panel{border-left:1px solid var(--border);background:var(--surface);width:min(390px,92vw);height:100%;box-shadow:var(--shadow-lg);position:absolute;top:0;right:0}.side-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:53px;padding:0 11px 0 16px;display:flex}.side-panel>header>div{align-items:center;gap:8px;display:flex}.side-panel>header strong{font-size:13px}.version-list{height:calc(100% - 53px);padding:11px;overflow-y:auto}.version-card{border:1px solid var(--border);background:var(--surface);border-radius:9px;margin-bottom:9px;padding:12px}.version-card>div{flex-direction:column;gap:3px;display:flex}.version-card strong{font-size:11px}.version-card span{color:var(--muted);text-transform:capitalize;font-size:9px}.version-card p{color:var(--muted);margin:9px 0;font-size:10px;line-height:1.55}.toast-region{z-index:500;pointer-events:none;flex-direction:column;align-items:stretch;gap:7px;width:min(380px,100vw - 34px);display:flex;position:fixed;bottom:17px;right:17px}.toast{border:1px solid var(--border);background:var(--surface);min-height:43px;color:var(--text);box-shadow:var(--shadow-md);cursor:pointer;text-align:left;pointer-events:auto;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 13px;font-size:11px;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--accent)}.onboarding{text-align:center;padding:32px 38px 36px}.onboarding-mark{color:#fff;background:linear-gradient(135deg,#8374ff,#5545da);border-radius:17px;place-items:center;width:58px;height:58px;margin:0 auto 14px;display:grid;box-shadow:0 12px 28px #5b49dc45}.onboarding h1{letter-spacing:-.025em;margin:0;font-size:27px}.onboarding-lead{max-width:520px;color:var(--muted);margin:7px auto 22px;font-size:13px;line-height:1.55}.onboarding-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.onboarding-grid>div{border:1px solid var(--border);background:var(--surface-2);min-height:124px;color:var(--accent);border-radius:11px;flex-direction:column;gap:7px;padding:15px;display:flex}.onboarding-grid strong{color:var(--text);margin-top:3px;font-size:12px}.onboarding-grid span{color:var(--muted);font-size:10px;line-height:1.5}.onboarding-warning{background:var(--warning-soft);color:var(--warning);text-align:left;border-radius:9px;align-items:flex-start;gap:9px;margin:13px 0 20px;padding:11px;display:flex}.onboarding-warning span{color:var(--muted);font-size:10px;line-height:1.55}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:280px;padding:30px;display:grid}.empty-icon{background:var(--surface-2);width:57px;height:57px;color:var(--muted);border-radius:15px;place-items:center;display:grid}.empty-state h2{margin:14px 0 5px;font-size:16px}.empty-state p{max-width:430px;color:var(--muted);margin:0;font-size:11px;line-height:1.6}.spinner-wrap{place-items:center;min-height:180px;display:grid}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fatal-error{background:var(--bg);text-align:center;place-content:center;justify-items:center;height:100%;padding:30px;display:grid}.fatal-error>svg{color:var(--danger)}.fatal-error h1{margin:14px 0 7px}.fatal-error p{max-width:650px;color:var(--muted);line-height:1.6}.fatal-error pre{border:1px solid var(--border);background:var(--surface);max-width:720px;color:var(--danger);text-align:left;border-radius:8px;padding:12px;overflow:auto}:root[data-compact=true] .sidebar-page,:root[data-compact=true] .sidebar-simple-page,:root[data-compact=true] .sidebar-nav-button{height:27px}:root[data-compact=true] .database-table td{height:33px}:root[data-compact=true] .board-column{flex-basis:260px;width:260px}@media (max-width:900px){.sidebar{box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;width:min(310px,88vw)!important}.mobile-sidebar-backdrop{z-index:25;background:#12101c59;display:block;position:fixed;inset:0}.open-sidebar-button{display:inline-grid}.breadcrumbs .breadcrumb-part{display:none}.page-cover{height:180px}.page-hero,.page-content,.database-page-view .page-hero,.database-content{width:min(100% - 30px,890px)}.page-icon-button{width:68px;height:68px;font-size:38px}.database-toolbar{flex-direction:column;align-items:flex-start;padding:8px 0}.database-search{width:100%}.database-toolbar-actions{width:100%;overflow-x:auto}.calendar-weekdays,.calendar-grid{min-width:720px}.calendar-view{overflow-x:auto}.backup-status-grid,.storage-facts{grid-template-columns:1fr}.backup-status-grid>div,.storage-facts>div{border-right:0;border-bottom:1px solid var(--border)}.backup-status-grid>div:last-child,.storage-facts>div:last-child{border-bottom:0}.import-box{flex-direction:column;align-items:flex-start}.import-box>div:last-child{flex-wrap:wrap;width:100%}.row-drawer-properties{grid-template-columns:1fr}}@media (max-width:620px){.topbar-right .save-state,.topbar-right .status-chip{display:none}.page-topbar{padding:0 5px}.breadcrumb-current{max-width:150px}.page-cover{height:145px}.page-hero{padding-top:44px}.page-title-input{font-size:34px}.page-content,.page-hero,.database-page-view .page-hero,.database-content{width:calc(100% - 24px)}.block-controls{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:6px;padding:1px;top:-21px;left:-7px;right:auto}.inline-toolbar{max-width:100%;overflow-x:auto}.editor-block-heading1 .block-content{font-size:25px}.editor-block-heading2 .block-content{font-size:21px}.onboarding{padding:26px 20px 28px}.onboarding-grid{grid-template-columns:1fr}.onboarding-grid>div{min-height:0}.settings-layout,.trash-content{width:calc(100% - 20px)}.standalone-header{padding:10px}.standalone-header p{display:none}.setting-row{flex-direction:column;align-items:flex-start;gap:10px}.setting-row>input:not([type=checkbox]),.setting-row>select{width:100%}.toggle-setting{flex-direction:row;align-items:center}.theme-setting{align-items:flex-start}.theme-options{width:100%}.theme-options button{flex:1;justify-content:center}.backup-reminder,.update-banner{width:calc(100% - 14px);max-width:none;top:47px}.backup-reminder span,.update-banner span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rule-popover{width:auto;position:fixed;top:90px;left:8px;right:8px}.row-property{grid-template-columns:95px minmax(0,1fr)}.row-notes{padding:15px 16px 60px}.row-drawer-header{padding:12px}.database-list-view .card-properties{display:none}.toast-region{width:calc(100vw - 16px);bottom:8px;right:8px}}