:root{--bg:#fff;--bg-sidebar:#f7f7f5;--bg-hover:#37352f0f;--bg-active:#37352f1a;--bg-elev:#fff;--text:#37352f;--text-muted:#787774;--text-faint:#a5a29a;--border:#e9e9e7;--accent:#2383e2;--accent-soft:#2383e224;--ok:#2e7d4f;--bad:#c4392f;--on-bad:#fff;--bad-soft:#c4392f1a;--shadow:0 0 0 1px #0f0f0f0d, 0 3px 6px #0f0f0f1a, 0 9px 24px #0f0f0f33;--scrim:#0f0f0f66;--tag-gray-bg:#e3e2e0;--tag-gray-fg:#32302c;--tag-brown-bg:#eee0da;--tag-brown-fg:#442a1e;--tag-orange-bg:#fadec9;--tag-orange-fg:#49290e;--tag-yellow-bg:#fdecc8;--tag-yellow-fg:#402c1b;--tag-green-bg:#dbeddb;--tag-green-fg:#1c3829;--tag-blue-bg:#d3e5ef;--tag-blue-fg:#183347;--tag-purple-bg:#e8deee;--tag-purple-fg:#412454;--tag-pink-bg:#f5e0e9;--tag-pink-fg:#4c2337;--tag-red-bg:#ffe2dd;--tag-red-fg:#5d1715;--person-1:#e03e3e;--person-2:#d9730d;--person-3:#b8860b;--person-4:#0f7b6c;--person-5:#0b6e99;--person-6:#6940a5;--person-7:#ad1a72;--person-8:#4d6461;--google-red:#ea4335;--google-blue:#4285f4;--google-yellow:#fbbc05;--google-green:#34a853;--radius:4px;--radius-lg:8px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:32px;--sidebar-width:240px;--row-h:28px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--bg:#191919;--bg-sidebar:#202020;--bg-hover:#ffffff0e;--bg-active:#ffffff17;--bg-elev:#252525;--text:#e6e6e4;--text-muted:#9b9a97;--text-faint:#6f6e69;--border:#2f2f2f;--accent-soft:#2383e240;--ok:#5fb37f;--bad:#e0675d;--bad-soft:#e0675d24;--shadow:0 0 0 1px #ffffff14, 0 3px 6px #0006, 0 9px 24px #00000080;--scrim:#0009;--tag-gray-bg:#373737;--tag-gray-fg:#e3e2e0;--tag-brown-bg:#4a3328;--tag-brown-fg:#eee0da;--tag-orange-bg:#5c3b23;--tag-orange-fg:#fadec9;--tag-yellow-bg:#564328;--tag-yellow-fg:#fdecc8;--tag-green-bg:#243d30;--tag-green-fg:#dbeddb;--tag-blue-bg:#143a4e;--tag-blue-fg:#d3e5ef;--tag-purple-bg:#3c2d49;--tag-purple-fg:#e8deee;--tag-pink-bg:#4e2c3c;--tag-pink-fg:#f5e0e9;--tag-red-bg:#522e2a;--tag-red-fg:#ffe2dd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a{color:inherit;text-decoration:none}.muted{color:var(--text-muted)}.small{font-size:12px}.pad{padding:var(--space-2) var(--space-3);margin:0}.error{color:var(--bad)}.untitled{color:var(--text-faint)}.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);height:100vh;position:sticky;top:0;overflow:hidden}.sidebar-inner{height:100%;padding:var(--space-1) var(--space-1) 0;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.sidebar-title{align-items:center;gap:var(--space-2);padding:10px var(--space-2);font-weight:600;display:flex}.ws-mark{border-radius:var(--radius);background:var(--text);width:20px;height:20px;color:var(--bg);place-items:center;font-size:12px;display:inline-grid}.main{min-width:0}.topbar,.scrim{display:none}.side-action{align-items:center;gap:var(--space-2);width:100%;height:var(--row-h);padding:0 var(--space-2);border-radius:var(--radius);color:var(--text-muted);text-align:left;font-weight:500;display:flex}.side-action:hover{background:var(--bg-hover)}.section-head{margin-top:var(--space-3);padding:0 var(--space-2);border-radius:var(--radius);height:24px;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.section-head .icon-btn{opacity:0}.section-head:hover .icon-btn{opacity:1}.section-head.drop-root{background:var(--accent-soft)}.sidebar-foot{border-top:1px solid var(--border);padding:var(--space-1) 0;margin-top:auto}.icon-btn{border-radius:var(--radius);width:22px;height:22px;color:var(--text-muted);place-items:center;display:inline-grid}.icon-btn:hover{background:var(--bg-active);color:var(--text)}.tree{padding-bottom:var(--space-3);flex:1;overflow:hidden auto}.tree-empty{color:var(--text-muted);padding:var(--space-1) var(--space-2);margin:0;font-size:12px;line-height:1.5}.tree-row{height:var(--row-h);padding-right:var(--space-1);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;align-items:center;gap:2px;display:flex;position:relative}.tree-row:hover{background:var(--bg-hover)}.tree-row.active{background:var(--bg-active);color:var(--text);font-weight:500}.tree-row.dragging{opacity:.4}.tree-row.drop-inside{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.tree-row.drop-before:before,.tree-row.drop-after:after{content:"";background:var(--accent);pointer-events:none;border-radius:1px;height:2px;position:absolute;left:8px;right:4px}.tree-row.drop-before:before{top:-1px}.tree-row.drop-after:after{bottom:-1px}.tree-row.drop-refused{cursor:not-allowed}.tree-toggle{border-radius:var(--radius);flex:none;place-items:center;width:22px;height:22px;display:grid;position:relative}.tree-toggle:hover{background:var(--bg-active)}.tree-icon{width:18px;color:var(--text-muted);place-items:center;font-size:15px;line-height:1;display:inline-grid}.tree-chevron{color:var(--text-muted);place-items:center;display:none;position:absolute;inset:0}.tree-row:hover .tree-chevron{display:grid}.tree-row:hover .tree-toggle .tree-icon{visibility:hidden}.tree-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding-left:2px;overflow:hidden}.row-actions{gap:2px;display:none}.tree-row:hover .row-actions,.tree-row:focus-within .row-actions{display:flex}.tree-rename{border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg);min-width:0;height:22px;color:var(--text);font:inherit;flex:1;padding:0 6px}.popover{z-index:50;background:var(--bg-elev);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-1);position:fixed}.menu{flex-direction:column;display:flex}.menu-item{text-align:left;height:var(--row-h);padding:0 var(--space-2);border-radius:var(--radius)}.menu-item:hover{background:var(--bg-hover)}.menu-item.danger:hover{background:var(--bad-soft);color:var(--bad)}.menu-foot{border-top:1px solid var(--border);margin-top:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-1);color:var(--text-muted);font-size:12px;line-height:1.6}.modal-backdrop{z-index:40;background:var(--scrim);padding:12vh var(--space-3) var(--space-3);place-items:start center;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elev);border-radius:var(--radius-lg);width:min(540px,100%);max-height:70vh;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.modal-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-weight:600;display:flex}.modal-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-hover);width:100%;height:32px;color:var(--text);font:inherit;padding:0 10px}.modal>.field{width:auto;margin:var(--space-2) var(--space-3)}.pick-list{padding:0 var(--space-1) var(--space-1);overflow-y:auto}.pick{align-items:center;gap:var(--space-2);width:100%;min-height:32px;padding:4px var(--space-2);border-radius:var(--radius);text-align:left;display:flex}.pick:hover:not(:disabled){background:var(--bg-hover)}.pick-title{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:60%;overflow:hidden}.pick-path{min-width:0;color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.trash-row{align-items:center;gap:var(--space-2);padding-right:var(--space-2);border-radius:var(--radius);display:flex}.trash-row:hover{background:var(--bg-hover)}.trash-open{align-items:center;gap:var(--space-2);min-width:0;padding:6px var(--space-2);text-align:left;flex:1;display:flex}.trash-text{flex-direction:column;min-width:0;display:flex}.trash-text .pick-title{max-width:100%}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);align-items:center;gap:6px;height:32px;padding:0 12px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-hover)}.btn.small{flex:none;height:26px;padding:0 10px;font-size:13px}.page{width:100%;max-width:900px;padding:var(--space-3) 96px var(--space-4);margin:0 auto}.crumbs{min-height:28px;color:var(--text-muted);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;gap:2px;font-size:13px;display:flex}.crumb{align-items:center;gap:2px;min-width:0;display:inline-flex}.crumb a,.crumb.current{border-radius:var(--radius);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:220px;padding:2px 6px;display:inline-flex;overflow:hidden}.crumb a:hover{background:var(--bg-hover)}.crumb.current{color:var(--text)}.crumb-sep{color:var(--text-faint)}.crumb-icon{font-size:14px}.page-head{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.page-icon{border-radius:var(--radius-lg);padding:4px;font-size:64px;line-height:1.1}button.page-icon:hover{background:var(--bg-hover)}.add-icon{color:var(--text-faint);border-radius:var(--radius);opacity:0;padding:4px 6px;font-size:13px;transition:opacity .12s}.page-head:hover .add-icon,.add-icon:focus-visible{opacity:1}.add-icon:hover{background:var(--bg-hover);color:var(--text-muted)}.page-title{resize:none;width:100%;color:var(--text);font:inherit;text-wrap:balance;background:0 0;border:0;margin:0;padding:0;font-size:40px;font-weight:700;line-height:1.2;overflow:hidden}.page-title::placeholder{color:var(--text-faint)}.page-title:focus{outline:none}.page-meta{margin:var(--space-1) 0 0;color:var(--text-faint);font-size:12px}.page-body{margin:var(--space-3) 0 var(--space-4)}.editor{position:relative}.editor-top{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:30px;margin-bottom:var(--space-2);display:flex}.save-state{color:var(--text-faint);font-size:12px}.presence{align-items:center;display:inline-flex}.face{background:var(--bg-active);width:26px;height:26px;box-shadow:0 0 0 2px var(--bg);border:2px solid;border-radius:50%;place-items:center;margin-left:-6px;font-size:11px;font-weight:600;display:grid;overflow:hidden}.face:first-child{margin-left:0}.face img{object-fit:cover;width:100%;height:100%}.save-state.error{color:var(--bad)}.editor .bn-container{--bn-colors-editor-background:transparent;--bn-colors-editor-text:var(--text);--bn-font-family:inherit}.editor .bn-editor{background:0 0;padding-inline:0}.banner.conflict{color:var(--text);background:var(--accent-soft)}.banner-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.subpages h2{color:var(--text-muted);margin:0 0 var(--space-2);font-size:13px;font-weight:600}.subpage{align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-1);border-radius:var(--radius);display:flex}.subpage:hover{background:var(--bg-hover)}.subpage-title{text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subpage-add{width:auto;margin-top:var(--space-1)}.home .btn{margin-top:var(--space-2)}.icon-picker-head{gap:var(--space-2);padding:var(--space-1);display:flex}.emoji-grid{padding:var(--space-1);grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.emoji{border-radius:var(--radius);height:32px;font-size:20px}.emoji:hover{background:var(--bg-hover)}.emoji.on{background:var(--accent-soft)}.banner{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius);background:var(--bad-soft);color:var(--bad);flex-wrap:wrap;display:flex}.main>.banner{border-radius:0;margin:0}.toasts{left:50%;bottom:var(--space-3);z-index:60;gap:var(--space-2);flex-direction:column;width:min(480px,100% - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);background:var(--text);color:var(--bg);box-shadow:var(--shadow);padding:10px 12px;font-size:13px;display:flex}.toast span{flex:1}.toast.bad{background:var(--bad);color:var(--on-bad)}.toast-action{text-underline-offset:2px;font-weight:600;text-decoration:underline}.toast-x{opacity:.7;font-size:18px;line-height:1}.page.wide{max-width:1240px}.home-types{max-width:320px;margin-top:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-1)}.menu-label{padding:var(--space-2) var(--space-2) var(--space-1);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.menu-item{align-items:center;gap:var(--space-2);display:flex}.menu-item.on{background:var(--bg-hover)}.menu .field{margin:var(--space-1) 0}.type-item{height:auto;padding:6px var(--space-2)}.type-glyph{border:1px solid var(--border);border-radius:var(--radius);flex:none;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.type-name{font-weight:500;display:block}.type-hint{color:var(--text-muted);font-size:12px;display:block}.db-glyph{font-size:14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-bad)}.btn.primary:hover{filter:brightness(1.08);background:var(--accent)}.danger-text{color:var(--bad)}.opt-tick{color:var(--text-muted);margin-left:auto}.check-row{cursor:pointer}.seg{padding:0 var(--space-1) var(--space-1);gap:2px;display:flex}.seg-btn{border-radius:var(--radius);border:1px solid var(--border);flex:1;height:28px}.seg-btn.on{background:var(--accent-soft);border-color:var(--accent)}.type-grid{grid-template-columns:1fr 1fr;display:grid}.bn-toolbar{flex-wrap:nowrap;max-width:calc(100vw - 32px);width:max-content!important;overflow:visible!important}.mention{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint);text-underline-offset:3px;cursor:pointer;border-radius:3px;align-items:baseline;gap:3px;padding:0 3px;display:inline-flex}.mention:hover{background:var(--bg-hover)}.mention.gone{color:var(--text-faint);text-decoration-style:dashed}.mention-icon{font-size:.9em;text-decoration:none}.db{margin-top:var(--space-3)}.db-bar{justify-content:space-between;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);padding-bottom:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.db-tabs{flex-wrap:wrap;align-items:center;gap:2px;min-width:0;display:flex}.db-tab{height:28px;padding:0 var(--space-2);border-radius:var(--radius);color:var(--text-muted);white-space:nowrap}.db-tab:hover{background:var(--bg-hover)}.db-tab.on{color:var(--text);box-shadow:inset 0 -2px 0 var(--text);border-radius:var(--radius) var(--radius) 0 0;font-weight:500}.db-tools{align-items:center;gap:var(--space-2);display:flex}.db-search{width:180px;height:28px}.tag{white-space:nowrap;text-overflow:ellipsis;border-radius:3px;align-items:center;max-width:100%;height:20px;padding:0 6px;font-size:12px;line-height:1;display:inline-flex;overflow:hidden}.tag-gray{background:var(--tag-gray-bg);color:var(--tag-gray-fg)}.tag-brown{background:var(--tag-brown-bg);color:var(--tag-brown-fg)}.tag-orange{background:var(--tag-orange-bg);color:var(--tag-orange-fg)}.tag-yellow{background:var(--tag-yellow-bg);color:var(--tag-yellow-fg)}.tag-green{background:var(--tag-green-bg);color:var(--tag-green-fg)}.tag-blue{background:var(--tag-blue-bg);color:var(--tag-blue-fg)}.tag-purple{background:var(--tag-purple-bg);color:var(--tag-purple-fg)}.tag-pink{background:var(--tag-pink-bg);color:var(--tag-pink-fg)}.tag-red{background:var(--tag-red-bg);color:var(--tag-red-fg)}.tags{flex-wrap:wrap;gap:4px;display:inline-flex}.person-chip,.rel-chip{background:var(--bg-active);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;height:20px;padding:0 6px;font-size:12px;display:inline-flex}.rel-chip{text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:2px;border-radius:3px}.rel-chip .tree-icon{width:14px;font-size:12px}.chip-x{opacity:.6;font-size:13px;line-height:1}.check{border:1.5px solid var(--text-muted);width:16px;height:16px;color:var(--on-bad);border-radius:3px;place-items:center;font-size:11px;line-height:1;display:inline-grid}.check.on{background:var(--accent);border-color:var(--accent)}.num{font-variant-numeric:tabular-nums}.cell-link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint);text-underline-offset:2px}.db-table-wrap{overflow-x:auto}.db-table{border-collapse:collapse;min-width:100%;font-size:14px}.db-table th,.db-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:0}.db-table th:first-child,.db-table td:first-child{border-left:0}.db-table th:last-child,.db-table td:last-child{border-right:0}.db-table th{color:var(--text-muted);min-width:140px;font-weight:400}.db-table th.col-title,.db-table td.col-title{min-width:260px}.db-table th.col-add{width:40px;min-width:40px}.th-btn{width:100%;height:32px;padding:0 var(--space-2);text-align:left;align-items:center;gap:6px;display:flex}.th-btn:hover{background:var(--bg-hover)}.th-btn.add{justify-content:center}.th-type{text-align:center;opacity:.75;flex:none;width:16px;font-size:12px}.th-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.th-sort{margin-left:auto}.cell{min-height:32px;padding:6px var(--space-2);cursor:pointer;word-break:break-word;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cell:hover{background:var(--bg-hover)}.cell.ro{cursor:default}.cell.ro:hover{background:0 0}.cell.editing{padding:2px}.cell-input{border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg);width:100%;height:28px;color:var(--text);font:inherit;padding:0 6px}.title-cell{align-items:stretch;display:flex;position:relative}.title-cell .cell{flex:1;font-weight:500}.open-btn{opacity:0;position:absolute;top:4px;right:6px}tr:hover .open-btn,.open-btn:focus-visible{opacity:1}.db-add-row{width:auto;margin-top:2px}.opt-editor{flex-direction:column;display:flex}.opt-chosen{background:var(--bg-hover);border-radius:var(--radius);margin-bottom:var(--space-1);flex-wrap:wrap;align-items:center;gap:4px;padding:6px;display:flex}.opt-input{min-width:80px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1}.opt-row{justify-content:flex-start}.date-editor{gap:var(--space-1);padding:var(--space-1);flex-direction:column;display:flex}.row-actions-inline{gap:var(--space-2);margin-top:var(--space-1);display:flex}.board{gap:var(--space-3);padding-bottom:var(--space-3);align-items:flex-start;display:flex;overflow-x:auto}.board-col{border-radius:var(--radius-lg);flex-direction:column;flex:0 0 260px;gap:6px;padding:4px;display:flex}.board-col.over{background:var(--accent-soft)}.board-head{align-items:center;gap:var(--space-2);padding:4px 2px var(--space-1);display:flex}.board-count{color:var(--text-faint);font-size:12px}.card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-2) 10px;cursor:pointer;flex-direction:column;gap:6px;display:flex}.card:hover{background:var(--bg-hover)}.card.dragging{opacity:.4}.card-title{word-break:break-word;gap:6px;font-weight:500;display:flex}.card-prop{font-size:12px}.card-prop:empty{display:none}.drop-line{background:var(--accent);border-radius:2px;height:3px;margin:1px 0}.db-list{flex-direction:column;display:flex}.list-row{align-items:center;gap:var(--space-2);min-height:36px;padding:4px var(--space-1);border-bottom:1px solid var(--border);cursor:pointer;display:flex}.list-row:hover{background:var(--bg-hover)}.list-title{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:50%;font-weight:500;overflow:hidden}.list-props{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;margin-left:auto;font-size:12px;display:flex}.peek-backdrop{z-index:35;background:var(--scrim);justify-content:flex-end;display:flex;position:fixed;inset:0}.peek{background:var(--bg);width:min(820px,100%);height:100%;box-shadow:var(--shadow);flex-direction:column;display:flex}.peek-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);display:flex}.peek-bar .danger-text{margin-left:auto}.peek-body{padding:var(--space-4) 56px;flex:1;overflow-y:auto}.row-props{margin:var(--space-3) 0;padding-bottom:var(--space-3);border-bottom:1px solid var(--border);flex-direction:column;gap:2px;display:flex}.row-prop{grid-template-columns:180px minmax(0,1fr);align-items:start;display:grid}.row-prop-name{min-height:32px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex;overflow:hidden}.row-prop .cell{border-radius:var(--radius);min-height:32px}@media (width<=720px){.peek-body{padding:var(--space-3)}.row-prop{grid-template-columns:120px minmax(0,1fr)}.db-search{width:120px}.board-col{flex-basis:230px}}.signin{min-height:100vh;padding:var(--space-3);background:var(--bg-sidebar);place-items:center;display:grid}.signin-card{align-items:center;gap:var(--space-2);text-align:center;width:min(400px,100%);padding:var(--space-4) var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.signin-card h1{margin:var(--space-2) 0 0;text-wrap:balance;font-size:22px}.signin-card p{margin:0;line-height:1.5}.signin-card .btn{margin-top:var(--space-3);gap:10px;height:40px;padding:0 18px}.signin-error{color:var(--bad);background:var(--bad-soft);padding:var(--space-2) var(--space-3);border-radius:var(--radius)}.ws-mark.big{border-radius:var(--radius-lg);width:44px;height:44px;font-size:24px}.me{align-items:center;gap:var(--space-2);padding:var(--space-2);display:flex}.me-pic{background:var(--bg-active);object-fit:cover;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:grid}.me-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.me-name,.me-mail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.me-name{font-weight:500}.me-mail{color:var(--text-faint);font-size:11px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=720px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:30;width:min(300px,85vw);transition:transform .16s;position:fixed;top:0;left:0;transform:translate(-100%)}.drawer-open .sidebar{transform:none}.drawer-open .scrim{z-index:20;background:var(--scrim);display:block;position:fixed;inset:0}.topbar{align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-2);border-bottom:1px solid var(--border);font-weight:600;display:flex}.page{padding:var(--space-3) var(--space-3) var(--space-4)}.page-title{font-size:30px}.row-actions{display:flex}.tree-row{height:34px}}