:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#eef0f7;--text:#171a2b;--muted:#646a82;--border:#dde0ec;--accent:#4f46e5;--accent-text:#fff;--danger:#dc2626;--success:#059669;--shadow:0 1px 2px #1018280f, 0 4px 16px #1018280f;--radius:14px;--board:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1020;--surface:#181a2e;--surface-2:#22253d;--text:#e8eaf6;--muted:#9aa0bd;--border:#2d3150;--accent:#818cf8;--accent-text:#0f1020;--danger:#f87171;--success:#34d399;--shadow:0 1px 2px #0000004d, 0 6px 20px #00000040}}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100dvh;color:var(--text);margin:0}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;min-width:0;padding:.6rem .75rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical}button{cursor:pointer;background:0 0;border:0;border-radius:10px}button:disabled{opacity:.5;cursor:default}.primary,.secondary,.danger,.danger-outline{white-space:nowrap;padding:.6rem 1rem;font-weight:600}.primary{background:var(--accent);color:var(--accent-text)}.secondary{background:var(--surface-2)}.secondary.active{outline:2px solid var(--accent)}.danger{background:var(--danger);color:#fff}.danger-outline{border:1px solid var(--danger);color:var(--danger)}.small{font-size:.85rem}button.small{padding:.35rem .7rem}.icon{width:2.25rem;height:2.25rem;color:var(--muted);place-items:center;font-size:1.05rem;display:inline-grid}.icon:hover{background:var(--surface-2);color:var(--text)}.link{color:var(--accent);padding:0;text-decoration:underline}.muted{color:var(--muted)}.error{color:var(--danger);margin:.25rem 0}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stack{flex-direction:column;gap:.75rem;display:flex}.center{text-align:center;align-items:center}.grow{flex:1;min-width:0}.field{flex-direction:column;gap:.35rem;display:flex}.field>span{color:var(--muted);font-size:.85rem}.check{align-items:center;gap:.5rem;display:flex}.check input{width:auto}code.big{letter-spacing:.08em;background:var(--surface-2);border-radius:6px;padding:.1rem .4rem;font-size:1.15rem;font-weight:700}kbd{border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 .3rem;font-size:.8em}.splash{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--accent) 25%, transparent), transparent 60%);min-height:100dvh}.welcome{place-items:center;min-height:100dvh;padding:1rem;display:grid}.welcome-card{background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;border-radius:20px;flex-direction:column;align-items:stretch;gap:1rem;padding:2rem 1.5rem;display:flex}.welcome-card.wide{width:min(560px,100%)}.welcome-card img{align-self:center}.welcome-card h1{margin:0;font-size:1.6rem}.welcome-card details form{flex-wrap:nowrap;margin-top:.5rem}.tabs{background:var(--surface-2);border-radius:12px;padding:4px;display:flex}.tabs button{color:var(--muted);flex:1;padding:.5rem;font-weight:600}.tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.pair-box{flex-direction:column;align-items:center;gap:.75rem;display:flex}.qr{background:#fff;border-radius:12px;padding:6px}.steps{text-align:left;flex-direction:column;gap:.5rem;margin:0;padding-left:1.25rem;display:flex}.recovery{word-spacing:.3rem;background:var(--surface-2);text-align:center;-webkit-user-select:all;user-select:all;border-radius:10px;padding:.75rem;font-size:1.05rem;line-height:1.8;display:block}.shared-text{text-align:left;white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border-radius:10px;max-height:50vh;padding:.75rem;overflow:auto}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:10;padding:calc(.5rem + env(safe-area-inset-top)) 1rem .5rem;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);app-region:drag;align-items:center;gap:.6rem;display:flex;position:sticky;top:0}.topbar>*{app-region:no-drag}.brand{align-items:center;gap:.5rem;padding:.25rem;font-size:1.1rem;font-weight:800;display:flex}.conn{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.conn.online{background:var(--success)}.conn.connecting{background:#f59e0b;animation:1s infinite alternate pulse}@keyframes pulse{to{opacity:.3}}#search{flex:1;max-width:420px;margin-left:auto}.main-nav{gap:.25rem;display:flex}.main-nav button{color:var(--muted);align-items:center;gap:.35rem;padding:.5rem .7rem;font-weight:600;display:flex;position:relative}.main-nav button.active{color:var(--text);background:var(--surface-2)}.pip{background:var(--danger);color:#fff;border-radius:99px;padding:0 .35rem;font-size:.7rem;font-style:normal;position:absolute;top:2px;right:2px}.layout{flex:1;grid-template-columns:240px minmax(0,1fr);gap:1rem;width:100%;max-width:1200px;margin:0 auto;padding:1rem;display:grid}.layout>main{min-width:0}.board-list{flex-direction:column;gap:.25rem;display:flex;position:sticky;top:4.5rem}.board-tab{text-align:left;color:var(--muted);border-left:3px solid #0000;border-radius:0 10px 10px 0;align-items:center;gap:.6rem;padding:.55rem .7rem;font-weight:600;display:flex}.board-tab:hover{background:var(--surface-2)}.board-tab.active{color:var(--text);background:var(--surface);border-left-color:var(--board);box-shadow:var(--shadow)}.board-tab .board-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.board-tab .count{background:var(--surface-2);border-radius:99px;padding:0 .45rem;font-size:.75rem}.board-tab.add{color:var(--accent)}.board-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.board-header h2{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:1.3rem;overflow:hidden}.composer{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border-top:3px solid var(--board);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.composer textarea{background:0 0;border:0;min-height:3rem;padding:.25rem}.composer textarea:focus-visible{outline:none}.composer-actions{align-items:center;gap:.4rem;display:flex}.composer-opts{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem .75rem;padding-top:.5rem;font-size:.85rem;display:grid}.composer-opts label:not(.check){color:var(--muted);flex-direction:column;gap:.2rem;display:flex}.items{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.item{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:.6rem .85rem .85rem;animation:.18s ease-out appear;position:relative}@keyframes appear{0%{opacity:0;transform:translateY(-4px)}}.item.pending{opacity:.8}.item.pinned{outline:1px solid color-mix(in srgb, var(--board) 50%, transparent)}.item>header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.item .meta{color:var(--muted);flex:1;min-width:0;font-size:.78rem}.item-actions{display:flex}.item-menu{z-index:5;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;min-width:180px;padding:.3rem;display:flex;position:absolute;top:2.6rem;right:.5rem}.item-menu button,.item-menu select{text-align:left;border:0;padding:.5rem .7rem}.item-menu button:hover{background:var(--surface-2)}.item-menu .danger{color:var(--danger);background:0 0}.text{white-space:pre-wrap;word-break:break-word;margin:0}.code{background:var(--surface-2);border-radius:8px;margin:0;padding:.6rem;font-size:.85rem;overflow-x:auto}.clamp{cursor:pointer;max-height:14rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.url{word-break:break-all;color:var(--accent)}.otp{align-items:center;gap:1rem;display:flex}.otp code{letter-spacing:.2em;font-size:1.8rem;font-weight:700}.color{align-items:center;gap:.5rem;display:flex}.swatch{border:1px solid var(--border);border-radius:6px;width:1.6rem;height:1.6rem;display:inline-block}.reveal{background:repeating-linear-gradient(45deg, var(--surface-2), var(--surface-2) 8px, var(--surface) 8px, var(--surface) 16px);width:100%;color:var(--muted);border-radius:10px;padding:1rem;font-weight:600}.file{align-items:flex-start;gap:.85rem;display:flex}.thumb{object-fit:cover;cursor:zoom-in;background:var(--surface-2);border-radius:8px;width:120px;max-height:160px}.file-icon{background:var(--surface-2);border-radius:10px;flex:none;place-items:center;width:3.5rem;height:3.5rem;font-size:2.2rem;display:grid}.file-info{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.file-info b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-info .muted{font-size:.8rem}.progress{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.progress>div{background:var(--board);height:100%;transition:width .2s}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.dropzone{z-index:50;border:3px dashed var(--accent);background:color-mix(in srgb, var(--bg) 80%, transparent);pointer-events:none;border-radius:20px;place-items:center;font-size:1.3rem;font-weight:700;display:grid;position:fixed;inset:.75rem}.callout{text-align:left;background:color-mix(in srgb, var(--accent) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:var(--radius);width:100%;margin-bottom:.75rem;padding:.75rem 1rem;display:block}.callout p{margin:0 0 .5rem}.page h2{margin-top:0}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:1rem;display:flex}.card h3{margin:0;font-size:1rem}.card p{margin:0}.device-list{flex-direction:column;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.device{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex}.device.revoked{opacity:.6}.device-icon{font-size:1.5rem}.dot{background:var(--border);border-radius:50%;flex:none;width:8px;height:8px}.dot.online{background:var(--success)}.badge{background:var(--accent);color:var(--accent-text);vertical-align:middle;border-radius:99px;padding:.05rem .45rem;font-size:.7rem}.scanner video{aspect-ratio:1;object-fit:cover;background:#000;border-radius:12px;width:100%}.picker{flex-wrap:wrap;gap:.35rem;display:flex}.picker button{background:var(--surface-2);width:2.4rem;height:2.4rem;font-size:1.2rem}.picker button.active{outline:2px solid var(--accent)}.modal{background:var(--surface);color:var(--text);border:0;border-radius:18px;width:min(460px,100% - 2rem);max-height:calc(100dvh - 2rem);padding:0;box-shadow:0 20px 60px #00000059}.modal.wide{width:min(900px,100% - 2rem)}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a198c}.modal>header{align-items:center;padding:.75rem .75rem 0 1.25rem;display:flex}.modal h2{flex:1;margin:0;font-size:1.1rem}.modal-body{padding:1rem 1.25rem 1.25rem}.preview{border-radius:8px;width:100%;max-height:75vh}.preview.pdf{border:0;height:75vh}.toasts{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:100;flex-direction:column;align-items:center;gap:.4rem;width:max-content;max-width:calc(100% - 2rem);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:1rem;padding:.6rem 1rem;animation:.15s appear;display:flex}.toast.error{background:var(--danger);color:#fff}.toast .link{color:inherit;font-weight:700}@media (width<=760px){.topbar{flex-wrap:wrap;padding-inline:.75rem}#search{flex-basis:100%;order:3;max-width:none}.main-nav{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.main-nav button{flex-direction:column;gap:0;padding:.3rem 1rem;font-size:1.15rem}.main-nav button span{font-size:.7rem}.layout{padding:.75rem .75rem calc(5rem + env(safe-area-inset-bottom));grid-template-columns:1fr;gap:.5rem}.board-list{scrollbar-width:none;flex-direction:row;margin:0 -.75rem;padding:.25rem .75rem;position:static;overflow-x:auto}.board-tab{border-bottom:3px solid #0000;border-left:0;border-radius:10px 10px 0 0;flex:none;padding:.45rem .7rem}.board-tab.active{border-bottom-color:var(--board)}.board-tab .board-name{max-width:9rem}.board-tab.add .board-name{display:none}.composer-actions .secondary{padding-inline:.7rem}.thumb{width:96px}.toasts{bottom:calc(5rem + env(safe-area-inset-bottom))}}.transfers{right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.6rem;width:min(380px,100% - 2rem);max-height:50vh;padding:.6rem .75rem;display:flex;position:fixed;overflow:auto;box-shadow:0 12px 40px #00000040}.transfers>header{justify-content:space-between;align-items:center;display:flex}.transfer{border-top:1px solid var(--border);flex-direction:column;gap:.35rem;padding-top:.5rem;display:flex}.transfer b{word-break:break-all}.transfer.failed .muted{color:var(--danger)}@media (width<=760px){.transfers{right:.75rem;bottom:calc(4.5rem + env(safe-area-inset-bottom))}}.blocking{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a1999;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.spinner{border:4px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;align-self:center;width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}fieldset.plain{border:0;min-width:0;margin:0;padding:0}.shared-mark{font-size:.8rem}