:root{--ink:#161b24;--ink-2:#1d2330;--slate:#262e3d;--slate-2:#2f3849;--line:#333d50;--text:#e8e4da;--muted:#9aa3b2;--faint:#6c7586;--amber:#f0b429;--amber-ink:#1f1600;--amber-soft:#f0b42924;--danger:#e5604f;--ok:#4fb286;--focus:#7fb2ff;--shadow-lift:0 14px 28px #00000061, 0 3px 8px #0000004d;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--font-ar:"SF Arabic", "Geeza Pro", "Segoe UI", "Noto Sans Arabic", "Noto Naskh Arabic", Tahoma, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r-col:12px;--r-card:7px;--r-ctl:7px;--col-w:284px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--ink:#e9ecf0;--ink-2:#dde2e8;--slate:#fbfbf9;--slate-2:#f1f3f5;--line:#c9d0da;--text:#1b212b;--muted:#556070;--faint:#7c8696;--amber:#c98a00;--amber-ink:#fffaf0;--amber-soft:#f0b42938;--focus:#2563eb;--shadow-lift:0 14px 28px #161b242e, 0 3px 8px #161b241f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ink);color:var(--text);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}:lang(ar),[dir=rtl]{font-family:var(--font-ar)}h1,h2,h3{text-wrap:balance;margin:0;font-weight:650;line-height:1.2}h1{letter-spacing:-.015em;font-size:1.75rem}h2{font-size:1.1rem}h3{color:var(--muted);font-size:.95rem;font-weight:600}p{margin:0}code{font-family:var(--mono);overflow-wrap:anywhere;font-size:.85em}.lede{color:var(--muted);max-width:62ch}.hint{color:var(--muted);max-width:62ch;font-size:.87rem}.muted{color:var(--faint)}.error{color:var(--danger);font-size:.9rem}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--slate);border-radius:var(--r-ctl);padding:.45rem .85rem;line-height:1.3}button:hover:not(:disabled){background:var(--slate-2)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--text);color:var(--ink);border-color:#0000;font-weight:600}button.primary:hover:not(:disabled){background:color-mix(in srgb, var(--text) 86%, var(--ink))}button.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:0 0}button.link{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:.3rem 0;text-decoration:underline}button.link:hover:not(:disabled){color:var(--text);background:0 0}input,select,textarea{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-ctl);min-width:0;padding:.5rem .65rem}textarea{resize:vertical}input[aria-invalid=true]{border-color:var(--danger)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.stack{flex-direction:column;gap:.75rem;max-width:34rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.field{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.field select,.field input{color:var(--text)}.notice{border-inline-start:3px solid var(--muted);background:var(--ink-2);border-radius:0 var(--r-ctl) var(--r-ctl) 0;max-width:72ch;padding:.45rem .75rem;font-size:.9rem}[dir=rtl] .notice{border-radius:var(--r-ctl) 0 0 var(--r-ctl)}.notice.warn{border-inline-start-color:var(--amber)}.onboarding{flex-direction:column;min-height:100%;padding:1.25rem clamp(1rem,5vw,4rem) 3rem;display:flex}.onboarding.loading{color:var(--muted);justify-content:center;align-items:center}.onboarding-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.onboarding-body{flex-direction:column;gap:1rem;width:100%;max-width:38rem;margin:auto;padding-top:3rem;display:flex}.onboarding-body h1{letter-spacing:-.03em;font-size:clamp(2rem,5.5vw,3.1rem);font-weight:750;line-height:1.05}.onboarding-body .lede{font-size:1.08rem}.onboarding-body .stack{margin-top:.75rem}.wordmark{letter-spacing:-.02em;background:0 0;border:0;align-items:baseline;gap:.45rem;padding:0;font-size:1.15rem;font-weight:750;display:inline-flex}button.wordmark:hover:not(:disabled){background:0 0}.wordmark-ar{font-family:var(--font-ar);color:var(--amber);font-weight:700}.backup{background:var(--ink-2);border:1px dashed var(--line);border-radius:var(--r-ctl);-webkit-user-select:all;user-select:all;padding:.8rem 1rem;display:block}.app{grid-template-columns:15.5rem minmax(0,1fr);height:100%;display:grid}.sidebar{background:var(--ink);border-inline-end:1px solid var(--line);flex-direction:column;gap:.6rem;min-height:0;padding:1rem .75rem;display:flex;overflow-y:auto}.side-head{padding:0 .4rem .4rem}.ws-switch select{width:100%;font-weight:600}.side-title{color:var(--faint);padding:.6rem .5rem .25rem;font-size:.8rem;font-weight:600}.side-boards ul{margin:0;padding:0;list-style:none}.side-board,.side-link,.side-add{text-align:start;border-radius:var(--r-ctl);width:100%;color:var(--muted);background:0 0;border:0;align-items:center;gap:.5rem;padding:.4rem .55rem;display:flex}.side-board:hover:not(:disabled),.side-link:hover:not(:disabled),.side-add:hover:not(:disabled){background:var(--ink-2);color:var(--text)}.side-board.active,.side-link.active{background:var(--slate);color:var(--text);font-weight:600}.side-board-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.side-main,.side-cat{border-radius:var(--r-ctl)}.side-cat{margin-top:.3rem}.side-cat ul{padding-inline-start:.55rem}.side-cat-head{align-items:center;gap:.15rem;display:flex}.side-cat-toggle{border-radius:var(--r-ctl);min-width:0;color:var(--faint);text-align:start;background:0 0;border:0;flex:1;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.8rem;font-weight:600;display:flex}.side-cat-toggle:hover:not(:disabled){background:var(--ink-2);color:var(--text)}.side-chevron{flex:none;transition:transform .12s;transform:rotate(90deg)}.side-cat-toggle[aria-expanded=false] .side-chevron{transform:none}[dir=rtl] .side-cat-toggle[aria-expanded=false] .side-chevron{transform:scaleX(-1)}.side-cat-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.side-count{font-variant-numeric:tabular-nums;font-weight:500}details.menu.side-cat-menu>summary{width:1.6rem;height:1.6rem;color:var(--faint)}.side-drop-hint{border:1px dashed var(--line);border-radius:var(--r-ctl);color:var(--faint);margin:.15rem .5rem .3rem;padding:.35rem .55rem;font-size:.8rem}.side-main.drop-over,.side-cat.drop-over{background:var(--amber-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--amber) 55%, transparent)}.side-dragging{opacity:.35}.side-board.can-drag{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.side-board-overlay{width:13rem;color:var(--text);background:var(--slate);border:1px solid var(--amber);box-shadow:var(--shadow-lift);cursor:grabbing}.side-board-overlay.category{color:var(--muted);font-size:.8rem;font-weight:600}.side-cat-toggle{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.side-actions{margin-top:.4rem}:root[dir=ltr] :is(.side-board-name,.side-cat-name,.board-tile-name,.home-category h2,.board-name){text-align:left}:root[dir=rtl] :is(.side-board-name,.side-cat-name,.board-tile-name,.home-category h2,.board-name){text-align:right}.side-pending{color:var(--faint);font-size:.72rem}.side-empty{color:var(--faint);padding:0 .55rem .4rem;font-size:.88rem}.side-new input{width:100%}.side-foot{border-top:1px solid var(--line);flex-direction:column;gap:.15rem;margin-top:auto;padding-top:.75rem;display:flex}.side-meta{justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .4rem 0;display:flex}.lang-picker{background:0 0;padding:.25rem .4rem;font-size:.85rem}.side-meta{position:relative}details.menu.peer-status{min-width:0;position:static}details.menu.peer-status>summary{white-space:nowrap;width:auto;height:auto;color:var(--faint);align-items:center;gap:.45rem;padding:.25rem .45rem;font-size:.8rem;display:inline-flex}.net-dots{gap:3px;display:inline-flex}.net-dot{background:var(--faint);border-radius:50%;flex:none;width:7px;height:7px}.net-dot.ok{background:var(--ok)}.net-dot.wait{background:var(--amber)}.net-dot.off{background:var(--danger)}.net-warn{color:var(--amber);flex:none}.menu-pop.up{inset-block:auto calc(100% + 4px);inset-inline:0 auto}.menu-pop.net-pop{min-width:0;color:var(--muted);gap:.55rem;padding:.8rem .9rem;font-size:.86rem;inset-inline:0}.net-pop h3{color:var(--text);margin:0;font-size:.95rem}.net-pop p{margin:0}.net-blocked{border-inline-start:3px solid var(--amber);color:var(--text);padding-inline-start:.6rem}.net-relays{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.net-relays li{align-items:center;gap:.5rem;display:flex}.net-caption{margin-bottom:-.2rem}.net-name{color:var(--text);min-width:5.2rem}.main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.drawer-toggle,.scrim{display:none}.home,.members,.contacts,.join,.security,.no-access{flex-direction:column;gap:1.1rem;width:100%;max-width:64rem;margin-inline:auto;padding:2rem clamp(1rem,4vw,3rem) 4rem;display:flex}.home-head{flex-direction:column;gap:.4rem;display:flex}.home-category{flex-direction:column;margin-top:.6rem;display:flex}.home-category h2{color:var(--muted);font-size:1.05rem}.board-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.9rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.board-tile{text-align:start;border-radius:var(--r-col);background:var(--ink-2);border:1px solid var(--line);flex-direction:column;align-items:stretch;gap:.7rem;width:100%;min-height:8.5rem;padding:1rem;display:flex}.board-tile:hover:not(:disabled){background:var(--slate)}.board-tile-name{font-size:1.05rem;font-weight:650}.board-tile-bars{gap:4px;height:22px;margin-top:auto;display:flex}.board-tile-bars span{background:var(--slate-2);border-radius:3px;min-width:6px}.board-tile-meta{color:var(--faint);font-size:.82rem}.board-tile.new{background:0 0;border-style:dashed;gap:.6rem}.board-tile.new label{font-weight:650}.board{flex-direction:column;flex:1;min-height:0;display:flex}.board-head{justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem clamp(1rem,2.5vw,1.75rem) .6rem;display:flex}.board-name{text-overflow:ellipsis;white-space:nowrap;font-size:1.6rem;overflow:hidden}.board-name-input{font-size:1.4rem;font-weight:650}.board-actions{flex:none;align-items:center;gap:.5rem;display:flex}.members-btn{white-space:nowrap;color:var(--muted);background:0 0;border:0;align-items:center;gap:.55rem;font-size:.88rem;display:inline-flex}.avatars{display:inline-flex}.avatars .identicon+.identicon{margin-inline-start:-6px}.identicon{box-shadow:0 0 0 2px var(--ink);border-radius:6px;flex:none;display:block}.board>.notice{margin:0 clamp(1rem,2.5vw,1.75rem) .5rem}.board-scroll{overscroll-behavior-x:contain;flex:1;align-items:flex-start;gap:.85rem;min-height:0;padding:.5rem clamp(1rem,2.5vw,1.75rem) 6rem;display:flex;overflow-x:auto}.board-scroll.rtl{flex-direction:row-reverse}.column{width:var(--col-w);background:var(--ink-2);border-radius:var(--r-col);flex-direction:column;flex:none;max-height:100%;padding:.55rem .5rem .5rem;display:flex}.column.placeholder{opacity:.35}.column.overlay{box-shadow:var(--shadow-lift);outline:2px solid var(--amber);cursor:grabbing;height:6rem}.column.unsorted{border:1px dashed var(--line);background:0 0}.column-head{align-items:center;gap:.5rem;padding:.15rem .35rem .5rem;display:flex}.column-head form{flex:1}.column-head input{width:100%;padding:.25rem .4rem;font-weight:650}.column-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;touch-action:manipulation;flex:1;font-size:.98rem;font-weight:650;overflow:hidden}.col-handle{cursor:grab;border-radius:4px}.column-count{font-variant-numeric:tabular-nums;color:var(--faint);font-size:.85rem}.column-count.over{color:var(--amber);font-weight:650}.wip{color:var(--faint)}.cards{border-radius:var(--r-card);flex-direction:column;gap:.45rem;min-height:2.5rem;margin:0;padding:.1rem;list-style:none;display:flex;overflow-y:auto}.cards.drop-over{background:var(--amber-soft)}.cards-empty{color:var(--faint);text-align:center;border:1px dashed var(--line);border-radius:var(--r-card);padding:.75rem 0;font-size:.85rem}.card{border-radius:var(--r-card);position:relative}.card-body{text-align:start;background:var(--slate);border-radius:var(--r-card);cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid #0000;flex-direction:column;align-items:stretch;gap:.4rem;width:100%;padding:.6rem .7rem;display:flex}.card-body:hover:not(:disabled){background:var(--slate-2)}.card.selected .card-body{border-color:var(--amber);background:color-mix(in srgb, var(--amber) 9%, var(--slate))}.card.placeholder .card-body{opacity:.3}.card.overlay{cursor:grabbing;width:calc(var(--col-w) - 1.1rem)}.card.overlay .card-body{border-color:var(--amber);box-shadow:var(--shadow-lift);transform:rotate(-2.5deg)}[dir=rtl] .card.overlay .card-body{transform:rotate(2.5deg)}.card.overlay.stack .card-body{box-shadow:5px 5px 0 -1px var(--slate-2), 5px 5px 0 0 var(--line), 10px 10px 0 -1px var(--slate-2), 10px 10px 0 0 var(--line), var(--shadow-lift)}.drag-count{background:var(--amber);min-width:1.6rem;height:1.6rem;color:var(--amber-ink);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 .4rem;font-size:.85rem;font-weight:750;display:grid;position:absolute;inset-block-start:-.55rem;inset-inline-end:-.55rem}.card-title{overflow-wrap:anywhere;font-size:.93rem;font-weight:500}.card-labels{flex-wrap:wrap;gap:.25rem;display:flex}.card-meta{color:var(--muted);align-items:center;gap:.6rem;font-size:.78rem;display:flex}.card-meta .assignees{margin-inline-start:auto;display:inline-flex}.card-meta .assignees .identicon+.identicon{margin-inline-start:-5px}.card-meta .viewers{color:var(--amber);align-items:center;gap:.3rem;display:inline-flex}.viewers .identicon{box-shadow:0 0 0 1.5px var(--amber)}.viewers .identicon+.identicon{margin-inline-start:-.45rem}.due{font-variant-numeric:tabular-nums}.due.overdue{color:var(--danger);font-weight:600}.has-desc{border-top:2px solid;border-bottom:2px solid;width:12px;height:9px;position:relative}.has-desc:after{content:"";border-top:2px solid;position:absolute;inset:1.5px 3px 1.5px 0}.comments:before{content:"";vertical-align:-.5px;border:1.6px solid;border-radius:3px;width:10px;height:8px;margin-inline-end:4px;display:inline-block}.card-check{opacity:0;transition:opacity .12s;position:absolute;inset-block-start:.35rem;inset-inline-end:.35rem}.card:hover .card-check,.card.selected .card-check,.card-check:focus-within{opacity:1}.board:has(.selection-bar) .card-check{opacity:1}@media (hover:none){.card-check{opacity:.85}}.card-check input{accent-color:var(--amber);width:1rem;height:1rem;margin:0}.label-chip{--c:var(--muted);color:var(--text);background:color-mix(in srgb, var(--c) 26%, transparent);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:100%;padding:0 .45rem;font-size:.72rem;font-weight:600;line-height:1.5;display:inline-block;overflow:hidden}.c-gray{--c:#8b94a3}.c-red{--c:#e5604f}.c-orange{--c:#ea8a3a}.c-yellow{--c:#e3c13b}.c-green{--c:#4fb286}.c-teal{--c:#3fb5b0}.c-blue{--c:#5b8def}.c-purple{--c:#9a76e0}.c-pink{--c:#df6fa8}.add-card{color:var(--muted);text-align:start;background:0 0;border:0;margin-top:.4rem;padding:.45rem}.add-card:hover:not(:disabled){background:var(--slate);color:var(--text)}.composer{flex-direction:column;gap:.4rem;margin-top:.45rem;display:flex}.composer textarea{resize:none}.column.add-column{border:1px dashed var(--line);background:0 0;padding:.5rem}.column.add-column input{background:0 0;border-color:#0000;width:100%}.selection-bar{background:var(--slate);border:1px solid var(--amber);box-shadow:var(--shadow-lift);z-index:20;border-radius:12px;align-items:center;gap:.6rem;max-width:calc(100vw - 2rem);padding:.55rem .6rem .55rem 1rem;display:flex;position:fixed;inset-block-end:1.25rem;inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .selection-bar{padding:.55rem 1rem .55rem .6rem;transform:translate(50%)}.selection-count{white-space:nowrap;font-weight:650}details.menu{position:relative}details.menu>summary{cursor:pointer;border-radius:var(--r-ctl);width:1.9rem;height:1.9rem;color:var(--muted);place-items:center;list-style:none;display:grid}details.menu>summary::-webkit-details-marker{display:none}details.menu>summary:hover,details.menu[open]>summary{background:var(--slate);color:var(--text)}.menu-pop{z-index:30;background:var(--slate);border:1px solid var(--line);min-width:13rem;box-shadow:var(--shadow-lift);border-radius:10px;flex-direction:column;padding:.3rem;display:flex;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-end:0}.menu-pop button{text-align:start;background:0 0;border:0;padding:.45rem .6rem}.menu-pop button:hover:not(:disabled){background:var(--slate-2)}.modal-scrim{z-index:40;background:#080a0e99;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--ink-2);border:1px solid var(--line);width:min(34rem,100%);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-lift);border-radius:14px;padding:1.4rem;position:relative;overflow:auto}.modal.wide{width:min(56rem,100%)}.modal:focus{outline:none}.modal-close{color:var(--muted);background:0 0;border:0;padding:.45rem;position:absolute;inset-block-start:.8rem;inset-inline-end:.8rem}.detail{grid-template-columns:minmax(0,1fr) 15rem;gap:1.75rem;display:grid}.detail-main,.detail-side{flex-direction:column;gap:.6rem;display:flex}.detail-main{container-type:inline-size}.detail-main h3,.detail-side h3{margin-top:.6rem}.detail-title{resize:none;field-sizing:content;background:0 0;border:1px solid #0000;width:calc(100% - 2rem);margin-inline:-.3rem;padding:.2rem .3rem;font-size:1.35rem;font-weight:650;line-height:1.25}textarea.detail-title:hover{border-color:var(--line)}.detail-where{color:var(--muted);font-size:.88rem}.detail-viewers{color:var(--amber);flex-wrap:wrap;align-items:center;gap:.35rem .75rem;font-size:.85rem;display:flex}.detail-viewers .viewer{color:var(--text);align-items:center;gap:.35rem;display:inline-flex}.detail-desc{field-sizing:content;min-height:7rem}.detail-desc-text{white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch}.comments-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.comments-list li{align-items:flex-start;gap:.6rem;display:flex}.comment-head{font-size:.85rem}.comment-head time{color:var(--faint)}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere}.comment-form{flex-direction:column;align-items:flex-start;gap:.45rem;display:flex}.comment-form textarea{width:100%}.mention-wrap{width:100%;position:relative}.mention-list{z-index:30;background:var(--slate);border:1px solid var(--line);min-width:14rem;max-width:100%;box-shadow:var(--shadow-lift);border-radius:10px;margin:0;padding:.3rem;list-style:none;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:0}.mention-list li{cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.9rem;display:flex}.mention-list li.on{background:var(--slate-2)}.mention-list bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-key{color:var(--faint);margin-inline-start:auto;font-size:.78rem}.mention{color:var(--focus);font-weight:600}.mention.me{background:color-mix(in srgb, var(--focus) 18%, transparent);border-radius:4px;padding:0 .15rem}.writing-note{min-height:1.3em;color:var(--muted);margin:.4rem 0 0;font-size:.82rem;font-style:italic}.label-picker{flex-wrap:wrap;gap:.35rem;display:flex}.label-picker .label-chip{opacity:.55;padding:.15rem .55rem;font-size:.8rem}.label-picker .label-chip.on{opacity:1;outline:2px solid var(--c);outline-offset:1px}.notify-settings fieldset{border:0;min-width:0;margin:0;padding:0}.notify-settings legend{margin-bottom:.3rem;padding:0;font-weight:600}.notify-settings fieldset:disabled .check-row{opacity:.55}.notify-settings .notice{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.notify-settings .notice p{margin:0}.check-row{align-items:center;gap:.55rem;padding:.25rem 0;display:flex}.check-row input{accent-color:var(--amber);flex:none;width:1rem;height:1rem;margin:0}.label-defs{margin:0;padding:0;list-style:none}.label-def,.new-label{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.label-def{border-bottom:1px solid var(--line);padding:.5rem 0}.label-def input,.new-label input{border-inline-start:4px solid var(--c);flex:9rem;min-width:0}.swatches{flex-wrap:wrap;gap:.3rem;display:flex}.swatch{background:var(--c);border:2px solid #0000;border-radius:50%;width:1.3rem;height:1.3rem;padding:0}.swatch:hover:not(:disabled){background:var(--c)}.swatch.on{border-color:var(--text)}.assignee-picker{margin:0;padding:0;list-style:none}.assignee-picker label{align-items:center;gap:.5rem;padding:.2rem 0;font-size:.9rem;display:flex}.detail-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.detail-by{color:var(--faint);margin-top:.4rem;font-size:.8rem}.archive-list{margin:0;padding:0;list-style:none}.archive-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.35rem 0;display:flex}.entries{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.entry{grid-template-columns:minmax(5rem,9rem) minmax(0,1fr) 1.9rem 1.9rem;align-items:center;gap:.2rem .5rem;display:grid}.entry-key{color:var(--muted);overflow-wrap:anywhere;grid-area:1/1;font-size:.85rem}.entry-value{grid-area:1/2;align-items:center;min-width:0;display:flex}.entry-value.view{grid-column:2/-1}.entry-value>input:not([type=checkbox]),.entry-value>select{flex:1;min-width:0}.entry-value input[type=checkbox]{width:1.05rem;height:1.05rem;margin:0}.entry-aside{grid-area:1/3;place-items:center;display:grid}.entry-remove{color:var(--faint);background:0 0;border:0;grid-area:1/4;padding:.45rem}.entry-remove:hover:not(:disabled){color:var(--danger);background:0 0}.entry-error{grid-area:2/2/auto/-1;margin:0;font-size:.82rem}.entry-choice{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.dot{background:var(--c);border-radius:50%;width:.7rem;height:.7rem}.entry-text,.entry-link{overflow-wrap:anywhere}.entry-link{color:var(--focus)}.entry-open{border-radius:var(--r-ctl);width:1.9rem;height:1.9rem;color:var(--muted);place-items:center;display:grid}.entry-open:hover{background:var(--slate);color:var(--text)}details.menu.add-entry{align-self:flex-start}details.menu.add-entry>summary{align-items:center;gap:.4rem;width:auto;height:auto;padding:.3rem .6rem;font-size:.9rem;display:inline-flex}.add-entry .menu-pop{max-width:22rem;box-shadow:none;margin-top:.3rem;position:static}.add-entry .menu-pop button{justify-content:space-between;gap:1rem;display:flex}.menu-note{color:var(--faint);font-size:.82rem}.field-defs{margin:0;padding:0;list-style:none}.field-def{border-bottom:1px solid var(--line);flex-direction:column;gap:.5rem;padding:.6rem 0;display:flex}.field-def-head{grid-template-columns:minmax(0,1fr) 6.5rem auto;align-items:center;gap:.6rem;display:grid}.field-settings{container-type:inline-size}@container (width<=26rem){.field-def-head{grid-template-columns:minmax(0,1fr) auto}.field-def-head input{grid-column:1/-1}}.field-type{color:var(--muted);white-space:nowrap;font-size:.82rem}.field-options{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.option-chip{align-items:center;gap:.35rem;padding-block:.1rem;padding-inline:.4rem .15rem;font-size:.8rem;display:inline-flex}.option-color{background:var(--c);border:0;border-radius:50%;flex:none;width:.75rem;height:.75rem;padding:0}.option-color:hover:not(:disabled){background:var(--c);box-shadow:0 0 0 2px var(--text)}.option-remove{color:var(--muted);background:0 0;border:0;place-items:center;padding:.25rem;display:grid}.option-remove:hover:not(:disabled){color:var(--danger);background:0 0}.new-option{gap:.35rem;display:flex}.new-option input{width:9rem}.new-field{flex-wrap:wrap;gap:.5rem;display:flex}.new-field input{flex:10rem;min-width:0}@container (width<=30rem){.entry{grid-template-columns:minmax(0,1fr) 1.9rem 1.9rem}.entry-key{grid-area:1/1/auto/-1}.entry-value{grid-area:2/1}.entry-value.view{grid-column:1/-1}.entry-aside{grid-area:2/2}.entry-remove{grid-area:2/3}.entry-error{grid-area:3/1/auto/-1}}.members-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.panel{background:var(--ink-2);border-radius:var(--r-col);flex-direction:column;gap:.7rem;padding:1.1rem 1.2rem;display:flex}.panel h3{margin-top:.4rem}.add-member,.add-contact{flex-wrap:wrap;gap:.5rem;display:flex}.add-member input,.add-contact input{flex:16rem}.candidates{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.candidates button{align-items:center;gap:.4rem;padding:.3rem .6rem .3rem .35rem;display:inline-flex}.invite{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.invite code{background:var(--ink);border-radius:var(--r-ctl);flex:18rem;padding:.45rem .6rem}.member-list{margin:0;padding:0;list-style:none}.member-list li{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.member-list li:last-child{border-bottom:0}.member-who{flex-direction:column;flex:1;min-width:0;display:flex}.member-name{font-weight:600}.member-who code,.member-devices{color:var(--faint);font-size:.8rem}.you{color:var(--faint);margin-inline-start:.4rem;font-size:.78rem;font-weight:500}.role{color:var(--muted);font-size:.85rem}.role-owner{color:var(--text);font-weight:600}.key-card{background:var(--ink-2);border-radius:var(--r-col);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem .9rem;max-width:40rem;padding:1rem;display:grid}.panel .key-card{background:var(--ink)}.key-card .qr{border-radius:6px;grid-column:1/-1}.qr-block{flex-direction:column;gap:.5rem;display:flex}.qr-scanner-overlay{z-index:50;background:#080a0ecc;place-items:center;display:grid;position:fixed;inset:0}.qr-scanner{background:var(--ink-2);border-radius:14px;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.qr-scanner video{border-radius:8px;width:min(80vw,22rem)}.security ul{flex-direction:column;gap:.3rem;max-width:68ch;margin:0;padding-inline-start:1.2rem;display:flex}.app-version{color:var(--faint);font-size:.82rem}.toasts{z-index:60;flex-direction:column;gap:.5rem;display:flex;position:fixed;inset-block-start:1rem;inset-inline-end:1rem}.toast{background:var(--slate);border:1px solid var(--line);box-shadow:var(--shadow-lift);border-radius:10px;max-width:22rem;padding:.6rem .9rem;font-size:.9rem}.toast.error{border-color:var(--danger)}.update-banner{background:var(--amber-soft);grid-column:1/-1;justify-content:space-between;gap:1rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.update-banner a{color:var(--text)}.update-toast{background:var(--slate);border:1px solid var(--line);box-shadow:var(--shadow-lift);z-index:60;border-radius:10px;align-items:center;gap:.75rem;max-width:calc(100vw - 2rem);padding-block:.5rem;padding-inline:.9rem .5rem;font-size:.9rem;display:flex;position:fixed;inset-block-end:1rem;inset-inline-end:1rem}.device-requests{z-index:60;gap:.5rem;max-width:34rem;margin-inline:auto;display:grid;position:fixed;inset-block-start:1rem;inset-inline:1rem}.device-request{background:var(--slate);border:1px solid var(--amber);box-shadow:var(--shadow-lift);border-radius:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem 1rem;padding:.75rem .9rem;font-size:.9rem;display:flex}.device-request p{flex:16rem;margin:0}.device-request code{white-space:nowrap;font-weight:600}.update-toast-close{color:var(--muted);background:0 0;border:0;padding:.4rem}@media (width<=1023px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:35;width:min(18rem,86vw);transition:transform .18s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-102%)}[dir=rtl] .sidebar{transform:translate(102%)}.drawer-open .sidebar{transform:none}.drawer-open .scrim{z-index:34;background:#080a0e80;display:block;position:fixed;inset:0}.drawer-toggle{z-index:30;border-radius:10px;place-items:center;width:2.4rem;height:2.4rem;padding:0;display:grid;position:fixed;inset-block-start:.7rem;inset-inline-start:.7rem}.home,.members,.contacts,.join,.security,.no-access{padding-top:3.6rem}.board-head{padding-top:.7rem;min-height:3.7rem;padding-inline-start:3.8rem}}@media (width<=760px){:root{--col-w:min(84vw, 300px)}.board-name{font-size:1.3rem}.members-btn>span:last-child{display:none}.board-scroll{scroll-snap-type:x mandatory;scroll-padding-inline:1rem}.column{scroll-snap-align:start}.detail{grid-template-columns:minmax(0,1fr)}.selection-bar{flex-wrap:wrap;inset-block-end:.75rem;inset-inline:.75rem;transform:none}[dir=rtl] .selection-bar{transform:none}}.attachments{flex-direction:column;gap:.6rem;display:flex}.card-meta .attached{align-items:center;gap:.2rem;display:inline-flex}.attach-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.attach-row{border:1px solid var(--line);border-radius:var(--r-card);background:var(--slate);grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.45rem;display:grid}.attach-thumb{background:var(--ink-2);width:3.5rem;height:3.5rem;color:var(--muted);border-radius:5px;place-items:center;padding:0;display:grid;overflow:hidden}.attach-thumb img{object-fit:cover;width:100%;height:100%}.attach-ext{letter-spacing:.04em;font-size:.72rem;font-weight:650}.attach-info{flex-direction:column;min-width:0;display:flex}button.attach-name{text-align:start;color:var(--text);text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;padding:0;text-decoration:none;overflow:hidden}button.attach-name:hover:not(:disabled){text-decoration:underline}.attach-meta,.attach-status{color:var(--muted);font-size:.8rem}.attach-status{color:var(--amber)}.attach-actions{gap:.4rem;display:flex}.attach-actions button{padding:.3rem .6rem;font-size:.85rem}.attach-row.pending{border-style:dashed}.attach-add{flex-wrap:wrap;align-items:center;gap:.4rem .75rem;display:flex}.attach-add .hint{margin:0}@container (width<=30rem){.attach-row{grid-template-columns:3rem minmax(0,1fr)}.attach-thumb{width:3rem;height:3rem}.attach-actions{grid-column:2}}.detail.dropping{position:relative}.detail.dropping:after{content:attr(data-drop-label);border:2px dashed var(--amber);background:color-mix(in srgb, var(--ink-2) 85%, transparent);color:var(--amber);pointer-events:none;z-index:2;border-radius:10px;place-items:center;font-weight:600;display:grid;position:absolute;inset:-.6rem}.spinner{border:2px solid var(--line);border-top-color:var(--amber);border-radius:50%;width:1.1rem;height:1.1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lightbox{z-index:60;background:#080a0ee0;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.lightbox figure{flex-direction:column;align-items:center;gap:.6rem;max-width:100%;max-height:100%;margin:0;display:flex}.lightbox img,.lightbox video{object-fit:contain;border-radius:6px;max-width:min(100%,96vw);max-height:calc(100dvh - 6rem)}.lightbox figcaption{color:#e8e4da;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;display:flex}.lightbox-name{text-overflow:ellipsis;white-space:nowrap;max-width:60vw;overflow:hidden}.file-settings fieldset{border:0;min-width:0;margin:0;padding:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}.card.overlay .card-body,[dir=rtl] .card.overlay .card-body{transform:none}}
