:root{--bg: #ffffff;--bg2: #f7f6f3;--bg3: #efeeea;--fg: #37352f;--fg2: #787774;--fg3: #b3aea5;--line: #e8e6e1;--accent: #2383e2;--accent-soft: #e8f0fd;--danger: #e5484d;--shadow: 0 8px 30px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);--gal-l: 88%;--radius: 8px}[data-theme=dark]{--bg: #191919;--bg2: #202020;--bg3: #2a2a2a;--fg: #e6e4df;--fg2: #9b968e;--fg3: #63605a;--line: #333330;--accent: #6f8dee;--accent-soft: #263252;--danger: #ff6369;--shadow: 0 8px 30px rgba(0,0,0,.5);--gal-l: 26%}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}@font-face{font-family:Noto Naskh Arabic;src:local("Noto Naskh Arabic"),url(/fonts/NotoNaskhArabic-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:local("Noto Naskh Arabic Bold"),url(/fonts/NotoNaskhArabic-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}body{font-family:Sakkal Majalla,Noto Naskh Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,"Apple Color Emoji",Arial,sans-serif,Noto Sans Arabic;color:var(--fg);background:var(--bg);font-size:17px;line-height:1.62}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}kbd{font-size:10px;background:var(--bg3);border-radius:4px;padding:1px 5px;color:var(--fg2);margin-inline-start:auto}::placeholder{color:var(--fg3)}.input{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:7px 10px;width:100%;outline:none}.input:focus{border-color:var(--accent)}.input-sm{padding:4px 8px;font-size:13px;width:auto}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:6px 12px;background:var(--bg3);transition:filter .1s}.btn:hover{filter:brightness(.96)}[data-theme=dark] .btn:hover{filter:brightness(1.2)}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:transparent;color:var(--fg2)}.btn-ghost:hover{background:var(--bg3)}.btn-sm{padding:3px 8px;font-size:13px}.btn-danger{color:var(--danger)}.btn-split{display:inline-flex}.btn-split .btn:first-child{border-start-end-radius:0;border-end-end-radius:0}.btn-caret{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:1px solid rgba(255,255,255,.3)}.grow{flex:1}.app{display:flex;height:100%}.main{flex:1;min-width:0;display:flex;flex-direction:column}.boot-screen,.empty-main{display:grid;place-items:center;height:100%;font-size:48px;opacity:.4}.auth-screen{display:flex;flex-direction:column;min-height:100dvh;overflow-y:auto;background:var(--bg2);padding:calc(20px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px))}.auth-card{background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:40px 32px;width:min(360px,100%);margin:auto;display:flex;flex-direction:column;gap:12px;text-align:center}.auth-card .input{height:44px}.auth-card h1{font-size:30px;font-weight:700}.auth-help{margin:4px 0 0;color:var(--fg3);font-size:12.5px}.pw-wrap{position:relative}.pw-wrap .input{width:100%}[dir=rtl] .pw-wrap .input{padding-left:48px;padding-right:12px}[dir=ltr] .pw-wrap .input{padding-right:48px;padding-left:12px}.pw-eye{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;color:var(--fg2);border-radius:8px}.pw-eye:hover{color:var(--fg)}@media (max-height: 700px){.auth-card{padding:26px 24px;gap:10px}.auth-logo{font-size:32px}}.auth-logo{font-size:44px}.auth-card h1{margin:0;font-size:26px}.auth-sub{margin:0 0 8px;color:var(--fg2);font-size:13px}.auth-error{color:var(--danger);font-size:13px}.sidebar{width:260px;flex-shrink:0;background:var(--bg2);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden auto;padding-bottom:8px}.sidebar-head{display:flex;align-items:center;gap:8px;padding:14px 14px 8px}.ws-logo{font-size:20px}.ws-name{font-weight:700;flex:1}.sidebar-tools{padding:0 6px 8px;border-bottom:1px solid var(--line)}.side-btn{display:flex;align-items:center;gap:8px;width:100%;text-align:start;padding:5px 10px;border-radius:6px;color:var(--fg2);font-size:14px}.side-btn:hover{background:var(--bg3)}.sidebar-section{padding:8px 6px 4px}.sidebar-section.grow{flex:1}.section-label{font-size:11.5px;font-weight:600;color:var(--fg3);padding:4px 10px;letter-spacing:.3px}.sidebar-foot{border-top:1px solid var(--line);padding:8px 6px 0}.new-page{color:var(--fg2);margin-top:4px}.tree-item{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;cursor:pointer;position:relative;font-size:14px;color:var(--fg2)}.tree-item:hover{background:var(--bg3)}.tree-item.active{background:var(--bg3);color:var(--fg);font-weight:600}.tree-item.drag-before:before,.tree-item.drag-after:after{content:"";position:absolute;inset-inline:4px;height:2px;background:var(--accent)}.tree-item.drag-before:before{top:-1px}.tree-item.drag-after:after{bottom:-1px}.tree-item.drag-into{outline:2px solid var(--accent);outline-offset:-2px}.tree-caret{width:18px;color:var(--fg3);font-size:10px;flex-shrink:0}.tree-icon{width:20px;text-align:center;flex-shrink:0}.tree-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-actions{display:none;gap:2px}.tree-item:hover .tree-actions{display:flex}.tree-actions button{color:var(--fg3);padding:0 3px;border-radius:4px;font-size:12px}.tree-actions button:hover{background:var(--line);color:var(--fg)}.popover{background:var(--bg);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);min-width:220px;max-width:380px;max-height:60vh;overflow:auto;padding:5px}.pop-list{display:flex;flex-direction:column;gap:1px;min-width:200px}.menu-item{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:6px;text-align:start;font-size:14px;width:100%}.menu-item:hover,.menu-item.active{background:var(--bg3)}.menu-item.danger{color:var(--danger)}.menu-item:disabled{opacity:.5;cursor:default}.menu-icon{width:24px;text-align:center;font-size:13px;color:var(--fg2);flex-shrink:0}.menu-empty,.search-empty,.db-empty{padding:14px;color:var(--fg3);text-align:center;font-size:13.5px}.menu-filter{padding:4px 10px;font-size:12px;color:var(--fg2);background:var(--bg3);border-radius:4px;margin:2px}.check{margin-inline-start:auto;color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f8c;z-index:900;display:grid;place-items:start center;padding:8vh 16px 4vh}.modal{background:var(--bg);border-radius:12px;box-shadow:var(--shadow);width:min(560px,100%);max-height:84vh;overflow:auto;padding:14px}.modal-wide{width:min(880px,100%)}.modal-title{margin:4px 6px 12px;font-size:19px}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar-unknown{background:var(--fg3)}.tags,.persons,.files-chips{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}.tag{display:inline-flex;align-items:center;gap:3px;border-radius:5px;padding:2px 9px;font-size:13px;line-height:1.5;white-space:nowrap}.tag-x{color:inherit;opacity:.55;font-size:13px;padding:0 2px}.tag-x:hover{opacity:1}.tag-gray{background:#e3e2e0;color:#32302c}.tag-blue{background:#d3e5ef;color:#24456b}.tag-green{background:#dbeddb;color:#1c3829}.tag-yellow{background:#fdecc8;color:#614a1c}.tag-red{background:#ffe2dd;color:#6e2018}.tag-orange{background:#fadec9;color:#6d3a17}.tag-purple{background:#e8deee;color:#492f64}.tag-pink{background:#f5e0e9;color:#6b2245}.tag-brown{background:#eee0da;color:#55392c}[data-theme=dark] .tag-gray{background:#43423e;color:#d5d2ca}[data-theme=dark] .tag-blue{background:#2c3d51;color:#b6d3ea}[data-theme=dark] .tag-green{background:#2c3d31;color:#b7dcc0}[data-theme=dark] .tag-yellow{background:#4d3d20;color:#f2d492}[data-theme=dark] .tag-red{background:#52292a;color:#f4b8b4}[data-theme=dark] .tag-orange{background:#4d3222;color:#f0c9a4}[data-theme=dark] .tag-purple{background:#3d3050;color:#d5c4ea}[data-theme=dark] .tag-pink{background:#4c2a3c;color:#ecbdd4}[data-theme=dark] .tag-brown{background:#4a382e;color:#dfc2b2}.tag-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.person-chip{display:inline-flex;align-items:center;gap:5px;font-size:13px}.rel-chip,.file-chip{display:inline-flex;align-items:center;gap:3px;background:var(--bg3);border-radius:5px;padding:1px 7px;font-size:12.5px;color:var(--fg2);text-decoration:none;white-space:nowrap}.file-row{display:flex;align-items:center;gap:6px;padding:4px 8px}.file-row a{flex:1;overflow:hidden;text-overflow:ellipsis}.role-badge{font-size:12px;color:var(--fg2);background:var(--bg3);border-radius:5px;padding:2px 8px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:4px}.emoji-btn{font-size:19px;padding:4px;border-radius:6px}.emoji-btn:hover{background:var(--bg3)}.cover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px}.cover-swatch{height:44px;width:66px;border-radius:6px}.search-input{width:100%;border:none;outline:none;background:transparent;font-size:17px;padding:10px 12px;border-bottom:1px solid var(--line)}.search-results{padding-top:6px}.search-result{display:flex;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;align-items:flex-start}.search-result:hover,.search-result.selected{background:var(--bg3)}.sr-icon{font-size:18px}.sr-body{min-width:0;flex:1}.sr-title{font-weight:600;font-size:14px}.sr-crumb{color:var(--fg3);font-weight:400;font-size:12.5px}.sr-snippet{color:var(--fg2);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-item,.member-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px}.trash-item:hover,.member-row:hover{background:var(--bg2)}.member-add{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}.member-add-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr auto auto;gap:6px}.page{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;padding:8px 14px;gap:8px;border-bottom:1px solid var(--line)}.crumbs{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:13.5px;color:var(--fg2);min-width:0}.crumb{padding:2px 6px;border-radius:5px;color:var(--fg2)}.crumb:hover{background:var(--bg3)}.crumb.current{color:var(--fg);font-weight:600}.crumb-sep{color:var(--fg3)}.topbar-actions{display:flex;gap:2px}.top-btn{padding:4px 8px;border-radius:6px;color:var(--fg2);font-size:14px}.top-btn:hover{background:var(--bg3)}.page-scroll{flex:1;overflow-y:auto}.page-cover{height:190px;background-size:cover;background-position:center;position:relative}.cover-change{position:absolute;inset-inline-end:18px;bottom:12px;opacity:0;background:var(--bg)}.page-cover:hover .cover-change{opacity:1}.page-head{max-width:900px;margin:0 auto;padding:42px 48px 0}.page-head-sm{padding:6px 12px 0}.page-cover+.page-head{margin-top:-36px}.page-icon{font-size:60px;line-height:1;border-radius:10px;padding:2px}.page-icon:hover{background:var(--bg3)}.page-icon-row{display:flex;align-items:flex-end;gap:8px;min-height:34px}.page-icon-row .btn-ghost{opacity:0}.page-head:hover .page-icon-row .btn-ghost{opacity:1}.page-title{font-size:40px;font-weight:700;outline:none;margin:8px 0 4px;line-height:1.25}.page-head-sm .page-title{font-size:27px}.page-title:empty:before{content:attr(data-placeholder);color:var(--fg3)}.page-body{max-width:900px;margin:0 auto;padding:4px 48px 60px}.page-head-sm+*,.row-modal .page-body{padding:4px 12px 20px}.editor{min-height:140px;padding-bottom:30vh;cursor:text}.block{display:flex;align-items:flex-start;gap:2px;position:relative;padding:1.5px 0;border-radius:4px}.block.drag-before:before,.block.drag-after:after{content:"";position:absolute;inset-inline:0;height:2.5px;background:var(--accent);z-index:2}.block.drag-before:before{top:-1px}.block.drag-after:after{bottom:-1px}.block-handle{opacity:0;width:20px;flex-shrink:0;color:var(--fg3);cursor:grab;border-radius:4px;font-size:13px;letter-spacing:-2px;align-self:stretch;display:flex;align-items:center;justify-content:center;margin-top:1px}.block:hover>.block-handle{opacity:1}.block-handle:hover{background:var(--bg3)}.rich{flex:1;min-width:0;outline:none;word-break:break-word;padding:2px 3px}.rich:empty:before{content:attr(data-placeholder);color:var(--fg3);pointer-events:none}.rich-h1{font-size:29px;font-weight:700;margin-top:14px}.rich-h2{font-size:24px;font-weight:700;margin-top:10px}.rich-h3{font-size:19px;font-weight:700;margin-top:6px}.rich a{color:inherit;text-decoration:underline;text-decoration-color:var(--fg3);text-underline-offset:3px}.rich code{background:var(--bg3);border-radius:4px;padding:1px 5px;font-size:.85em;color:#eb5757;font-family:SF Mono,Consolas,monospace}.block-quote .rich{border-inline-start:3px solid var(--fg);padding-inline-start:12px;font-style:italic}.block-callout{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:3px 0}.callout-icon{font-size:19px;margin-inline-end:8px;border-radius:5px}.callout-icon:hover{background:var(--bg3)}.block-li .li-marker{width:22px;flex-shrink:0;text-align:center;margin-top:2px;color:var(--fg);font-size:14px}.todo-check{margin:7px 4px 0;accent-color:var(--accent)}.todo-done{text-decoration:line-through;color:var(--fg3)}.toggle-caret{width:22px;flex-shrink:0;color:var(--fg2);font-size:11px;margin-top:4px;border-radius:4px}.toggle-caret:hover{background:var(--bg3)}.toggle-children{border-inline-start:1px solid var(--line);padding-inline-start:4px}.add-inline{color:var(--fg3);font-size:13px;padding:1px 8px;border-radius:4px;opacity:0}.toggle-children:hover .add-inline,.column:hover .add-inline{opacity:1}.add-inline:hover{background:var(--bg3)}.divider{border:none;border-top:1px solid var(--line);margin:8px 0;flex:1}.block-code-wrap{margin:4px 0}.code-block{flex:1;background:var(--bg2);border:1px solid var(--line);border-radius:8px;overflow:hidden}.code-lang{border:none;background:var(--bg3);font-size:12px;padding:3px 8px;outline:none;color:var(--fg2)}.code-area{display:block;width:100%;border:none;outline:none;background:transparent;resize:vertical;font-family:SF Mono,Consolas,Courier New,monospace;font-size:13px;padding:10px 12px;line-height:1.5}.block-image .image-body{flex:1}.block-image img{max-width:100%;border-radius:8px;display:block}.img-caption{font-size:13px;color:var(--fg2)}.upload-slot{display:flex;gap:8px;align-items:center;justify-content:center;background:var(--bg2);border:1px dashed var(--line);border-radius:8px;padding:22px;color:var(--fg2);cursor:pointer;flex:1}.upload-slot:hover{background:var(--bg3)}.table-scroll{flex:1;overflow-x:auto}.simple-table{border-collapse:collapse;margin:4px 0}.simple-table td{border:1px solid var(--line);min-width:110px;vertical-align:top}.simple-table tr.thead td{background:var(--bg2);font-weight:700}.simple-table .cell-edit{padding:6px 9px;outline:none;min-height:20px}.table-mini{border:none!important;min-width:20px!important}.table-mini button{color:var(--fg3);padding:4px;opacity:0}tr:hover .table-mini button{opacity:1}.table-btns{display:flex;gap:6px;padding:2px 0 6px}.table-btns button{font-size:12.5px;color:var(--fg3);border-radius:4px;padding:2px 8px}.table-btns button:hover{background:var(--bg3)}.block-columns .columns-row{flex:1;display:flex;gap:18px;min-width:0}.column{flex:1;min-width:0;border-radius:6px;padding:2px}.column:hover{outline:1px dashed var(--line)}.add-col{color:var(--fg3);opacity:0;padding:0 6px;border-radius:4px}.block-columns:hover .add-col{opacity:1}.pageref{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:6px;font-size:15px}.pageref:hover{background:var(--bg3)}.pageref-title{text-decoration:underline;text-decoration-color:var(--fg3);text-underline-offset:3px;font-weight:600}.pageref-missing{color:var(--fg3);font-style:italic}.block-inline-db{flex-direction:column}.block-inline-db>.block-handle{position:absolute;inset-inline-start:-20px;top:6px}.db-loading{color:var(--fg3);padding:20px}.mention{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:0 4px;font-weight:600;white-space:nowrap}.slash-menu{min-width:240px}.comments{border-top:1px solid var(--line);margin-top:18px;padding-top:10px}.comment{display:flex;gap:10px;padding:7px 4px}.comment-body{flex:1;min-width:0}.comment-head{display:flex;align-items:center;gap:8px;font-size:13.5px}.comment-time{color:var(--fg3);font-size:11.5px}.comment-text{font-size:14.5px}.comment-input-row{display:flex;gap:10px;align-items:flex-start;margin-top:6px}.comment-input{flex:1;border:1px solid var(--line);border-radius:8px;padding:7px 12px;min-height:20px;background:var(--bg)}.comment-input:focus{border-color:var(--accent)}.database{max-width:none;margin:0;padding:0 48px 60px}.db-inline{padding:0;max-width:none;width:100%}.db-inline-title{padding:4px 0}.view-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:2px 0;gap:8px;flex-wrap:wrap}.view-tabs{display:flex;gap:2px;overflow-x:auto}.view-tab{padding:5px 10px;border-radius:6px;color:var(--fg2);font-size:13.5px;white-space:nowrap}.view-tab:hover{background:var(--bg3)}.view-tab.active{color:var(--fg);font-weight:700;box-shadow:inset 0 -2.5px 0 var(--fg);border-radius:6px 6px 0 0}.view-actions{display:flex;gap:4px;align-items:center}.table-view{overflow-x:auto}.table-view table{border-collapse:collapse;width:100%;min-width:100%}.table-view th{border-bottom:1px solid var(--line);text-align:start;font-weight:500;color:var(--fg2);font-size:13px}.table-view td{border-bottom:1px solid var(--line);min-width:130px;max-width:340px}.table-view th.col-title,.table-view td.col-title{width:38%;min-width:220px;max-width:none}.col-title{min-width:240px!important}.col-add{min-width:40px!important}.col-head{padding:6px 8px;color:var(--fg2);border-radius:5px;font-size:13px;display:flex;gap:5px;align-items:center}.col-head:hover{background:var(--bg3)}.title-cell{display:flex;align-items:center;gap:6px;padding:4px 6px}.title-input{font-weight:600}.open-btn{opacity:0;color:var(--fg3);border:1px solid var(--line);border-radius:5px;padding:1px 7px;font-size:12px;background:var(--bg)}tr:hover .open-btn{opacity:1}.open-btn:hover{color:var(--accent)}.cell{display:flex;align-items:center;gap:4px;padding:5px 8px;min-height:34px;cursor:pointer;flex-wrap:wrap}.cell-input{border:none;outline:none;background:transparent;width:100%;padding:0}.cell-empty{color:var(--fg3)}.add-row{display:block;width:100%;text-align:start;padding:7px 10px;color:var(--fg3);border-radius:6px;font-size:13.5px}.add-row:hover{background:var(--bg2)}.date-pop{display:flex;gap:6px;padding:8px;align-items:center}.board{display:flex;gap:14px;overflow-x:auto;padding:14px 2px;align-items:flex-start}.board-col{flex:1 1 280px;min-width:280px;background:var(--bg2);border-radius:10px;padding:8px}.board-col.drag-into{outline:2px solid var(--accent)}.board-col-head{display:flex;align-items:center;gap:8px;padding:2px 4px 8px}.board-count{color:var(--fg3);font-size:12.5px}.board-card{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 11px;margin-bottom:7px;cursor:pointer;box-shadow:0 1px 3px #0000000d}.board-card:hover{background:var(--bg3)}.card-title{font-weight:600;font-size:14px;margin-bottom:5px}.card-props{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.calendar{padding:12px 0}.cal-head{display:flex;align-items:center;gap:8px;padding-bottom:8px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.cal-dow{text-align:center;font-size:12px;color:var(--fg2);padding:6px;background:var(--bg2);border-bottom:1px solid var(--line)}.cal-cell{min-height:96px;border:.5px solid var(--line);padding:4px;font-size:12.5px}.cal-today{background:var(--accent-soft)}.cal-daynum{color:var(--fg2);font-size:12px;padding:1px 4px}.cal-item{display:block;width:100%;text-align:start;background:var(--bg2);border:1px solid var(--line);border-radius:5px;padding:2px 6px;margin-top:3px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-item:hover{background:var(--bg3)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;padding:16px 2px}.gal-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--bg)}.gal-card:hover{box-shadow:var(--shadow)}.gal-cover{height:120px;display:grid;place-items:center;overflow:hidden}.gal-cover img{width:100%;height:100%;object-fit:cover}.gal-emoji{font-size:40px}.gal-body{padding:9px 12px}.list-view{padding:8px 0}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:7px;cursor:pointer}.list-row:hover{background:var(--bg2)}.list-title{font-weight:600;font-size:14.5px}.list-props{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.settings-pop{min-width:320px}.view-settings,.prop-manager{padding:6px;display:flex;flex-direction:column;gap:6px}.vs-row{display:flex;gap:5px;align-items:center}.vs-types{display:flex;flex-wrap:wrap;gap:3px}.vs-cfg{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg2)}.vs-hidden{display:flex;flex-direction:column;gap:2px}.vs-hide-row{display:flex;gap:8px;align-items:center;font-size:13.5px;padding:2px 4px}.pm-row summary{cursor:pointer;padding:5px 8px;border-radius:6px;font-size:14px}.pm-row summary:hover{background:var(--bg3)}.pm-edit{display:flex;flex-direction:column;gap:6px;padding:6px 10px}.pm-opts{display:flex;flex-direction:column;gap:4px}.props-panel{display:flex;flex-direction:column;gap:2px;padding:6px 0}.props-row{display:flex;align-items:flex-start;gap:8px}.props-name{width:160px;flex-shrink:0;color:var(--fg2);font-size:13.5px;padding:8px 4px}.props-row .cell{flex:1;border-radius:6px}.props-row .cell:hover{background:var(--bg2)}.prop-url{font-size:13px}.row-modal-bar{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px}.row-modal-scroll{padding:4px 10px}.toasts{position:fixed;bottom:20px;inset-inline-start:50%;transform:translate(50%);z-index:2000;display:flex;flex-direction:column;gap:8px}[dir=ltr] .toasts{transform:translate(-50%)}.toast{background:var(--fg);color:var(--bg);padding:10px 18px;border-radius:8px;box-shadow:var(--shadow);font-size:14px;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.tool-btn{padding:4px 7px;border-radius:5px;color:var(--fg2);font-size:14px}.tool-btn:hover{background:var(--bg3)}.tool-btn.disabled{opacity:.35;cursor:default}.tool-btn.disabled:hover{background:none}.view-search{width:150px}.db-desc{display:block;width:100%;border:none;outline:none;background:transparent;color:var(--fg2);font-size:14px;padding:0 2px 6px}.status-editor{min-width:240px}.status-group{padding-bottom:4px}.status-group-head{font-size:11.5px;font-weight:600;color:var(--fg3);padding:6px 10px 2px}.status-add{color:var(--fg3);font-size:13px}.progress-wrap{display:inline-flex;align-items:center;gap:6px;min-width:90px}.progress-bar{flex:1;min-width:56px;height:5px;border-radius:3px;background:var(--bg3);overflow:hidden}.progress-fill{display:block;height:100%;background:#448361;border-radius:3px}.progress-num{font-size:12px;color:var(--fg2)}.progress-input{width:44px;border:none;background:transparent;outline:none;font-size:12.5px;color:var(--fg2)}.cell-ro{cursor:default;color:var(--fg2);font-size:13.5px}.board-card{-webkit-user-select:none;user-select:none;touch-action:none}.board-card.dragging{opacity:.4}.drag-ghost{position:fixed;z-index:3000;pointer-events:none;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px 12px;box-shadow:var(--shadow);font-size:13.5px;font-weight:600;max-width:240px;overflow:hidden;white-space:nowrap}.card-cover{height:84px;border-radius:6px 6px 0 0;background-size:cover;background-position:center;margin:-9px -11px 8px}.col-add-row{font-weight:500}.gal-ghost{display:grid;place-items:center;color:var(--fg3);font-size:14.5px;min-height:150px;border-style:dashed;background:transparent}.gal-ghost:hover{background:var(--bg2);box-shadow:none}.side-panel-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background:#0f0f0f26}.side-panel{position:absolute;top:0;bottom:0;right:0;width:330px;background:var(--bg);border-inline-start:1px solid var(--line);box-shadow:var(--shadow);padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;animation:panel-in .16s ease-out}@keyframes panel-in{0%{transform:translate(30px);opacity:0}}.panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--line)}.panel-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;font-size:14px;text-align:start;width:100%}.panel-row:hover:not(.disabled){background:var(--bg3)}.panel-row.disabled{opacity:.45;cursor:default}.panel-val{color:var(--fg3);font-size:12.5px}.panel-chev{color:var(--fg3)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;padding:14px 6px}.tpl-card{border:1px solid var(--line);border-radius:12px;padding:14px;text-align:start;display:flex;flex-direction:column;gap:6px;transition:box-shadow .12s}.tpl-card:hover{box-shadow:var(--shadow)}[data-theme=dark] .tpl-card{background:var(--bg2)!important}.tpl-head{font-size:15px}.tpl-desc{font-size:12.5px;color:var(--fg2);min-height:34px}.tpl-preview{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px;overflow:hidden}.mini-table{border-collapse:collapse;width:100%;font-size:10.5px;pointer-events:none}.mini-table th{color:var(--fg3);font-weight:500;border-bottom:1px solid var(--line);padding:2px 4px;text-align:start;white-space:nowrap}.mini-table td{border-bottom:1px solid var(--line);padding:3px 4px;white-space:nowrap;overflow:hidden;max-width:90px}.mini-table .tag{font-size:9px;padding:0 5px}.mini-table .tag-dot{width:5px;height:5px}.mini-title{font-weight:600}.mini-board{display:flex;gap:6px;pointer-events:none}.mini-col{flex:1;background:var(--bg2);border-radius:6px;padding:5px;display:flex;flex-direction:column;gap:4px}.mini-col .tag{font-size:9px;padding:0 5px;align-self:flex-start}.mini-card{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:3px 5px;font-size:9.5px;white-space:nowrap;overflow:hidden}.mini-skel{height:12px}.customize-modal{padding:6px}.modal-sub{color:var(--fg2);font-size:13.5px;margin:-6px 6px 12px}.feature-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 4px 14px}.feature-chip{border:1.5px solid var(--line);border-radius:20px;padding:5px 14px;font-size:13.5px;color:var(--fg2);background:var(--bg2)}.feature-chip.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.customize-preview{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--bg2)}.customize-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 4px 4px}.customize-foot .muted{color:var(--fg3);font-size:13px}.customize-foot .btn-primary{padding:9px 28px;font-size:15px}.newdb-menu{min-width:270px}.newdb-ai{margin:4px;width:calc(100% - 8px);background:var(--bg2)}.embed-card{flex:1;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:12px 14px;text-decoration:none;color:inherit;background:var(--bg2)}.embed-card:hover{background:var(--bg3)}.embed-icon{font-size:22px}.embed-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.embed-domain{color:var(--fg2);font-size:12.5px}.embed-open{color:var(--fg3)}.embed-input{border:none;outline:none;background:transparent;font-size:13px;width:100%;color:var(--fg)}.toc{flex:1;display:flex;flex-direction:column;gap:2px;padding:4px 0}.toc-item{text-align:start;color:var(--fg2);text-decoration:underline;text-decoration-color:var(--fg3);text-underline-offset:3px;padding:2px 4px;border-radius:4px;font-size:14px}.toc-item:hover{background:var(--bg3);color:var(--fg)}.cols-card .column{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--bg)}.cols-card .column:hover{outline:none}.card-toggle{opacity:0;width:18px;color:var(--fg3);font-size:12px;border-radius:4px;align-self:flex-start;margin-top:4px}.block-columns:hover .card-toggle{opacity:1}.card-toggle:hover{background:var(--bg3)}.row-subtitle{color:var(--fg3);font-size:13.5px;padding:0 4px 6px}.comments-strip{border-top:none;margin-top:4px;padding:4px 0 8px;border-bottom:1px solid var(--line)}.edited-hint{color:var(--fg3);font-size:12.5px;padding:0 8px;white-space:nowrap}.table-view .cell .tags{flex-direction:column;align-items:flex-start}.table-view .cell .prop-text,.table-view .cell-input{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-url{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.ctx-foot{border-top:1px solid var(--line);margin-top:4px;padding:7px 10px 3px;color:var(--fg3);font-size:11.5px}.tree-rename{padding:1px 6px;font-size:13.5px;flex:1}.new-row-btns{display:flex;align-items:center}.new-row-btns .new-page{flex:1}.new-row-btns .new-db{width:auto}.overlay-peek{place-items:stretch end;padding:0}.modal-peek{width:min(760px,92vw);max-height:none;height:100%;border-radius:0;border-inline-start:1px solid var(--line);animation:peek-in .18s ease-out}@keyframes peek-in{0%{transform:translate(var(--peek-from, -40px));opacity:.4}}[dir=ltr] .modal-peek{--peek-from: 40px}.toast-ok{background:var(--fg);color:var(--bg)}.review-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0a0a0abf;display:grid;place-items:center;padding:3vh 2vw}.review-modal{background:var(--bg);border-radius:12px;box-shadow:var(--shadow);width:min(1200px,100%);height:92vh;display:flex;flex-direction:column;overflow:hidden}.review-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.review-versions{display:flex;gap:2px}.review-tools{display:flex;align-items:center;gap:3px;flex:1}.tool-active{background:var(--accent-soft);color:var(--accent)}.review-sep{width:1px;height:18px;background:var(--line);margin:0 6px}.color-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent}.color-dot.active{border-color:var(--fg)}.review-body{flex:1;display:flex;min-height:0}.review-stage{flex:1;overflow:auto;background:var(--bg2);display:grid;place-items:center;padding:20px}.review-imgwrap{position:relative;max-width:100%}.review-imgwrap img{display:block;max-width:100%;max-height:78vh;border-radius:6px;-webkit-user-select:none;user-select:none}.review-canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;touch-action:none}.review-pin{position:absolute;transform:translate(-50%,-100%);width:26px;height:26px;border-radius:50% 50% 50% 4px;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;border:2px solid #fff;box-shadow:0 2px 6px #00000059;z-index:5}.review-pin.sel{outline:3px solid var(--accent-soft)}.review-pin.resolved{opacity:.6}.review-side{width:300px;flex-shrink:0;border-inline-start:1px solid var(--line);overflow-y:auto;padding:10px}.pin-thread{border:1px solid var(--line);border-radius:9px;padding:8px;margin-bottom:8px;cursor:pointer}.pin-thread.sel{border-color:var(--accent)}.pin-thread.resolved{opacity:.65}.pin-thread-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pin-badge{width:20px;height:20px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.pin-comment{display:flex;gap:8px;padding:4px 0;font-size:13.5px}.pin-author{font-size:12.5px}.pin-text{color:var(--fg)}.pin-input-row{display:flex;gap:6px;margin-top:6px}.pin-input-row .input{flex:1}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--fg3);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.overdue{color:var(--danger)!important;font-weight:600}.bell-btn{position:relative;font-size:16px;padding:3px 6px;border-radius:6px}.bell-btn:hover{background:var(--bg3)}.bell-badge{position:absolute;top:-3px;inset-inline-end:-5px;background:var(--danger);color:#fff;font-size:9.5px;font-weight:700;border-radius:9px;padding:1px 4.5px;line-height:1.2}.inbox-head{display:flex;align-items:center;justify-content:space-between}.inbox-list{display:flex;flex-direction:column;gap:2px}.inbox-item{display:flex;gap:10px;align-items:flex-start;text-align:start;padding:9px 10px;border-radius:8px;width:100%}.inbox-item:hover{background:var(--bg2)}.inbox-item.unread{background:var(--accent-soft)}.inbox-icon{flex-shrink:0;font-size:17px}.inbox-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.inbox-text{font-size:14px}.inbox-time{color:var(--fg3);font-size:12px}.inbox-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0}.activity-log{margin-top:6px}.activity-log summary{cursor:pointer}.activity-list{display:flex;flex-direction:column;gap:5px;padding:6px 8px}.activity-item{display:flex;gap:8px;align-items:flex-start;font-size:13.5px}.activity-text{color:var(--fg2)}.activity-text b{color:var(--fg)}.member-off{opacity:.55}.member-edit{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.reassign-panel{display:flex;flex-direction:column;gap:8px}.reassign-group{border:1px solid var(--line);border-radius:9px;padding:8px 10px}.reassign-db{padding-bottom:4px;font-size:14px}.reassign-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:4px}.rel-create{color:var(--accent);font-weight:600}.rel-linked{opacity:.6;font-size:12px}.person-disabled{opacity:.6;text-decoration:line-through}.row-actions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 4px;border-top:1px solid var(--line);margin-top:6px}.btn-off{opacity:.45;cursor:not-allowed!important;background:var(--bg3)!important;color:var(--fg3)!important}.btn:disabled{cursor:not-allowed}.pull-form{display:flex;flex-direction:column;gap:8px;padding:4px 6px 12px}.pull-row{display:flex;align-items:center;gap:8px}.pull-row .props-name{width:130px}.rel-picker{max-width:340px}.rel-list{max-height:300px;overflow-y:auto}.rel-item{align-items:flex-start}.rel-item-body{display:flex;flex-direction:column;min-width:0}.rel-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rel-item-sub{color:var(--fg3);font-size:12px}.rel-missing{color:var(--fg3);font-style:italic}:root{--bg2: #F7F7F5;--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 0 0 1px rgba(15,15,15,.05);--shadow-lg: 0 14px 40px rgba(0,0,0,.19), 0 0 0 1px rgba(15,15,15,.06)}[data-theme=dark]{--shadow-md: 0 4px 12px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.06);--shadow-lg: 0 14px 40px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.07)}.btn{height:32px;padding:0 12px;border-radius:6px;font-weight:500;font-size:14px;border:1px solid transparent;background:var(--bg3);transition:background .12s ease,filter .12s ease}.btn-sm{height:28px;padding:0 10px;font-size:13px}.btn-secondary,.btn:not(.btn-primary):not(.btn-ghost):not(.btn-danger):not(.btn-danger-solid){background:var(--bg);border-color:#0f0f0f29;color:var(--fg)}[data-theme=dark] .btn-secondary,[data-theme=dark] .btn:not(.btn-primary):not(.btn-ghost):not(.btn-danger):not(.btn-danger-solid){background:var(--bg2);border-color:#ffffff24}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--fg2)}.btn-danger{background:var(--bg);border-color:#0f0f0f29;color:var(--danger)}.btn-danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn:hover:not(:disabled){filter:brightness(.97)}.btn-ghost:hover:not(:disabled){background:var(--bg2);filter:none}.btn:active:not(:disabled){filter:brightness(.93)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn:disabled{opacity:.4;cursor:not-allowed;filter:none}.popover{box-shadow:var(--shadow-md);border:1px solid rgba(15,15,15,.06);border-radius:8px;padding:4px}.modal{box-shadow:var(--shadow-lg);border-radius:10px}.modal-overlay{background:#0006}.menu-item{min-height:28px;padding:4px 8px;border-radius:4px;font-size:14px;gap:8px}.menu-item:hover,.menu-item.active{background:var(--bg2)}.menu-icon{width:22px;font-size:14px}.menu-divider{border:none;border-top:1px solid var(--line);margin:4px 0}.menu-search{margin:2px 2px 4px;width:calc(100% - 4px)}.layer-in{animation:layer-in .12s ease-out}@keyframes layer-in{0%{opacity:0;transform:translateY(2px) scale(.99)}}.modal-x{position:absolute;top:8px;inset-inline-end:8px;width:36px;height:36px;display:grid;place-items:center;border-radius:6px;color:var(--fg3);font-size:15px;z-index:5}.modal-x:hover{background:var(--bg2);color:var(--fg)}.modal{position:relative}.toasts{inset-inline-start:20px;transform:none;align-items:flex-start}[dir=ltr] .toasts{transform:none}.toast{display:flex;align-items:center;gap:12px;max-width:420px}.toast-info{background:var(--fg);color:var(--bg)}.toast-ok{background:#1f7a43;color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-action{color:inherit;text-decoration:underline;font-weight:700;text-underline-offset:3px;flex-shrink:0}.confirm-box{padding:10px 6px 4px;display:flex;flex-direction:column;gap:10px}.confirm-title{margin:0;font-size:17px}.confirm-body{margin:0;color:var(--fg2);font-size:14px}.confirm-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:6px}.top-x{font-size:13px}.flags-fw .page-body,.flags-fw .page-head{max-width:none}.page-wide .page-body,.page-wide .page-head{max-width:none;padding-inline:48px}.flags-small{font-size:14px}.flags-small .page-title{font-size:32px}.img-wrap{position:relative;display:inline-block;max-width:100%;border-radius:6px}.img-selected{outline:2px solid var(--accent);outline-offset:1px}.media-bar{position:absolute;top:8px;inset-inline-end:8px;display:none;gap:4px;background:#0f0f0fbf;border-radius:6px;padding:3px}.img-wrap:hover .media-bar{display:flex}.media-btn{color:#fff;width:26px;height:26px;display:grid;place-items:center;border-radius:4px;font-size:13px;text-decoration:none}.media-btn:hover{background:#fff3}.embed-wrap{display:block}.slash-panes{display:flex;gap:0}.slash-list{min-width:220px;max-height:320px;overflow-y:auto}.slash-preview{width:190px;border-inline-start:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:8px;font-size:13px}.slash-preview-icon{font-size:24px}.slash-preview-sample{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:8px;white-space:pre-line;font-size:12px;color:var(--fg2)}.slash-preview-desc{color:var(--fg2)}.col-check{width:34px;min-width:34px!important;text-align:center}.col-check input{opacity:0}tr:hover .col-check input,.col-check input:checked,thead .col-check input{opacity:1}.row-selected{background:var(--accent-soft)}.card-dots{font-size:14px}.card-dots-float{position:absolute;top:6px;inset-inline-end:6px;opacity:0;width:24px;height:24px;display:grid;place-items:center;border-radius:4px;background:var(--bg);border:1px solid var(--line);color:var(--fg2);z-index:3;font-size:13px}.board-card,.gal-card{position:relative}.board-card:hover .card-dots-float,.gal-card:hover .card-dots-float{opacity:1}.col-dots{opacity:0}.board-col:hover .col-dots{opacity:1}.bulk-bar{position:fixed;bottom:18px;inset-inline-start:50%;transform:translate(50%);z-index:850;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);padding:8px 14px}[dir=ltr] .bulk-bar{transform:translate(-50%)}.peek-nav{display:inline-flex;align-items:center;gap:2px}.peek-count{font-size:12px;color:var(--fg3)}.db-empty-state{text-align:center;padding:40px 0;color:var(--fg3);display:flex;flex-direction:column;gap:10px;align-items:center}.settings-layout{display:flex;min-height:420px}.settings-nav{width:190px;flex-shrink:0;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:10px;background:var(--bg2);margin:-14px 0 -14px -14px;padding:14px 8px;border-start-start-radius:10px;border-end-start-radius:10px}.settings-content{flex:1;padding:6px 16px;min-width:0}.settings-sec{display:flex;flex-direction:column;gap:12px}.settings-sec h3{margin:0 0 4px;font-size:17px;border-bottom:1px solid var(--line);padding-bottom:8px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.set-row>span:first-child{color:var(--fg2);font-size:14px}.invite-block{border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.invite-row{display:flex;gap:6px}.invite-url{flex:1;font-size:12px}.role-pick{display:flex;gap:8px;margin-top:8px}.role-opt{flex:1;border:1.5px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;display:flex;gap:8px;align-items:center;cursor:pointer}.role-opt.active{border-color:var(--accent);background:var(--accent-soft)}.drawer-btn{display:none}@media (max-width: 767.98px){.drawer-btn{display:grid;place-items:center;position:fixed;top:8px;inset-inline-start:8px;width:44px;height:44px;z-index:880;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:18px;box-shadow:var(--shadow-md)}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:890;width:min(300px,85vw);transform:translate(105%);transition:transform .18s ease}[dir=ltr] .sidebar{transform:translate(-105%)}.drawer-open .sidebar{transform:none;box-shadow:var(--shadow-lg)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:885;background:#00000059}.topbar{padding-inline-start:58px;flex-wrap:wrap}.page-head{padding:28px 16px 0}.page-body{padding:4px 16px 60px}.database{padding:0 24px 60px}.page-wide .page-head{padding:28px 24px 0}.page-wide .page-body{padding:4px 24px 60px}.page-title{font-size:30px}.board{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-inline:12px;scroll-padding-inline:12px}.board-col{scroll-snap-align:start;flex:0 0 min(85vw,340px);min-width:min(85vw,340px);width:min(85vw,340px)}.view-bar{flex-wrap:wrap;row-gap:6px;min-width:0;max-width:100%}.view-tabs{flex:1 1 100%;min-width:0}.view-actions{width:100%;margin-inline-start:0;justify-content:flex-start;flex-wrap:wrap}.view-actions .btn{white-space:nowrap}.view-search{flex:1 1 120px;min-width:0;width:auto}.table-view{overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--bg),var(--bg)) left / 24px 100% no-repeat,linear-gradient(to left,var(--bg),var(--bg)) right / 24px 100% no-repeat,linear-gradient(to right,rgba(0,0,0,.12),transparent) left / 14px 100% no-repeat,linear-gradient(to left,rgba(0,0,0,.12),transparent) right / 14px 100% no-repeat;background-attachment:local,local,scroll,scroll}.table-view .col-title{position:sticky;inset-inline-start:0;background:var(--bg);z-index:2;min-width:180px!important}.table-view td:not(.col-title):not(.col-check){min-width:120px}.modal-peek{width:100vw}.modal,.modal-wide{width:100%;max-height:92vh}.settings-layout{flex-direction:column}.settings-nav{width:auto;margin:-14px -14px 0;flex-direction:row;overflow-x:auto;border-inline-end:none;border-bottom:1px solid var(--line)}.settings-nav>div{display:flex;align-items:center}.review-body{flex-direction:column}.review-side{width:auto;border-inline-start:none;border-top:1px solid var(--line);max-height:30vh}.edited-hint{display:none}}@media (pointer: coarse){.btn,.btn-sm,.tool-btn,.top-btn,.menu-item,.side-btn,.tree-item,.view-tab{min-height:44px}.inbox-item{min-height:52px}.cell{min-height:44px}.block-handle,.card-dots-float,.col-dots{opacity:1}.tree-actions{display:flex}}:root{--fg: #0a0a0a;--fg2: #6b6b6b;--fg3: #a3a3a3;--line: rgba(0, 0, 0, .08);--bg2: #f7f7f5;--bg3: #f0f0ee;--ink: #0a0a0a}[data-theme=dark]{--bg: #0f0f0f;--bg2: #171717;--bg3: #1f1f1f;--fg: #ededea;--fg2: #9a9a96;--fg3: #5c5c58;--line: rgba(255, 255, 255, .09);--ink: #ededea}.btn{border-radius:999px}.btn-ghost,.tool-btn,.top-btn,.menu-item,.view-tab,.side-btn{border-radius:6px}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}[data-theme=dark] .btn-primary{color:#0f0f0f}.btn:hover:not(:disabled):not(.btn-ghost){transform:translateY(-1px);box-shadow:0 3px 10px #0000001f;filter:none}.btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn:focus-visible,.input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tag-quiet{background:var(--bg3);color:var(--fg2)}.tag-gray{background:#e8e7e4;color:#3d3b37}.tag-blue{background:#dde8ef;color:#2c4a66}.tag-green{background:#e0ecdf;color:#24402e}.tag-yellow{background:#f6ecd4;color:#574a26}.tag-red{background:#f8e5e1;color:#63302a}.tag-orange{background:#f4e3d3;color:#5f3d22}.tag-purple{background:#e9e2ee;color:#443358}.tag-pink{background:#f1e3ea;color:#5e3046}.tag-brown{background:#ece2dc;color:#4e392e}.page-title{font-size:35px;font-weight:700}.props-name{font-size:13px}.props-row .cell{font-size:15px}.props-panel{gap:11px}.props-row{align-items:center}.ic{vertical-align:-2px}.ic-muted{color:var(--fg3)}.page-ic{flex-shrink:0}.emoji-ic{line-height:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}.picker-tabs{display:flex;align-items:center;gap:2px;padding:2px 4px;border-bottom:1px solid var(--line)}.row-status-hint{color:var(--fg3);font-size:13px;padding:8px 2px 0}.landing{--ld-bg: #ffffff;--ld-text: #0a0a0a;--ld-muted: #6b6b6b;--ld-button-bg: #0a0a0a;--ld-button-text: #ffffff;--ld-border-soft: rgba(0, 0, 0, .08);--ld-green: #17c964;min-height:100vh;background:var(--ld-bg);color:var(--ld-text);overflow-x:hidden;font-family:IBM Plex Sans Arabic,Inter,-apple-system,Segoe UI,sans-serif;letter-spacing:0}.landing .ld-latin{font-family:Inter,sans-serif;letter-spacing:-.02em}.landing .ld-nav{position:fixed;top:0;inset-inline:0;z-index:100;background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-top:env(safe-area-inset-top,0px)}.landing .ld-nav-inner{max-width:1200px;margin:0 auto;padding:19px 36px;display:flex;align-items:center;justify-content:space-between}.landing .ld-wordmark{font-size:30px;font-weight:700;line-height:1}.landing .ld-pill{background:var(--ld-button-bg);color:var(--ld-button-text);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:500;transition:transform .15s ease,box-shadow .15s ease}.landing .ld-pill:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0000001f}.landing .ld-hero{position:relative;min-height:850px;padding:160px 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.landing .ld-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(42% 50% at 18% 28%,rgba(196,181,253,.5),transparent 70%),radial-gradient(38% 45% at 82% 22%,rgba(147,197,253,.45),transparent 70%),radial-gradient(50% 60% at 50% 88%,rgba(251,207,232,.4),transparent 70%),radial-gradient(30% 40% at 68% 58%,rgba(254,240,199,.5),transparent 70%),var(--ld-bg);background-size:cover;background-position:center}.landing .ld-lines-side{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.landing .ld-line{position:absolute;top:50%;opacity:0;border:2.5px solid #FCFAF8;animation:ld-line-pulse 5s ease-in-out infinite}.landing .ld-line-l{left:0;border-left:none;border-radius:0 80% 80% 0;transform:translateY(-50%)}.landing .ld-line-r{right:0;border-right:none;border-radius:80% 0 0 80%;transform:translateY(-50%)}@keyframes ld-line-pulse{0%{opacity:0;transform:translateY(-50%) scale(1)}15%{opacity:.9}70%{opacity:.4}to{opacity:0;transform:translateY(-50%) scale(.85)}}.landing .ld-lines-top{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.landing .ld-line-t{position:absolute;top:0;left:50%;opacity:0;border:2.5px solid #FCFAF8;border-top:none;border-radius:0 0 80% 80%;transform:translate(-50%);animation:ld-line-pulse-t 5s ease-in-out infinite}@keyframes ld-line-pulse-t{0%{opacity:0;transform:translate(-50%) scale(1)}15%{opacity:.9}70%{opacity:.4}to{opacity:0;transform:translate(-50%) scale(.85)}}.landing .ld-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.landing .ld-ticker{max-width:500px;height:36px;overflow:hidden;margin-bottom:36px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 12%,black 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 12%,black 88%,transparent 100%)}.landing .ld-ticker-track{display:inline-flex;align-items:center;gap:8px;height:36px;white-space:nowrap;animation:ld-marquee 30s linear infinite}.landing .ld-ticker-item{font-size:13px;font-weight:500;color:var(--ld-muted);padding:6px 14px;border-radius:999px;background:#fbfbfb;flex-shrink:0}@keyframes ld-marquee{0%{transform:translate(0)}to{transform:translate(50%)}}.landing .ld-title{font-size:82px;line-height:1.03;font-weight:600;letter-spacing:0;text-align:center;text-wrap:balance;margin:0 0 24px;max-width:900px}.landing .ld-title-line{display:block;white-space:nowrap}.landing .ld-accent{font-style:normal;font-weight:700;position:relative;display:inline-block}.landing .ld-underline{position:absolute;inset-inline:0;bottom:-.05em;width:100%;height:.14em;overflow:visible}.landing .ld-underline path{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;opacity:.9}.landing .ld-sub{max-width:476px;font-size:17px;line-height:1.45;font-weight:400;color:var(--ld-muted);text-align:center;margin:0 0 40px}.landing .ld-cta{display:flex;gap:16px;align-items:center;justify-content:center}.landing .ld-btn-primary{height:56px;padding:18px 30px;border-radius:999px;background:var(--ld-button-bg);color:var(--ld-button-text);font-size:15px;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;transition:transform .15s ease,box-shadow .15s ease}.landing .ld-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0000001f}.landing .ld-btn-book{display:inline-flex;align-items:center;gap:10px;background:#fff;border:4px solid rgb(248,248,248);border-radius:999px;padding:8px;padding-inline-end:24px;transition:transform .15s ease,box-shadow .15s ease}.landing .ld-btn-book:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00000014}.landing .ld-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#0a0a0a;background:#f3f3f1}.landing .ld-book-text{display:flex;flex-direction:column;align-items:flex-start;text-align:start}.landing .ld-book-main{font-size:14px;font-weight:600;color:#0a0a0a}.landing .ld-book-sub{font-size:12px;font-weight:500;color:#989898;display:flex;align-items:center;gap:6px}.landing .ld-green-dot{width:8px;height:8px;border-radius:50%;background:#1dcc5d}.landing .ld-blur{position:absolute;bottom:0;left:0;right:0;height:178px;z-index:3;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.4) 40%,#fff 100%)}.landing .ld-trusted{max-width:1200px;margin:0 auto;padding:36px;display:flex;align-items:center;gap:40px}.landing .ld-trusted-label{max-width:163px;font-size:14px;font-weight:500;color:var(--ld-muted);flex-shrink:0}.landing .ld-logo-marquee{overflow:hidden;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 12%,black 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 12%,black 88%,transparent 100%)}.landing .ld-logo-track{display:inline-flex;align-items:center;gap:48px;white-space:nowrap;animation:ld-marquee 30s linear infinite}.landing .ld-logo{font-size:16px;font-weight:600;color:#0a0a0a;flex-shrink:0}.landing .ld-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;max-width:1200px;margin:0 auto;padding:24px 36px 64px}.landing .ld-card{border:1px solid var(--ld-border-soft);border-radius:16px;padding:18px;background:#fff;transition:transform .15s ease,box-shadow .15s ease}.landing .ld-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000012}.landing .ld-card h3{margin:14px 0 6px;font-size:20px;font-weight:600}.landing .ld-card p{margin:0;color:var(--ld-muted);font-size:15px;line-height:1.75}.landing .ld-shot{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#fbfbfb;display:grid;place-items:center}.landing .ld-shot img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.landing .ld-shot-ph{position:absolute;color:#a3a3a3;font-size:14px}.landing .ld-about{max-width:720px;margin:0 auto;padding:30px 36px 70px}.landing .ld-about h2{font-size:30px;font-weight:600;margin:0 0 16px}.landing .ld-about p{font-size:17px;line-height:1.9;color:#3d3d3d;margin:0 0 14px}.landing .ld-footer{max-width:1200px;margin:0 auto;padding:22px 36px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ld-border-soft);color:var(--ld-muted);font-size:14px}.landing .ld-made{font-weight:600;color:var(--ld-text)}@media (max-width: 1200px){.landing .ld-nav-inner{padding-inline:32px}.landing .ld-hero{padding:140px 32px}.landing .ld-title{font-size:clamp(60px,8vw,72px)}}@media (max-width: 810px){.landing .ld-nav-inner{padding:20px}.landing .ld-hero{min-height:760px;padding:120px 24px 96px}.landing .ld-title{font-size:min(clamp(44px,13vw,52px),calc((100vw - 56px) / 7.8))}.landing .ld-lines-side{display:none}.landing .ld-lines-top{display:block}.landing .ld-hero:before{background:radial-gradient(50% 42% at 28% 18%,rgba(196,181,253,.5),transparent 70%),radial-gradient(45% 38% at 22% 82%,rgba(147,197,253,.45),transparent 70%),radial-gradient(60% 50% at 88% 50%,rgba(251,207,232,.4),transparent 70%),radial-gradient(40% 30% at 58% 68%,rgba(254,240,199,.5),transparent 70%),var(--ld-bg)}.landing .ld-cta{flex-direction:column;width:100%}.landing .ld-cta>*{width:100%;max-width:320px;justify-content:center}.landing .ld-trusted{flex-direction:column;align-items:flex-start;gap:16px}}.auth-card{border-radius:18px;border-color:#00000014;box-shadow:0 18px 50px #00000014}.auth-card .btn-primary{border-radius:999px;height:42px;font-size:16px}.auth-screen{background:#fdfdfc}[data-theme=dark] .auth-screen{background:#0f0f0f}.boot-screen:after{content:"مجال";font-family:IBM Plex Sans Arabic,Noto Naskh Arabic,sans-serif;font-weight:700;font-size:40px}.picker-search{margin:6px 8px 2px;width:calc(100% - 16px);height:30px;font-size:13px}.icon-scroll{max-height:280px;overflow-y:auto;padding-bottom:6px}.icon-cat-label{font-size:11px;color:var(--fg2);font-weight:600;padding:8px 10px 2px}.icon-empty{padding:18px;text-align:center;color:var(--fg2);font-size:13px}.ws-switcher{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:4px 6px;border-radius:6px;text-align:start}.ws-switcher:hover{background:var(--bg3)}.ws-switcher .ws-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-menu{min-width:260px}.ws-menu .menu-item.active{background:var(--bg3)}.ws-role-badge{font-size:11px;color:var(--fg3);border:1px solid var(--line);border-radius:999px;padding:1px 8px}.menu-divider{height:1px;background:var(--line);margin:4px 0}.ws-create{padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px;min-width:260px}.ws-create-row{display:flex;gap:6px;align-items:center}.ws-icon-btn{width:36px;height:34px;display:grid;place-items:center;flex-shrink:0}.ws-create-actions{display:flex;gap:6px;justify-content:flex-end}.empty-ws{max-width:720px;margin:12vh auto 0;padding:0 24px;text-align:center}.empty-ws h2{font-size:26px;margin:0 0 6px}.empty-ws-hint{color:var(--fg2);margin:0 0 26px}.empty-ws-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.empty-ws-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:start;border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--bg);transition:transform .12s ease,box-shadow .12s ease}.empty-ws-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0000000f}.empty-ws-card b{font-size:14px}.empty-ws-card span{font-size:12.5px;color:var(--fg2);line-height:1.5}.cardlist{display:flex;flex-direction:column;gap:8px;padding:10px 0 20px}.cardlist-item{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--bg);cursor:pointer;display:flex;flex-direction:column;gap:6px}.cardlist-item:active{background:var(--bg2)}.cardlist-head{display:flex;align-items:center;gap:8px;min-height:28px}.cardlist-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.cardlist-dots{flex-shrink:0}.cardlist-prop{display:flex;align-items:center;gap:8px;min-height:24px}.cardlist-label{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;color:var(--fg3);font-size:12px;min-width:90px}@media (max-width: 640px){.sidebar{padding-top:env(safe-area-inset-top,0px);padding-inline-start:env(safe-area-inset-left,0px)}.topbar{padding-top:calc(8px + env(safe-area-inset-top,0px))}.main{padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px)}.page-body,.database{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.drawer-btn{top:calc(10px + env(safe-area-inset-top,0px))}}.toasts{bottom:calc(20px + env(safe-area-inset-bottom,0px))}.qc-btn{border:1px solid var(--line);border-radius:6px;background:var(--bg);padding:3px 12px;font-size:12.5px;font-weight:500;color:var(--fg);flex-shrink:0;transition:background .12s ease}.qc-btn:hover{background:var(--bg3)}.qc-btn.qc-done{color:var(--fg3)}.col-qc{width:1%;white-space:nowrap;padding-inline:6px}.list-row{border-bottom:1px solid var(--line)}.slug-add{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;margin-bottom:8px}.slug-preview{font-size:13px;color:var(--fg2);margin:4px 0 12px;direction:ltr;text-align:start}.slug-preview b{color:var(--fg)}.slug-list{display:flex;flex-direction:column;gap:2px}.slug-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px}.slug-row:hover{background:var(--bg2)}.slug-ar{flex:1;min-width:0}.slug-en{font-family:ui-monospace,monospace;font-size:13px;color:var(--fg2)}.slug-arrow{color:var(--fg3)}@media (max-width: 520px){.slug-add{grid-template-columns:1fr}}