:root{--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");--bg:#f4f5f7;--surface:#fff;--border:#dfe2e6;--text:#1f2328;--muted:#6b7280;--accent:#3b5bdb;--accent-soft:#e7ecff;--danger:#d6336c;--radius:10px;--shadow:0 4px 16px #0f172a1a, 0 1px 3px #0f172a14;--hover:#f1f3f5;--subtle:#f8f9fb;--text-2:#495057;--danger-soft:#fff0f6;--tip:#212529;--canvas:#f8f9fb;--canvas-dot:#cfd4dc;color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%239aa2ad' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");--bg:#111317;--surface:#1d2025;--border:#343941;--text:#e6e8eb;--muted:#9aa2ad;--accent:#6482fb;--accent-soft:#2a335c;--danger:#f783ac;--shadow:0 4px 16px #00000073, 0 1px 3px #0006;--hover:#2a2e35;--subtle:#181a1f;--text-2:#c5cad1;--danger-soft:#3a1f2b;--tip:#3b4049;--canvas:#17191d;--canvas-dot:#30353d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden}h1{margin:0 0 6px;font-size:22px}h2{margin:0;font-size:17px}h3{margin:20px 0 8px;font-size:14px}p{color:var(--muted);margin:0 0 12px;line-height:1.5}small{color:var(--muted);display:block}hr{background:var(--border);border:0;align-self:stretch;min-width:1px;min-height:1px;margin:2px}button,select,input,textarea{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}@media (hover:hover){button:hover:not(:disabled){background:var(--hover)}}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}@media (hover:hover){button.primary:hover:not(:disabled){background:#364fc7}}button.danger{color:var(--danger)}button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.icon-button{background:0 0;border:0;padding:6px}input,select,textarea{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:7px 10px}select{appearance:none;background-image:var(--select-arrow);background-position:right 10px center;background-repeat:no-repeat;background-size:12px 12px;padding-right:30px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}textarea{resize:vertical;width:100%}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field>span{color:var(--muted);font-size:12px;font-weight:600}.row{align-items:center;gap:8px;display:flex}.row .field{margin-bottom:12px}.grow{flex:1;min-width:0}.hint{color:var(--muted);font-size:13px}.hint.import-error{color:var(--danger)}.import-notes{color:var(--muted);margin:-6px 0 14px 18px;font-size:13px}.empty{color:var(--muted);padding:12px 0}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.count{color:var(--muted);margin-left:auto;font-size:12px}.avatar{color:#fff;border:2px solid var(--surface);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-offline{filter:grayscale(.8);opacity:.6}.splash{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.card{background:var(--surface);border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow);text-align:left;border-radius:14px;padding:28px}.card .primary{width:100%;margin-top:4px}.toast,.banner{color:#fff;box-shadow:var(--shadow);z-index:100;border-radius:8px;padding:10px 16px;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--tip);bottom:24px}.banner{background:#e8590c;top:12px}.signin-brand{justify-content:center;padding:0 0 14px}.signin h1{margin-top:0}.signin button{width:100%}.signin-provider{min-height:40px;margin-bottom:8px;font-weight:600}.signin-or{color:var(--muted);align-items:center;gap:12px;margin:10px 0 14px;font-size:12px;display:flex}.signin-or:before,.signin-or:after{content:"";border-top:1px solid var(--border);flex:1}.signin-error{background:var(--danger-soft);color:var(--text);border-radius:8px;margin:0 0 14px;padding:10px 12px}.signin .hint{margin-bottom:0}.claim{z-index:90;width:min(360px,100vw - 32px);padding:14px 16px;position:fixed;bottom:16px;right:16px}.invite-offers{top:16px;bottom:auto}.invite-offer+.invite-offer{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.claim p{margin:0 0 12px}.claim .row{gap:8px}.admin{flex-direction:column;max-width:1280px;height:100%;margin:0 auto;padding:16px 24px 0;display:flex}.admin-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.admin-head .brand{padding:0}.admin-body{flex:1;min-height:0;padding-bottom:32px;overflow-y:auto}.admin-tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:14px;display:grid}.admin-tile{text-align:left;white-space:normal;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.admin-tile:disabled{opacity:1;cursor:default}.admin-tile small,.admin-tile span{color:var(--muted);font-size:12px}.admin-tile strong{font-size:22px}.admin-table{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow-x:auto}.admin-table table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:8px 12px}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table th{background:var(--surface);color:var(--muted);white-space:nowrap;font-weight:600;position:sticky;top:0}.admin-table .num{text-align:right;white-space:nowrap}.admin-table td small{color:var(--muted);display:block}.admin-table tr.opens{cursor:pointer}@media (hover:hover){.admin-table tr.opens:hover td{background:var(--hover)}}.admin-table td button{padding:4px 10px}.th-sort{color:inherit;font:inherit;border:0;padding:0;font-weight:600;background:0 0!important}th[aria-sort] .th-sort{color:var(--accent)}.admin-pager{margin:8px 2px 16px}.badge.warn{background:var(--danger-soft);color:var(--danger)}.dialog .admin-table{margin-bottom:12px}.row.bottom{align-items:flex-end}.row.bottom>button{margin-bottom:12px}.settings-tabs{border-bottom:1px solid var(--border);gap:2px;margin:-6px 0 16px;display:flex;overflow-x:auto}.settings-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:8px 12px;font-weight:600}.settings-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.toolbar-row{flex-wrap:wrap;margin-bottom:8px}.toolbar-row input[type=search]{min-width:160px}.bulk{background:var(--accent-soft);border-radius:10px;flex-wrap:wrap;margin-bottom:8px;padding:8px 10px;font-size:13px}.list li.picked{background:var(--accent-soft);border-radius:8px;margin:0 -8px;padding-left:8px;padding-right:8px}.list li input[type=checkbox]{flex:none}.chips{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.chip{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:1px 7px;font-size:11px}.group-icon{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.group-open{border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:12px 14px}.swatches{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.swatch{width:24px;height:24px;box-shadow:0 0 0 1px var(--border);border-radius:50%;padding:0;border:2px solid var(--surface)!important}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.swatches input[type=color]{background:0 0;border:0;width:30px;height:28px;padding:0}.facts{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 16px;font-size:13px;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.check{align-items:center;gap:8px;font-size:13px;display:flex}.badge.ok{color:#2b8a3e;background:#d3f9d8}.sso-domain{flex-wrap:wrap}.sso-record{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;display:block}.sso-record code{font-size:12px}.home{grid-template-columns:260px 1fr;height:100%;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:8px;padding:16px 12px;display:flex;overflow-y:auto}.org-picker{align-items:center;gap:8px;margin-bottom:8px;display:flex}.org-picker select{flex:1;font-weight:600}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);justify-content:space-between;align-items:center;padding:8px 8px 4px;font-size:12px;font-weight:600;display:flex}.nav-item{text-align:left;text-overflow:ellipsis;border:0;justify-content:flex-start;width:100%;overflow:hidden}.nav-dot{width:18px;color:var(--muted);text-align:center}.profile{border-top:1px solid var(--border);align-items:center;gap:10px;padding:10px 8px 0;display:flex}.content{padding:28px 32px;overflow-y:auto}.content-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.board-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.board-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:box-shadow .15s,transform .15s;overflow:hidden}.board-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.board-thumb{background-color:var(--subtle);background-image:radial-gradient(var(--canvas-dot) 1px, transparent 1px);border-bottom:1px solid var(--border);background-size:14px 14px;height:110px}.board-actions{gap:4px;min-height:36px;padding:4px 8px 8px;display:flex}.board-actions button{border-color:#0000;padding:3px 8px;font-size:12px}.dialog-backdrop{z-index:50;background:#0f172a59;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);width:min(440px,100%);max-height:90vh;box-shadow:var(--shadow);text-align:left;border-radius:14px;padding:20px 22px;overflow-y:auto}.dialog-wide{width:min(640px,100%)}.dialog-xl{width:min(820px,100%);min-height:min(560px,90vh)}.dialog>header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dialog footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.list{margin:0 0 12px;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.list li:last-child{border-bottom:0}.board-page{height:100%;position:relative;overflow:hidden}.board-canvas{background-color:var(--canvas);background-image:radial-gradient(var(--canvas-dot) 1px, transparent 1px);touch-action:none;position:absolute;inset:0;overflow:hidden}.board-canvas canvas{display:block;position:absolute;inset:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:10;align-items:center;gap:4px;padding:6px;display:flex;position:absolute}.panel button{border-color:#0000}.panel button.primary{border-color:var(--accent)}.topbar{top:12px;left:12px}.topbar-right{gap:8px;left:auto;right:12px}.board-title{text-overflow:ellipsis;max-width:320px;font-size:15px;font-weight:600;overflow:hidden}.board-title:disabled{opacity:1}.presence{align-items:center;padding-left:6px;display:flex}.presence .avatar{margin-left:-6px}.toolbar{flex-direction:column;top:50%;left:12px;transform:translateY(-50%)}.toolbar-buttons>button{width:38px;height:38px;padding:0}.flyout{flex-direction:column;align-items:stretch;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.flyout button{justify-content:flex-start}.flyout .swatches{grid-template-columns:repeat(3,24px);display:grid}.props{flex-direction:column;align-items:stretch;width:max-content;max-width:calc(100vw - 32px);top:68px;left:50%;transform:translate(-50%)}.props-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.props-row+.props-row{border-top:1px solid var(--border);padding-top:4px}.font-size{align-items:center;display:inline-flex}.font-size input{text-align:center;width:44px;padding:5px 4px}.text-color,.text-highlight{min-width:16px;font-weight:700;line-height:1.1;display:inline-block}.text-color{border-bottom:3px solid}.text-highlight{border-radius:3px;padding:0 3px;box-shadow:inset 0 0 0 1px #00000026}.menu-fields{flex-direction:column;gap:6px;min-width:190px;display:flex}.menu-fields label{justify-content:space-between;align-items:center;gap:10px;display:flex}.props button{padding:6px 8px}.swatches{gap:4px;padding:2px;display:flex}.swatch{border-radius:50%;width:22px;height:22px;padding:0;border:1px solid #0000002e!important}.swatch.active{outline:2px solid var(--accent);outline-offset:1px}.swatch-none{background:linear-gradient(to top right,#fff 45%,#e03131 46% 54%,#fff 55%)}.zoombar{bottom:12px;right:12px}.minimap{padding:4px;bottom:64px;right:12px}.minimap canvas{background:var(--canvas);cursor:pointer;touch-action:none;border-radius:6px;display:block}.zoombar button{min-width:34px}.status-pill{background:var(--tip);color:#fff;z-index:10;border-radius:999px;padding:8px 14px;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.thread,.thread-list{flex-direction:column;align-items:stretch;gap:8px;width:320px;max-height:calc(100% - 140px);padding:12px;top:68px;right:12px}.thread-list{right:12px}.thread header,.thread-list header{align-items:center;gap:6px;display:flex}.thread form{flex-direction:column;gap:8px;display:flex}.messages{margin:0;padding:0;list-style:none;overflow-y:auto}.messages li{border-radius:8px;gap:8px;padding:8px 4px;display:flex}.messages li.clickable{cursor:pointer}@media (hover:hover){.messages li.clickable:hover{background:var(--hover)}}.messages li.resolved{opacity:.55}.messages small{display:inline}.messages p{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0}.wb-editor{z-index:5;transform-origin:50%;text-align:center;justify-content:center;align-items:center;line-height:1.3;display:flex;position:absolute}.wb-editor>div{white-space:pre-wrap;overflow-wrap:anywhere;outline:none;width:100%;min-height:1em}.wb-editor-text{text-align:left;outline:1px dashed var(--accent);align-items:flex-start}.wb-editor-frame{text-align:left;color:var(--text-2);background:var(--surface);outline:1px solid var(--accent);align-items:center;font-weight:600}.color-anchor{position:relative}.swatches-wrap{flex-wrap:wrap}.swatch-custom{background:conic-gradient(#ff6b6b,#ffd43b,#69db7c,#4dabf7,#b197fc,#ff6b6b);position:relative}.swatch-custom>span{border:1px solid #0003;border-radius:50%;position:absolute;inset:4px}.color-popover{z-index:30;cursor:default;flex-direction:column;align-items:stretch;gap:8px;width:232px;padding:10px;top:calc(100% + 10px);left:0}.flyout .color-popover{top:0;left:calc(100% + 14px)}.color-square{cursor:crosshair;touch-action:none;border-radius:6px;height:140px;position:relative}.color-knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #00000059}.color-slider{appearance:none;border:1px solid #0000001f;border-radius:6px;width:100%;height:12px;padding:0}.color-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #00000073;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 2px #0000004d}.color-slider::-moz-range-thumb{background:#fff;border:1px solid #00000073;border-radius:50%;width:14px;height:14px}.color-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-alpha{background:linear-gradient(to right, transparent, var(--solid)), repeating-conic-gradient(#d0d5dd 0% 25%, #fff 0% 50%) 0 0 / 10px 10px}.color-row{align-items:center;gap:6px;display:flex}.color-chip{background:repeating-conic-gradient(#d0d5dd 0% 25%,#fff 0% 50%) 0 0/10px 10px;border:1px solid #0000002e;border-radius:6px;flex:none;width:26px;height:26px;overflow:hidden}.color-chip>span{width:100%;height:100%;display:block}.color-hex{text-transform:uppercase;flex:1;padding:4px 8px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.color-row button{padding:5px}.color-group small{margin-bottom:2px}.menu{display:flex;position:relative}.menu-panel{z-index:30;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.menu-grid{grid-template-columns:repeat(4,auto);gap:2px;display:grid}.menu-row{gap:2px;display:flex}.menu-row .emoji{padding:4px 6px;font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;font-size:20px}.props select{background-position:right 7px center;padding:5px 24px 5px 6px}.opacity{align-items:center;gap:4px;display:flex}.opacity input{border:0;width:70px;padding:0}.opacity small{width:34px}.avatar-button{border-radius:50%;margin-left:-6px;padding:0;background:0 0!important;border:0!important}.avatar-button .avatar{margin-left:0}.pill-button{color:var(--text);border-radius:999px;margin-left:10px;padding:3px 10px}.stamp-picker{gap:6px;width:312px;padding:10px}.tabs{gap:4px;display:flex}.tabs button{flex:1;justify-content:center}.emoji-groups{justify-content:space-between;display:flex}.emoji-groups button,.emoji-grid button{justify-content:center;padding:0;font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif}.emoji-groups button{width:34px;height:32px;font-size:18px}.emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;max-height:216px;display:grid;overflow:hidden auto}.emoji-recent{max-height:none}.emoji-grid button{height:34px;font-size:22px}.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-height:300px;display:grid;overflow:hidden auto}.sticker-grid button{justify-content:center;min-width:0;padding:6px}.shortcuts{grid-template-columns:1fr 1fr;gap:2px 24px;margin:0;display:grid}.shortcuts>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:5px 0;display:flex}.shortcuts dt{font-weight:600}.shortcuts dd{color:var(--muted);text-align:right;margin:0}.viewer{z-index:60;background:var(--surface);flex-direction:column;display:flex;position:fixed;inset:0}.viewer-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;display:flex}.viewer-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.viewer-body{flex:1;grid-template-columns:1fr 300px;min-height:0;display:grid}.viewer-stage{min-width:0;min-height:0;position:relative;overflow:hidden}.viewer-stage canvas{touch-action:none;width:100%;height:100%;display:block}.viewer-hint{background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--muted);pointer-events:none;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:12px;left:14px}.viewer-error{background:var(--danger)}.viewer-side{border-left:1px solid var(--border);padding:4px 14px 20px;overflow-y:auto}.viewer-side section{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.viewer-side section:last-child{border-bottom:0}.viewer-side h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);justify-content:space-between;align-items:center;margin:14px 0 2px;font-size:12px;display:flex}.viewer-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.viewer-grid button{padding:5px 2px;font-size:12px}.viewer-check{cursor:pointer;align-items:center;gap:8px;display:flex}.viewer-check input{padding:0}.viewer-slider{grid-template-columns:84px 1fr 48px;align-items:center;gap:8px;display:grid}.viewer-slider input[type=range]{border:0;width:100%;padding:0}.viewer-slider select{grid-column:2/4}.viewer-slider small{text-align:right}.viewer-stats{grid-template-columns:1fr auto;gap:4px 12px;margin:0;display:grid}.viewer-stats dt{color:var(--muted)}.viewer-stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.viewer-parts{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.viewer-parts span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewer-link{color:var(--accent);text-transform:none;letter-spacing:0;background:0 0;border:0;padding:0;font-size:12px}.wb-player{z-index:6;transform-origin:50%;box-shadow:var(--shadow);background:#000;border-radius:6px;position:absolute}.wb-player video,.wb-player iframe{background:#000;border:0;border-radius:6px;width:100%;height:100%;display:block}.wb-player-close{width:28px;height:28px;box-shadow:var(--shadow);border-radius:50%;padding:0;position:absolute;top:-34px;right:0}.link-button{color:var(--accent);white-space:nowrap;border-radius:8px;padding:6px 8px;text-decoration:none}@media (hover:hover){.link-button:hover{background:var(--hover)}}.drop-hint{z-index:40;outline:3px dashed var(--accent);outline-offset:-12px;pointer-events:none;background:#3b5bdb14;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-hint>div{background:var(--surface);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;display:flex}.drop-hint strong{font-size:16px}.drop-hint span{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}a{color:var(--accent)}button{min-height:32px;transition:background-color .12s,border-color .12s,color .12s}.swatch,.avatar-button,.wb-player-close,.viewer-link,.pill-button{min-height:0}.swatch{flex:none;width:24px;height:24px}@media (hover:hover){button.danger:hover:not(:disabled){background:var(--danger-soft)}}button.danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}@media (hover:hover){button.danger-solid:hover:not(:disabled){background:#c2255c}}.icon-button{border-radius:8px;min-height:0}@media (hover:hover){.icon-button:hover:not(:disabled){background:var(--hover)}}select{cursor:pointer}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin-bottom:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}*{transition:none!important}}.toast{white-space:normal;text-align:left;z-index:120;border:0;max-width:min(680px,100vw - 32px);min-height:0;font-weight:500;line-height:1.4;top:14px;bottom:auto}@media (hover:hover){.toast:hover:not(:disabled){background:#343a40}}.banner{top:14px}.status-pill{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 32px);box-shadow:var(--shadow);overflow:hidden}.dialog-backdrop{animation:.12s ease-out fade}.dialog{animation:.14s ease-out rise}.dialog p{margin-bottom:14px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.profile-preview{gap:14px;margin-bottom:12px}.profile-preview p{margin:0 0 8px}.menu-panel{width:max-content;max-width:calc(100vw - 24px)}.menu-panel.menu-end{left:auto;right:0;transform:none}.menu-panel.menu-above{top:auto;bottom:calc(100% + 10px)}.menu-list{flex-direction:column;min-width:150px;display:flex}.menu-list button{border-color:#0000;justify-content:flex-start}.menu-fields>small{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.menu-fields .swatches{flex-wrap:wrap;gap:6px;max-width:270px}.menu-fields label>span:first-child{color:var(--muted)}.brand{letter-spacing:-.01em;align-items:center;gap:8px;padding:2px 6px 10px;font-size:16px;font-weight:700;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.nav-item{gap:8px;min-height:34px}.nav-item .grow{text-overflow:ellipsis;text-align:left;overflow:hidden}.nav-item .count{margin-left:0}.nav-item.active .count{color:var(--accent)}.nav-empty{padding:4px 8px}.profile{border:0;border-top:1px solid var(--border);text-align:left;border-radius:0 0 8px 8px;justify-content:flex-start;width:100%;min-height:0;padding:10px 8px}.profile .grow{flex-direction:column;display:flex}.profile small,.profile strong{text-overflow:ellipsis;overflow:hidden}.content-header h1{letter-spacing:-.01em;font-size:24px}.chips{flex-wrap:wrap;gap:6px;margin:6px 0 0;display:flex}.chip{background:var(--hover);color:var(--text-2);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.board-filter{align-items:center;gap:12px;margin-bottom:16px;display:flex}.search{border:1px solid var(--border);background:var(--surface);width:min(320px,100%);color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:flex}.search:focus-within{border-color:var(--accent);outline:2px solid var(--accent-soft)}.search input{color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:7px 0}.sort{align-items:center;gap:8px;display:flex}.board-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.board-card{cursor:default;position:relative;overflow:visible}.board-card:hover{transform:none}.board-open{color:inherit;border-radius:var(--radius);text-decoration:none;display:block}.board-cover{border-radius:var(--radius) var(--radius) 0 0;color:#ffffffeb;letter-spacing:.02em;justify-content:center;align-items:center;height:116px;font-size:34px;font-weight:700;display:flex}.board-meta{padding:10px 44px 12px 12px}.board-meta strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.board-card>.menu{position:absolute;bottom:10px;right:6px}.board-menu{color:var(--text-2);padding:5px}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:56px 16px;display:flex}.empty-state strong{color:var(--text);font-size:16px}.empty-state button{margin-top:8px}@media (width<=760px){.home{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);max-height:42vh}.content{padding:20px 16px}.content-header{flex-direction:column}.board-filter{flex-wrap:wrap}}.topbar{max-width:calc(100vw - 260px)}.crumb{text-overflow:ellipsis;max-width:180px;color:var(--muted);justify-content:flex-start;overflow:hidden}.crumb-sep{color:#adb5bd}.board-title{justify-content:flex-start}.toolbar-buttons>button{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);background:var(--tip);color:#fff;white-space:normal;text-align:left;pointer-events:none;z-index:40;border-radius:6px;width:max-content;max-width:280px;padding:6px 10px;font-size:12px;font-weight:500;line-height:1.4;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.shape-grid{grid-template-columns:repeat(5,36px);gap:2px;display:grid}.shape-grid button{justify-content:center;height:36px;padding:0}.flyout{gap:6px;padding:8px}.props{z-index:12;flex-flow:wrap;align-items:center;gap:2px;width:max-content;max-width:calc(100vw - 92px);padding:4px;transform:none}.props>button,.props .menu>button{min-width:34px;height:34px;padding:0 8px}.props select{background-color:#0000;border-color:#0000;height:34px}@media (hover:hover){.props select:hover{background-color:var(--hover)}}.props hr{margin:4px 3px}.color-dot{border:1px solid #0003;border-radius:50%;width:20px;height:20px;display:inline-block}.color-dot-ring{background:0 0;border-width:4px}.color-dot-none{background:linear-gradient(to top right,#fff 45%,#e03131 46% 54%,#fff 55%)}.font-size button{border-color:#0000;min-width:26px;height:34px;padding:0 6px}.font-size input{height:30px}.menu-fields .opacity input{width:110px}.menu-fields .menu-row button,.menu-fields .menu-grid button{min-width:34px;height:34px;padding:0 8px}.board-empty{color:var(--muted);text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-empty strong{color:var(--text-2);font-size:18px}.zoombar .menu>button{font-variant-numeric:tabular-nums;min-width:58px}.zoombar button{height:34px}@media (width<=900px){.minimap,.crumb,.crumb-sep{display:none}}kbd{border:1px solid var(--border);background:var(--subtle);color:var(--muted);white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font:11px/1.5 ui-monospace,Consolas,monospace}button.primary kbd{color:#fff;background:#ffffff2e;border-color:#ffffff59}.toolbar-buttons>button[data-key]:before{content:attr(data-key);color:#adb5bd;font-size:9px;font-weight:600;position:absolute;bottom:1px;right:3px}.toolbar-buttons>button.active[data-key]:before{color:var(--accent)}.context-menu{z-index:45;flex-direction:column;align-items:stretch;gap:0;width:244px;padding:6px}.context-menu button{border-color:#0000;justify-content:space-between;min-height:30px;padding:4px 8px;font-weight:400}.context-menu hr{margin:4px 2px}.palette-backdrop{background:#0f172a40;align-items:flex-start;padding-top:12vh}.palette{background:var(--surface);width:min(560px,100%);max-height:64vh;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;animation:.12s ease-out rise;display:flex;overflow:hidden}.palette input{margin:10px;padding:10px 12px;font-size:15px}.palette ul{margin:0;padding:0 6px 6px;list-style:none;overflow-y:auto}.palette li{cursor:pointer;border-radius:8px;grid-template-columns:70px 1fr auto;align-items:center;gap:8px;padding:7px 10px;display:grid}.palette li.active{background:var(--accent-soft)}.palette li small{text-transform:uppercase;letter-spacing:.04em;font-size:11px}.palette .empty{margin:0;padding:4px 16px 16px}.board-page.zen>.panel:not(.props):not(.context-menu),.board-page.zen>.status-pill{display:none}.zen-exit{z-index:10;opacity:.55;position:absolute;top:12px;right:12px}.zen-exit:hover{opacity:1}.shortcuts{grid-template-columns:1fr;max-height:62vh;overflow-y:auto}.shortcuts>div{align-items:baseline}.menu>button.on{color:var(--accent)}.menu-pairs{grid-template-columns:1fr 1fr;gap:2px;display:grid}.menu-pairs button{justify-content:flex-start}.wb-editor-connector{background:var(--canvas);outline:1px dashed var(--accent);z-index:6;border-radius:4px;line-height:1.3}.wb-editor-connector>div{min-width:2ch}.library{z-index:3;flex-direction:column;align-items:stretch;gap:8px;width:304px;max-height:calc(100% - 140px);padding:12px;top:68px;left:68px}.flyout{z-index:4}.library header{align-items:center;gap:6px;display:flex}.library input[type=search]{width:100%}.library-scroll{flex-direction:column;gap:12px;margin:0 -4px;padding:0 4px 2px;display:flex;overflow-y:auto}.library-title{justify-content:space-between;align-items:center;gap:8px;min-height:28px;margin-bottom:4px;display:flex}.library-title small{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.library-title button{min-height:0;padding:3px 8px;font-size:12px}.library .hint{margin:0;font-size:12px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.lib-item{flex-direction:column;gap:3px;min-width:0;display:flex;position:relative}.lib-item>button{border:1px solid var(--border);cursor:grab;background:#f8f9fb;border-radius:8px;width:100%;height:68px;padding:6px}@media (hover:hover){.lib-item>button:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}}.lib-item svg{width:100%;height:100%;display:block}.lib-name{color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lib-item .menu{position:absolute;top:3px;right:3px}.lib-item .lib-more{opacity:0;color:#1f2328;background:#fff;border-radius:6px;width:20px;height:20px;min-height:0;padding:0}.lib-item:hover .lib-more,.lib-item .lib-more:focus-visible,.lib-item .lib-more.active{opacity:1}.follow-frame{pointer-events:none;z-index:2;border:3px solid;position:absolute;inset:0}.follow-frame>span{color:#fff;pointer-events:auto;white-space:nowrap;border-radius:0 0 10px 10px;align-items:center;gap:6px;padding:5px 8px 6px 12px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.avatar-button.following{outline-offset:1px;border-radius:999px;outline:2px solid}.presence-count{white-space:nowrap;margin-left:8px}:root[data-theme=dark] .color-dot{outline:1px solid #ffffff4d}:root[data-theme=dark] .swatch{border-color:#ffffff47!important}:root[data-theme=dark] .text-color{box-shadow:0 1px #ffffff4d}.palette{width:min(640px,100%)}.palette-input{border:1px solid var(--border);color:var(--muted);border-radius:10px;align-items:center;gap:8px;margin:10px;padding:0 12px;display:flex}.palette-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.palette .palette-input input{min-width:0;box-shadow:none;color:var(--text);background:0 0;border:0;outline:0;flex:1;margin:0;padding:10px 0}.palette-mode{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.palette li{grid-template-columns:76px minmax(0,1fr) auto}.palette li.heading{cursor:default;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 10px 4px;font-size:11px;font-weight:600;display:block}.palette .row-body{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.palette mark{color:inherit;background:#ffd43b8c;border-radius:3px;padding:0 1px}.palette .found-by{margin-left:6px;display:inline}.palette-foot{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:12px;padding:8px 14px;font-size:12px;display:flex}.toolbar .menu>button{border-color:#0000;width:38px;height:38px;padding:0}.toolbar .menu-panel{top:0;left:calc(100% + 12px);transform:none}.toolbar .menu-list small{max-width:230px;padding:6px 12px 4px;line-height:1.4}@media (height<=820px){.toolbar-buttons>button,.toolbar .menu>button{width:34px;height:31px}}.thread.thread-popover{z-index:11;max-height:min(460px,100% - 88px);right:auto}.thread-popover .messages{min-height:0}.thread-pointer{background:var(--surface);border:1px solid var(--border);width:12px;height:12px;margin-top:-6px;position:absolute;transform:rotate(45deg)}.thread-pointer-right{border-top:0;border-right:0;left:-7px}.thread-pointer-left{border-bottom:0;border-left:0;right:-7px}html,body{overscroll-behavior:none}@supports (height:100dvh){html,body,#root{height:100dvh}}button,select,label,a{touch-action:manipulation}.board-page{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.board-page input,.board-page textarea,.board-page [contenteditable],.board-page .messages{-webkit-user-select:text;user-select:text}.toolbar-buttons{flex-direction:column;align-items:center;gap:4px;display:flex}.toolbar-buttons>hr{margin:2px}@media (hover:none){[data-tip]:hover:after,[data-tip]:focus-visible:after,.context-menu kbd,.palette kbd,.palette-foot span:last-child{display:none}.board-card:hover{transform:none}button kbd{display:none}.lib-item .lib-more{opacity:1}button:active:not(:disabled),.menu-check:active,.messages li.clickable:active{background:var(--hover)}button.primary:active:not(:disabled),button.danger-solid:active:not(:disabled){background:var(--accent);filter:brightness(.88)}button.danger-solid:active:not(:disabled){background:var(--danger)}button.active:active:not(:disabled){background:var(--accent-soft)}.toast:active:not(:disabled){background:var(--tip)}.palette-foot:not(:has(>span:not(.key-hint))){display:none}.palette-foot .key-hint{display:none}}.for-touch{display:none}@media (pointer:coarse){.for-mouse{display:none}.for-touch{display:inline}button{min-height:40px}.th-sort,.dv-tabs button,.toolbar-buttons>button,.toolbar .menu>button{min-height:0}input:not([type=checkbox],[type=radio],[type=range],[type=color]),select{min-height:40px}input[type=checkbox],input[type=radio]{width:20px;height:20px}.menu-check{min-height:44px}.settings-tabs button{padding:8px 14px}.font-size input{width:54px}.color-knob{width:22px;height:22px;margin:-11px 0 0 -11px}.color-slider{border-radius:9px;height:18px}.color-slider::-webkit-slider-thumb{width:24px;height:24px}.color-slider::-moz-range-thumb{width:24px;height:24px}.color-row button{min-width:40px}.wb-embed-bar button{width:40px;height:40px}.wb-player-close{width:40px;height:40px;top:-46px}.library-title button{min-height:36px;padding:3px 12px}.lib-item .lib-more{width:30px;height:30px}.board-card>.menu{bottom:4px;right:2px}.props>button,.props .menu>button,.props select,.zoombar button,.icon-button,.topbar button{min-width:42px;height:42px}.font-size button{min-width:36px;height:42px}.font-size input{height:38px}.menu-list button,.context-menu button,.nav-item{min-height:44px}.menu-row button,.menu-grid button,.menu-pairs button{min-width:42px;min-height:42px}.swatch{width:32px;height:32px}.flyout .swatches{grid-template-columns:repeat(3,32px)}.emoji-grid button{min-height:40px}.palette li{padding-top:11px;padding-bottom:11px}input,select,textarea{font-size:16px}}@media (width<=720px),(height<=560px){.topbar{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));max-width:calc(100% - 132px)}.topbar-right{left:auto;right:calc(8px + env(safe-area-inset-right));gap:2px;max-width:none}.topbar .badge,.topbar-right .presence,.topbar-right .label{display:none}.board-title{min-width:0;max-width:100%}.board-page .toolbar{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));flex-direction:row;padding:4px;transform:none}.toolbar-buttons{scrollbar-width:none;overscroll-behavior:contain;flex-direction:row;width:100%;overflow-x:auto}.toolbar-buttons::-webkit-scrollbar{display:none}.toolbar-buttons>button,.toolbar .menu>button{flex:none;width:44px;height:44px}.toolbar-buttons>.menu{flex:none}.toolbar-buttons>hr{flex:none;align-self:stretch;margin:6px 2px}.toolbar-buttons>button[data-key]:before,[data-tip]:hover:after,[data-tip]:focus-visible:after,.toolbar-buttons>.tool-history{display:none}.toolbar-buttons:before,.toolbar-buttons:after,.props.props-docked:before,.props.props-docked:after{z-index:1;width:32px;color:var(--muted);pointer-events:none;flex:none;align-self:stretch;align-items:center;padding:0 3px 3px;font-size:22px;line-height:1;display:none;position:sticky}.toolbar-buttons:before,.props.props-docked:before{content:"‹";background:linear-gradient(to right, var(--surface) 45%, transparent);justify-content:flex-start;left:0}.toolbar-buttons:after,.props.props-docked:after{content:"›";background:linear-gradient(to left, var(--surface) 45%, transparent);justify-content:flex-end;right:0}.toolbar-buttons:before{margin-right:-36px}.toolbar-buttons:after{margin-left:-36px}.props.props-docked:before{margin:-4px -34px -4px 0}.props.props-docked:after{margin:-4px 0 -4px -34px}.toolbar-buttons[data-more=left]:before,.toolbar-buttons[data-more=both]:before,.toolbar-buttons[data-more=right]:after,.toolbar-buttons[data-more=both]:after,.props.props-docked[data-more=left]:before,.props.props-docked[data-more=both]:before,.props.props-docked[data-more=right]:after,.props.props-docked[data-more=both]:after{display:flex}.flyout{max-height:50dvh;padding:10px;inset:auto 0 calc(100% + 8px);overflow-y:auto;transform:none}.flyout .swatches{flex-wrap:wrap;gap:8px;display:flex}.board-page:has(>.props-docked) .flyout{max-height:calc(50dvh - 52px);bottom:calc(100% + 60px)}.shape-grid{grid-template-columns:repeat(5,1fr);gap:4px}.shape-grid button{height:42px}.stamp-picker{width:auto}.emoji-groups button{flex:1;width:auto}.props.props-docked{top:auto;bottom:calc(68px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:auto;max-width:none;overflow-x:auto}.props.props-docked::-webkit-scrollbar{display:none}.props.props-docked>*{flex:none}.zoombar.zoombar-compact{top:calc(64px + env(safe-area-inset-top));bottom:auto;right:calc(8px + env(safe-area-inset-right));gap:2px;padding:4px}.zoombar.zoombar-compact>hr{margin:8px 2px}.menu-fields,.menu-list{min-width:0}.thread.thread-sheet,.thread-list,.library{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));width:auto}.thread.thread-sheet{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));z-index:46;max-height:62dvh}.thread-list,.library{top:calc(64px + env(safe-area-inset-top));max-height:calc(100dvh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom));z-index:20}.library{bottom:calc(68px + env(safe-area-inset-bottom))}.library-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.context-menu{overscroll-behavior:contain;max-height:calc(100dvh - 16px);overflow-y:auto}.status-pill{bottom:calc(128px + env(safe-area-inset-bottom));white-space:normal;text-align:center;border-radius:14px}.follow-frame>span{top:calc(58px + env(safe-area-inset-top));border-radius:10px}.board-empty{text-align:center;width:calc(100% - 48px)}.dialog-backdrop{padding:8px calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));align-items:flex-end}.dialog{width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;padding:16px}.dialog>header{z-index:2;background:var(--surface);gap:8px;margin:-16px -16px 12px;padding:12px 8px 8px 16px;position:sticky;top:0}.dialog>header h2{overflow-wrap:anywhere;min-width:0}.dialog-xl{min-height:min(560px,80dvh)}.dialog footer,.dialog .row,.admin .row{flex-wrap:wrap}.dialog .row>.grow,.dialog .row>.field,.admin .row>.grow{flex:200px}.dialog .row>input.grow,.dialog .row>select.grow{flex-basis:100%}.dialog .row>.field>select,.dialog .row>.field>input{width:100%}.dialog .row.bottom>button{flex:auto}.list li{flex-wrap:wrap;justify-content:flex-end}.list li>.grow{flex:120px}.list li:has(>select)>.grow{flex-basis:calc(100% - 96px)}.list li.empty{justify-content:flex-start}.facts{grid-template-columns:minmax(0,max-content) minmax(0,1fr)}.settings-tabs{scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.claim{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));width:auto}.invite-offers{top:calc(8px + env(safe-area-inset-top));bottom:auto}.toast,.banner{top:calc(10px + env(safe-area-inset-top))}.splash{padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));overflow-y:auto}.card{margin:auto 0;padding:22px 20px}.admin{padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left))}.admin-head{flex-wrap:wrap}.admin-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.palette-backdrop{padding-top:calc(8px + env(safe-area-inset-top));align-items:flex-start}.palette{max-height:70dvh}.palette li{grid-template-columns:62px minmax(0,1fr) auto}.shortcuts{grid-template-columns:1fr}.viewer-body{grid-template-rows:minmax(0,1fr) 40dvh;grid-template-columns:1fr}.viewer-side{border-left:0;border-top:1px solid var(--border)}.viewer-header{padding-top:calc(10px + env(safe-area-inset-top));flex-wrap:wrap}.board-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}}@media (width<=760px){.home{grid-template-rows:auto minmax(0,1fr)}.sidebar{max-height:none;padding:calc(10px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 8px calc(12px + env(safe-area-inset-left));flex-flow:wrap;align-items:center;gap:8px;overflow:visible}.sidebar>.brand{flex:none;padding:0}.org-picker{flex:1 1 0;min-width:0;margin:0}.org-picker select{text-overflow:ellipsis;min-width:0}.org-picker .badge{display:none}.sidebar>.menu,.sidebar>.profile{flex:none;order:1}.sidebar>.profile{background:0 0;border:0;border-radius:50%;width:auto;padding:0}.sidebar>.profile .grow{display:none}.sidebar>.profile .avatar{width:36px!important;height:36px!important;font-size:15px!important}.sidebar nav{scrollbar-width:none;overscroll-behavior-x:contain;flex-flow:row;flex:0 0 100%;order:2;align-items:center;gap:6px;min-width:0;margin:0 -12px;padding:2px 12px;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav .nav-title{flex:none;order:1;padding:0}.sidebar nav .nav-title>span{display:none}.sidebar nav .nav-title .icon-button{border:1px dashed var(--border);border-radius:999px}.sidebar nav .nav-item{border:1px solid var(--border);border-radius:999px;flex:none;width:auto;max-width:70vw;min-height:38px;padding:0 14px}.sidebar nav .nav-item.active{border-color:var(--accent)}.sidebar nav .nav-empty{flex:none;margin:0}.content{padding:16px calc(16px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.content-header{gap:12px;margin-bottom:16px}.content-header h1{overflow-wrap:anywhere;font-size:22px}.content-header>.row{align-self:stretch}.content-header>.row>button{flex:1 1 0}.board-filter{gap:8px 12px}.board-filter .search{width:100%}.board-filter .grow{display:none}.board-filter .sort{margin-left:auto}.empty-state{padding:40px 8px}}.sheet-backdrop{z-index:48;padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0f172a52;justify-content:center;align-items:flex-end;animation:.12s ease-out fade;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;border-radius:16px;flex-direction:column;align-items:stretch;gap:8px;width:min(480px,100%);max-height:min(72dvh,100%);padding:10px;animation:.18s ease-out sheet-up;position:relative;overflow:hidden auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}.sheet .menu-list,.sheet .menu-fields{min-width:0}.sheet .menu-list button,.sheet .nav-item{gap:12px;min-height:48px;padding:0 12px;font-size:15px}.sheet .menu-list>small{padding:8px 12px 4px;line-height:1.4}.sheet .menu-fields{gap:10px;padding:2px 4px 4px}.sheet .menu-fields .swatches,.sheet.color-popover .swatches{gap:10px;max-width:none;padding:2px 0}.sheet .swatch{width:36px;height:36px}.sheet .menu-fields label{min-height:44px}.sheet .menu-fields select{min-width:150px}.sheet .opacity{flex:1;justify-content:flex-end}.sheet .opacity input{flex:1;width:auto;max-width:220px}.sheet .menu-row,.sheet .menu-grid,.sheet .menu-pairs{gap:6px}.sheet .menu-row{flex-wrap:wrap}.sheet .menu-row button{flex:44px;min-height:44px}.sheet .menu-row .emoji{flex:1 0 21%;min-height:52px;font-size:26px}.sheet .menu-grid{grid-template-columns:repeat(4,1fr)}.sheet .menu-grid button,.sheet .menu-pairs button,.sheet .menu-fields>button{min-height:44px}.sheet .controls-list{width:auto;max-width:none}.sheet.color-popover{gap:12px;width:min(480px,100%);padding:12px;top:auto;left:auto}.sheet .color-square{border-radius:10px;height:min(200px,32dvh)}@media (height<=560px){.sheet{max-height:100%}.sheet .color-square{height:110px}}.menu-check{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:4px 12px;display:flex}@media (hover:hover){.menu-check:hover{background:var(--hover)}}.menu-check input{width:16px;height:16px;min-height:0;accent-color:var(--accent);margin:0}.menu-list>small{padding:6px 12px 2px}.zoombar .menu>button{height:34px}.controls-list{width:300px;max-width:calc(100vw - 32px)}.menu-check.controls-option{white-space:normal;align-items:flex-start;padding:7px 12px}.controls-option input{flex:none;margin-top:2px}.controls-option b,.controls-option em{display:block}.controls-option em{color:var(--muted);margin-top:1px;font-size:12px;font-style:normal;line-height:1.35}.controls-pick{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:12px;font-weight:600;display:flex}.controls-pick small{color:var(--muted);flex:260px;font-weight:400}.wb-player.wb-embed{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.wb-player.wb-embed.wb-embed-full{z-index:70;border:0;border-radius:0;position:fixed;inset:0}.wb-embed-bar{border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:8px;padding:4px 6px 4px 12px;display:flex}.wb-embed-bar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.wb-embed-bar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-size:12px;overflow:hidden}.wb-embed-bar button{border-color:#0000;flex:none;width:30px;height:30px;min-height:0;padding:0;font-size:15px}.wb-embed-body{background:var(--surface);flex:1;min-height:0;display:flex;position:relative}.wb-player.wb-embed iframe{background:0 0;border-radius:0;flex:1;width:100%;height:100%;position:relative}.wb-embed-body audio{width:100%;margin:auto 12px}.wb-embed-status{text-align:center;justify-content:center;align-items:center;margin:0;padding:24px;display:flex;position:absolute;inset:0}.dv{-webkit-user-select:text;user-select:text;flex:1;min-width:0;min-height:0;font-size:13px}.dv-scroll{overscroll-behavior:contain;overflow:auto}.dv-sheets{flex-direction:column;display:flex}.dv-fill{flex:1;min-height:0;display:flex}.dv-fill>.dv-scroll{flex:1}.dv-tabs{border-top:1px solid var(--border);background:var(--subtle);flex:none;gap:2px;padding:4px;display:flex;overflow-x:auto}.dv-tabs button{border-color:#0000;flex:none;min-height:0;padding:4px 10px;font-size:12px}.dv-tabs button.active{background:var(--surface);border-color:var(--border);font-weight:600}.dv-sheet{border-collapse:collapse;font-variant-numeric:tabular-nums}.dv-sheet th,.dv-sheet td{border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;text-align:left;max-width:320px;padding:3px 8px;overflow:hidden}.dv-sheet th{z-index:1;background:var(--subtle);color:var(--muted);text-align:center;font-weight:500;position:sticky;top:0}.dv-sheet tr>th:first-child{z-index:2;left:0}.dv-sheet td.dv-number{text-align:right}.dv-note{margin:12px 16px;font-size:12px}.dv-page{max-width:760px;margin:0 auto;padding:20px 28px 32px;font-size:14px;line-height:1.55}.dv-page p{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px}.dv-page h1,.dv-page h2,.dv-page h3,.dv-page h4,.dv-page h5,.dv-page h6{margin:18px 0 8px;line-height:1.25}.dv-page h1{font-size:24px}.dv-page h2{font-size:19px}.dv-page h3{font-size:16px}.dv-page img{max-width:100%;margin:10px 0;display:block}.dv-page pre,.dv-plain{background:var(--subtle);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0 0 12px;padding:12px;font:12.5px/1.5 ui-monospace,Consolas,monospace}.dv-plain{border-radius:0;min-height:100%;margin:0}.dv-page code{background:var(--subtle);border-radius:4px;padding:1px 4px;font:12.5px ui-monospace,Consolas,monospace}.dv-page blockquote{border-left:3px solid var(--border);color:var(--muted);margin:0 0 10px;padding-left:12px}.dv-bullet{padding-left:1.2em;position:relative}.dv-bullet:before{content:"•";position:absolute;left:.2em}.dv-table{border-collapse:collapse;margin:0 0 12px}.dv-table td{border:1px solid var(--border);vertical-align:top;white-space:pre-wrap;padding:4px 8px}.dv-deck{background:var(--subtle);padding:14px}.dv-slide-holder{max-width:960px;margin:0 auto 14px}.dv-slide-holder small{text-align:center;margin-top:4px;font-size:11px;display:block}.dv-slide{border:1px solid var(--border);width:100%;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a1f;container-type:inline-size}.dv-slide-text,.dv-slide-picture{position:absolute;overflow:hidden}.dv-slide-text{flex-direction:column;padding:.8cqw 1cqw;line-height:1.15;display:flex}.dv-slide-text p{color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 .6cqw}.dv-slide-text .dv-bullet{padding-left:2.6cqw}.dv-slide-text .dv-bullet:before{font-size:2.2cqw;left:.6cqw}.dv-slide-picture img{object-fit:contain;width:100%;height:100%}
