@layer reset,base,components,responsive;@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/playfair-display-latin-CSUZDoAs.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/playfair-display-italic-latin-CMdNrab4.woff2) format("woff2")}@font-face{font-family:Protest Strike;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/protest-strike-latin-BAFx8aa3.woff2) format("woff2");size-adjust:85%}@layer reset{*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}}@layer base{:root{--ink: #171419;--paper: #f8f7f4;--paper-deep: #f0ede6;--purple: #714cff;--purple-pale: #eee9ff;--line: #dad7df;--muted: #77727d;--green: #0d2923;--coral: #d1716c;--white: #fffdfa;--ground: #f5f4ed;--dot: rgba(23, 20, 25, .12);--hot: #5c17e6;--hot: oklch(44.94% .248 294.31);--pill-bg: #17161b;--pill-fg: #fff;--chrome-card: #fffdfa;--chrome-border: rgba(23, 20, 25, .1);--chrome-shadow: 0 14px 38px rgba(23, 20, 25, .13);--chrome-pill: 999px;--chrome-card-radius: 22px;--serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;--display: "Playfair Display", "Iowan Old Style", "Baskerville", serif;--headline: "Protest Strike", "Avenir Next", sans-serif;--sans: "Avenir Next", "Helvetica Neue", sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}button{border:0;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable=true]:focus-visible{outline:2px solid var(--purple);outline-offset:3px}a{color:inherit}.visually-hidden{position:fixed!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}}@layer components{.app-shell{position:relative;width:100%;height:100%;background:var(--ground);isolation:isolate}.app-shell.is-connecting .canvas{cursor:crosshair}.top-pill{position:fixed;z-index:100;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:min(720px,calc(100vw - 28px));padding:7px 10px 7px 8px;border-radius:var(--chrome-pill);background:var(--pill-bg);color:var(--pill-fg);box-shadow:0 16px 44px #17141942,0 3px 10px #1714192e}.top-pill-mark{flex:none;display:grid;place-items:center;width:36px;height:36px}.top-pill-q{display:block;width:30px;height:30px;background:var(--pill-fg);-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20width='186.312'%20height='186.312'%20viewBox='0%200%20186.312%20186.312'%3e%3cg%20id='Q-outline-black'%3e%3cpath%20d='M93.156,11.76c21.742,0,42.182,8.467,57.556,23.84,15.374,15.374,23.84,35.814,23.84,57.556s-8.467,42.182-23.84,57.556c-15.374,15.374-35.814,23.84-57.556,23.84s-42.182-8.467-57.556-23.84c-15.374-15.374-23.84-35.814-23.84-57.556s8.467-42.182,23.84-57.556c15.374-15.374,35.814-23.84,57.556-23.84M93.156,0C41.707,0,0,41.707,0,93.156s41.707,93.156,93.156,93.156,93.156-41.707,93.156-93.156S144.605,0,93.156,0h0Z'/%3e%3ccircle%20cx='145.416'%20cy='121.333'%20r='9.652'/%3e%3cpath%20d='M131.102,120.208l-7.837-7.837c3.478-5.776,5.48-12.541,5.48-19.775,0-21.201-17.187-38.388-38.388-38.388s-38.388,17.187-38.388,38.388,17.187,38.388,38.388,38.388c7.005,0,13.57-1.877,19.223-5.154l7.95,7.95,13.572-13.572h0Z'/%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20width='186.312'%20height='186.312'%20viewBox='0%200%20186.312%20186.312'%3e%3cg%20id='Q-outline-black'%3e%3cpath%20d='M93.156,11.76c21.742,0,42.182,8.467,57.556,23.84,15.374,15.374,23.84,35.814,23.84,57.556s-8.467,42.182-23.84,57.556c-15.374,15.374-35.814,23.84-57.556,23.84s-42.182-8.467-57.556-23.84c-15.374-15.374-23.84-35.814-23.84-57.556s8.467-42.182,23.84-57.556c15.374-15.374,35.814-23.84,57.556-23.84M93.156,0C41.707,0,0,41.707,0,93.156s41.707,93.156,93.156,93.156,93.156-41.707,93.156-93.156S144.605,0,93.156,0h0Z'/%3e%3ccircle%20cx='145.416'%20cy='121.333'%20r='9.652'/%3e%3cpath%20d='M131.102,120.208l-7.837-7.837c3.478-5.776,5.48-12.541,5.48-19.775,0-21.201-17.187-38.388-38.388-38.388s-38.388,17.187-38.388,38.388,17.187,38.388,38.388,38.388c7.005,0,13.57-1.877,19.223-5.154l7.95,7.95,13.572-13.572h0Z'/%3e%3c/g%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.top-pill .board-title-input{min-width:90px;max-width:320px;flex:0 1 auto;border:0;background:transparent;color:color-mix(in srgb,var(--pill-fg) 88%,transparent);padding:6px 2px;font:500 14px/1.2 var(--sans);letter-spacing:-.01em;text-overflow:ellipsis}.top-pill .board-title-input:focus-visible{outline-offset:1px}.top-pill .board-title-input:read-only{cursor:default}.top-pill-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.top-pill-actions button{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--pill-fg);transition:background .16s,transform .16s}.top-pill-actions button:hover,.top-pill-actions button.is-open{background:#ffffff24}.top-pill-actions button:active{transform:translateY(1px)}.chrome-menu{position:absolute;z-index:110;top:calc(100% + 10px);right:0;width:244px;display:flex;flex-direction:column;padding:8px;border:1px solid var(--chrome-border);border-radius:var(--chrome-card-radius);background:var(--chrome-card);color:var(--ink);box-shadow:var(--chrome-shadow);animation:menu-in .14s ease-out both}.chrome-menu-eyebrow{padding:6px 14px 4px;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.chrome-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 14px;border-radius:var(--chrome-pill);font-size:12.5px;text-align:left}.chrome-menu-item svg{flex:none;color:var(--muted)}.chrome-menu-item:hover:not(:disabled),.chrome-menu-item:focus-visible{background:var(--purple-pale);color:var(--purple)}.chrome-menu-item:hover:not(:disabled) svg,.chrome-menu-item:focus-visible svg{color:var(--purple)}.chrome-menu-item:disabled{opacity:.55;flex-wrap:wrap}.chrome-menu-hint{flex-basis:100%;padding-left:25px;color:var(--muted);font-size:10px}.chrome-menu-rule{height:1px;margin:7px 4px;background:var(--line)}.chrome-menu-appearance{display:flex;flex-direction:column}.appearance-toggle{display:flex;gap:4px;padding:2px 8px 4px}.appearance-toggle button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid var(--line);border-radius:var(--chrome-pill);font-size:11px;color:var(--muted)}.appearance-toggle button:hover{border-color:var(--purple);color:var(--purple)}.appearance-toggle button.is-active{border-color:var(--ink);background:var(--ink);color:var(--white)}.chrome-menu-status{display:flex;align-items:center;gap:8px;margin:0;padding:5px 14px 4px}.chrome-menu-status .later-marker{font-size:10px;padding:3px 8px}.qboard-logo{display:block;flex:none;background:var(--ink);-webkit-mask-image:url(/assets/qboard-logo-black-CMmhpLbm.svg);mask-image:url(/assets/qboard-logo-black-CMmhpLbm.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center;-webkit-mask-size:contain;mask-size:contain}.qboard-logo-wordmark{width:84px;height:31px}.qboard-logo-mark{aspect-ratio:1;-webkit-mask-size:auto 100%;mask-size:auto 100%}.save-state{flex:none;font-size:10px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.save-error{color:#9c302f}.later-marker{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--green);padding:6px 11px;background:#e3ece8;border-radius:var(--chrome-pill)}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;cursor:grab;background-color:var(--ground);background-image:radial-gradient(circle,var(--dot) 0 1px,transparent 1.2px);background-size:var(--grid-size) var(--grid-size);background-position:var(--grid-x) var(--grid-y)}.canvas.mode-select{cursor:crosshair}.canvas.mode-pan{cursor:grab}.canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45% 35% at 48% 44%,rgba(255,255,255,.5),transparent 70%)}.canvas:active,.canvas.is-panning{cursor:grabbing}.canvas.is-selecting{cursor:crosshair}.world{position:absolute;inset:0 auto auto 0;width:0;height:0;transform-origin:0 0;will-change:transform}.empty-canvas{position:absolute;left:50%;top:52%;width:min(860px,calc(100% - 48px));transform:translate(-50%,-52%);display:grid;justify-items:center;text-align:center;color:var(--muted);pointer-events:none;-webkit-user-select:none;user-select:none;animation:arrive .65s cubic-bezier(.2,.8,.2,1) both}.empty-headline{display:block;width:clamp(480px,62vw,800px);max-width:100%;height:auto}.empty-lede{margin:6px 0 0;color:var(--ink);font:500 clamp(30px,4vw,46px)/1.08 var(--display);letter-spacing:-.03em}.empty-caption{margin:14px 0 0;font-size:13px;font-family:var(--sans)}@keyframes arrive{0%{opacity:0;transform:translate(-50%,calc(-52% + 14px))}}.board-item{position:absolute;transform-origin:50% 50%;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.board-item:focus{outline:none}.board-item:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1.5px solid transparent;border-radius:5px;pointer-events:none;transition:border-color .12s,box-shadow .12s}.board-item.is-selected:after,.board-item:focus-visible:after{border-color:var(--purple);box-shadow:0 0 0 1px #ffffffe6,0 0 0 4px #714cff14}.board-item.item-shape:after{top:-8px;right:-8px;bottom:-8px;left:-8px}.move-handle{position:absolute;z-index:5;left:50%;top:-30px;width:38px;height:23px;display:grid;place-items:center;padding:0;border:1px solid rgba(23,20,25,.18);border-radius:var(--chrome-pill);background:var(--white);color:var(--purple);cursor:grab;touch-action:none;box-shadow:0 3px 10px #17141929;transform:translate(-50%)}.move-handle:hover,.move-handle:focus-visible{background:var(--purple-pale)}.move-handle:active{cursor:grabbing}.item-delete-button{position:absolute;z-index:6;right:-10px;top:-34px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid rgba(23,20,25,.18);border-radius:50%;background:var(--white);color:var(--muted);cursor:pointer;touch-action:manipulation;box-shadow:0 3px 10px #17141929}.item-delete-button:hover,.item-delete-button:focus-visible{border-color:#a13d3a;background:#fae8e6;color:#a13d3a}.rotate-handle{position:absolute;z-index:5;left:-11px;bottom:-11px;width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid rgba(23,20,25,.18);border-radius:50%;background:var(--white);color:var(--purple);cursor:grab;touch-action:none;box-shadow:0 3px 10px #17141929}.rotate-handle:hover,.rotate-handle:focus-visible{background:var(--purple-pale)}.rotate-handle:active{cursor:grabbing}.resize-handle{position:absolute;z-index:4;right:-10px;bottom:-10px;width:15px;height:15px;padding:0;border:2px solid var(--paper);background:var(--purple);border-radius:50%;cursor:nwse-resize;box-shadow:0 1px 5px #1714193d}.canvas-text{width:100%;min-height:100%;white-space:pre-wrap;line-height:1.13;letter-spacing:-.035em;-webkit-user-select:text;user-select:text;cursor:inherit;overflow:hidden}.canvas-text[contenteditable=true]{cursor:text}.rich-note{width:100%;height:100%;padding:21px 22px;overflow:auto;-webkit-user-select:text;user-select:text;cursor:inherit;border:1px solid rgba(23,20,25,.08);box-shadow:0 10px 32px #17141913;line-height:1.48;font-size:15px}.rich-note[contenteditable=true]{cursor:text}.rich-note p{margin:0 0 .7em}.rich-note ul,.rich-note ol{margin:.5em 0;padding-left:1.3em}.rich-note a{color:var(--purple);text-underline-offset:2px;cursor:pointer}.rich-note-link-action{position:absolute;z-index:7;display:flex;align-items:center;gap:10px;max-width:calc(100% - 16px);min-height:38px;padding:7px 15px 7px 16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--purple) 35%,var(--line));border-radius:var(--chrome-pill);background:color-mix(in srgb,var(--white) 94%,transparent);color:var(--ink);text-decoration:none;cursor:pointer;touch-action:manipulation;box-shadow:0 7px 22px #1714192b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:link-action-in .14s ease-out both}.rich-note-link-action>span{min-width:0;display:grid;gap:1px}.rich-note-link-action b{font-size:10px;line-height:1.1}.rich-note-link-action small{overflow:hidden;color:var(--muted);font-size:8px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.rich-note-link-action>svg{flex:none;color:var(--purple)}.rich-note-link-action:hover,.rich-note-link-action:focus-visible{border-color:var(--purple);background:var(--purple-pale);color:var(--purple)}@keyframes link-action-in{0%{opacity:0;transform:translateY(-3px) scale(.98)}}.tone-paper{background:#fffdf8}.tone-purple{background:var(--purple-pale)}.tone-coral{background:#f8e8e5}.tone-green{background:#e3ece8}.shape-shell{position:relative;width:100%;height:100%}.shape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shape-rounded{border-radius:25px}.shape-ellipse{border-radius:50%}.shape-diamond{transform:scale(.72) rotate(45deg)}.shape-line{width:100%;height:100%;overflow:visible}.shape-label{position:absolute;z-index:2;top:12%;right:12%;bottom:12%;left:12%;display:grid;place-items:center;overflow:hidden;padding:8px;white-space:pre-wrap;text-align:center;font:600 18px/1.18 var(--sans);letter-spacing:-.02em;pointer-events:none;-webkit-user-select:none;user-select:none}.shape-label.is-editing{cursor:text;pointer-events:auto;-webkit-user-select:text;user-select:text}.shape-label.is-editing:empty:before{content:"Type in this shape";opacity:.48;pointer-events:none}.board-item.item-frame{pointer-events:none}.frame-visual{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dotted var(--purple);border-radius:18px;color:var(--purple);pointer-events:none}.frame-title{position:absolute;z-index:2;left:-2px;right:-2px;top:-2px;min-height:46px;display:grid;place-items:center;padding:8px 45px;overflow:hidden;border:2px dotted var(--purple);border-radius:18px 18px 0 0;background:color-mix(in srgb,var(--paper) 88%,transparent);color:var(--purple);font-size:15px;font-weight:600;text-align:center;white-space:pre-wrap;pointer-events:auto;cursor:move;-webkit-user-select:none;user-select:none}.frame-title.is-editing{cursor:text;-webkit-user-select:text;user-select:text}.frame-visual.is-drop-pending,.frame-visual.is-drop-ready{border-style:solid;background:color-mix(in srgb,var(--purple) 5%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--purple) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--purple) 28%,transparent)}.frame-visual.is-drop-ready{border-width:3px;background:color-mix(in srgb,var(--purple) 10%,transparent);box-shadow:0 0 0 7px color-mix(in srgb,var(--purple) 16%,transparent),inset 0 0 38px color-mix(in srgb,var(--purple) 9%,transparent)}.frame-visual:is(.is-drop-pending,.is-drop-ready) .frame-title{border-style:solid;background:color-mix(in srgb,var(--purple-pale) 88%,var(--paper))}.frame-drop-overlay{position:absolute;z-index:85;max-width:calc(100% - 32px);min-height:31px;display:flex;align-items:center;justify-content:center;padding:7px 14px;overflow:hidden;border-radius:var(--chrome-pill);background:var(--ink);color:var(--white);box-shadow:0 8px 22px #17141933;font-size:10px;font-weight:600;letter-spacing:.01em;pointer-events:none;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%,-100%)}.frame-drop-overlay.is-ready{background:var(--purple);color:var(--white)}.frame-drop-overlay.is-pending:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--purple);transform:scaleX(0);transform-origin:left;animation:frame-drop-dwell .45s linear forwards}@keyframes frame-drop-dwell{to{transform:scaleX(1)}}.frame-border-hit{position:absolute;z-index:1;display:block;pointer-events:auto}.frame-border-top{left:16px;right:16px;top:-5px;height:10px}.frame-border-right{right:-5px;top:16px;bottom:16px;width:10px}.frame-border-bottom{left:16px;right:16px;bottom:-5px;height:10px}.frame-border-left{left:-5px;top:16px;bottom:16px;width:10px}.item-frame .move-handle,.item-frame .item-delete-button,.item-frame .resize-handle{pointer-events:auto}.board-table-shell{width:100%;height:100%}.board-table{width:100%;height:100%;table-layout:fixed;border-collapse:collapse;background:#fffdfa}.board-table tbody{height:100%}.board-table tr{height:calc(100% / var(--table-row-count))}.board-table th,.board-table td{min-width:0;padding:0;border:1px solid rgba(23,20,25,.55);vertical-align:top}.board-table textarea{display:block;resize:none;min-width:0;width:100%;height:100%;border:0;padding:10px;color:var(--ink);background:transparent;font-size:13px;line-height:1.35;outline-offset:-2px}.board-table textarea:read-only{cursor:default}.board-table th:focus-within,.board-table td:focus-within{box-shadow:inset 0 0 0 2px var(--purple)}.board-table .table-header-cell{background:#eee9ffa6}.board-table .table-header-cell textarea{font-weight:600}.url-card{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--white);border:1px solid rgba(23,20,25,.12);box-shadow:0 12px 28px #17141917;border-radius:5px;transition:transform .18s,box-shadow .18s}.url-card:hover{transform:translateY(-2px);box-shadow:0 16px 38px #17141921}.url-card>.url-card-artwork{width:100%;height:auto;min-height:0;flex:1 1 auto;object-fit:contain;background:var(--paper-deep)}.url-card-copy{display:flex;flex-direction:column;min-height:0;flex:0 0 auto;padding:11px 14px 12px}.url-card-site{display:flex;align-items:center;gap:6px;min-width:0}.url-card-site small{min-width:0;overflow:hidden;color:var(--purple);font-size:9px;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.11em;white-space:nowrap}.url-card-favicon{width:14px;height:14px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(23,20,25,.12);border-radius:3px;background:#fffdfa;color:var(--purple)}.url-card-favicon img{display:block;width:100%;height:100%;object-fit:contain}.url-card-copy strong{display:-webkit-box;margin-top:3px;overflow:hidden;font:500 18px/1.08 var(--serif);letter-spacing:-.025em;-webkit-line-clamp:2;-webkit-box-orient:vertical}.url-card-description{display:-webkit-box;flex:0 1 auto;margin-top:5px;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}.url-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:28px;margin-top:8px;overflow:visible}.url-card-footer:has(em){justify-content:space-between}.url-card-copy em{color:var(--muted);font-size:8px;font-style:normal;text-transform:uppercase;letter-spacing:.07em}.url-card-open{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:5px 11px;border:1px solid var(--line);border-radius:var(--chrome-pill);background:var(--paper);color:var(--ink);font-size:9px;font-weight:600;letter-spacing:.02em;text-decoration:none;cursor:pointer}.url-card-open:hover,.url-card-open:focus-visible{border-color:var(--purple);background:var(--purple-pale);color:var(--purple)}.colour-swatch{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(23,20,25,.18);background:#fffdfa;container-type:inline-size}.colour-swatch-plane{display:block;min-height:0}.colour-swatch-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:50px;padding:8px 12px 7px;border-top:1px solid rgba(23,20,25,.13);background:#fffdfa;color:#171419}.colour-swatch-name{min-width:0;overflow:hidden;font:500 15px/1.1 var(--serif);text-overflow:ellipsis;white-space:nowrap;cursor:text}.colour-swatch-name.is-editing{overflow:auto;padding:3px 4px;border-radius:3px;background:#fffdfa;text-overflow:clip;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.colour-swatch-name.is-editing:empty:before{content:"Colour";opacity:.48;pointer-events:none}.colour-swatch-caption small{color:#77727d;font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.colour-swatch-values{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.colour-swatch-caption .colour-swatch-cmyk{font-size:8px;letter-spacing:.035em}@container (max-width: 150px){.colour-swatch-caption{grid-template-columns:minmax(0,1fr);gap:3px;min-height:48px;padding:6px 7px}.colour-swatch-values{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:5px}}@container (max-width: 95px){.colour-swatch-caption{gap:2px;min-height:54px;padding:5px}.colour-swatch-name{font-size:12px}.colour-swatch-values{flex-direction:column;align-items:flex-start;gap:1px}.colour-swatch-caption small{font-size:8px;letter-spacing:.03em}.colour-swatch-caption .colour-swatch-cmyk{font-size:7px;letter-spacing:0}}.video-card{position:relative;width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) 76px;overflow:hidden;border:1px solid rgba(23,20,25,.18);background:var(--white);box-shadow:0 12px 28px #17141917;touch-action:auto}.video-card-stage{position:relative;min-height:0;overflow:hidden;background:#171419}.video-card iframe{display:block;width:100%;height:100%;border:0;background:#000;touch-action:auto}.video-load-player{position:relative;width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:8px;padding:28px;overflow:hidden;background:radial-gradient(circle at 50% 48%,#302a43,#171419 68%);color:#fff;text-align:center;cursor:pointer;touch-action:manipulation}.video-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-thumbnail-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1714192e,#1714196b)}.video-load-player>:not(.video-thumbnail,.video-thumbnail-shade){position:relative;z-index:1}.video-load-player:hover .video-play-mark,.video-load-player:focus-visible .video-play-mark{transform:scale(1.06);background:#fff;color:var(--purple)}.video-provider-label{position:absolute;left:14px;top:13px;color:#c8bbff;font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.video-play-mark{display:grid;place-items:center;width:55px;height:55px;padding-left:3px;border:1px solid rgba(255,255,255,.62);border-radius:50%;background:#ffffff14;color:#fff;transition:transform .16s,background .16s,color .16s}.video-load-player strong{font:500 22px/1 var(--serif)}.video-load-player small{color:#ffffff9e;font-size:9px;letter-spacing:.04em}.video-close-player{position:absolute;z-index:3;right:8px;top:8px;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:#171419cc;color:#fff;cursor:pointer;touch-action:manipulation}.video-close-player:hover,.video-close-player:focus-visible{background:#fff;color:#171419}.video-card-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:8px 13px 9px;border-top:1px solid rgba(23,20,25,.13);background:var(--white);color:var(--ink)}.video-card-copy small{overflow:hidden;color:var(--purple);font-size:9px;font-weight:600;letter-spacing:.11em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.video-card-copy strong{margin-top:2px;overflow:hidden;font:500 16px/1.08 var(--serif);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.video-card-copy span{display:-webkit-box;margin-top:3px;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.visual-file{position:relative;width:100%;height:100%}.visual-file>img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.safe-svg-label{position:absolute;right:6px;bottom:6px;padding:4px 9px;border-radius:var(--chrome-pill);background:#171419b8;color:#fff;font-size:8px;letter-spacing:.05em;text-transform:uppercase;opacity:0;transition:opacity .15s}.board-item.is-selected .safe-svg-label{opacity:1}.document-preview{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(23,20,25,.14);background:#fff;box-shadow:0 10px 30px #1714191a}.pdf-preview iframe{width:100%;flex:1;border:0;pointer-events:auto;background:#e7e5df}.document-page-status{flex:1;display:grid;place-items:center;padding:22px;background:#e7e5df;color:var(--muted);font-size:11px;text-align:center}.document-controls{flex:0 0 36px;display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--line);background:#fffdfa;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.document-controls button,.document-controls a{display:grid;place-items:center;width:25px;height:25px;border-radius:var(--chrome-pill);text-decoration:none}.document-controls button:hover,.document-controls a:hover{background:var(--purple-pale);color:var(--purple)}.document-position{display:flex;align-items:center;gap:4px;white-space:nowrap}.document-position input{width:38px;height:23px;padding:0 5px;border:1px solid var(--line);border-radius:var(--chrome-pill);background:#fff;color:var(--ink);font-size:9px;font-variant-numeric:tabular-nums;text-align:center}.document-position input::-webkit-inner-spin-button{margin:0}.pptx-visual-preview{flex:1;min-height:0;display:flex;flex-direction:column;background:#e7e5df}.pptx-render-region{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;padding:5px;background:#e7e5df}.pptx-render-stage{grid-area:1 / 1;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;background:#fff;box-shadow:0 2px 10px #17141929;pointer-events:none}.pptx-render-status{z-index:2;grid-area:1 / 1;align-self:center;padding:7px 13px;border-radius:var(--chrome-pill);background:#171419c7;color:#fff;font-size:9px;letter-spacing:.03em;pointer-events:none}.pptx-render-fallback{z-index:3;grid-area:1 / 1;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 24px;background:linear-gradient(140deg,#fffdfa,#f1eee7);color:var(--muted)}.pptx-render-fallback svg{margin-bottom:8px;color:var(--coral)}.pptx-render-fallback strong{color:var(--ink);font:500 17px/1.1 var(--serif)}.pptx-render-fallback p{display:-webkit-box;margin:8px 0;overflow:hidden;font-size:10px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:4}.pptx-render-fallback small{color:var(--coral);font-size:8px;letter-spacing:.04em}.pptx-thumbnail-strip{flex:0 0 56px;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 6px;overflow:hidden;border-top:1px solid rgba(23,20,25,.12);background:#f6f4ef}.pptx-thumbnail{position:relative;flex:none;width:68px;height:47px;display:grid;place-items:center;overflow:hidden;padding:2px;border:1px solid transparent;border-radius:4px;background:transparent}.pptx-thumbnail:hover,.pptx-thumbnail:focus-visible{border-color:var(--purple);background:var(--purple-pale)}.pptx-thumbnail.is-active{border-color:var(--purple);box-shadow:0 0 0 1px #714cff26}.pptx-thumbnail-render{display:block;width:62px;max-height:39px;overflow:hidden;background:#fff;pointer-events:none}.pptx-thumbnail-unavailable{position:absolute;z-index:1;top:2px;right:2px;bottom:2px;left:2px;display:grid;place-items:center;background:var(--paper-deep);color:var(--muted)}.pptx-thumbnail small{position:absolute;z-index:2;right:2px;bottom:1px;min-width:13px;padding:1px 3px;border-radius:2px;background:#171419c7;color:#fff;font-size:7px;line-height:1.2;font-variant-numeric:tabular-nums}.file-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:20px;border:1px solid var(--line);background:var(--white);color:var(--muted)}.file-fallback strong{color:var(--ink)}.file-fallback span{font-size:10px}.file-fallback.is-loading{align-items:center;font-size:11px}.generic-file{flex-direction:row;align-items:center;justify-content:flex-start;box-shadow:0 8px 24px #17141912}.generic-file>div{min-width:0;display:flex;flex:1;flex-direction:column}.generic-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.generic-file a{display:flex;align-items:center;gap:5px;color:var(--purple);font-size:10px;text-decoration:none}.connection{position:absolute;overflow:visible;pointer-events:none}.connection line{vector-effect:non-scaling-stroke}.connection-hit{stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:pointer}.connection-visible{pointer-events:none}.connection.is-selected .connection-visible{filter:drop-shadow(0 0 2px rgba(113,76,255,.9))}.tool-rail{position:fixed;z-index:90;left:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 90px);padding:8px;overflow-y:auto;border:1px solid var(--chrome-border);border-radius:var(--chrome-pill);background:var(--chrome-card);box-shadow:var(--chrome-shadow);scrollbar-width:none}.tool-rail::-webkit-scrollbar{display:none}.tool-rail button{position:relative;flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--chrome-pill);color:var(--ink);transition:background .15s,color .15s}.tool-rail button:hover,.tool-rail button:focus-visible{color:var(--purple);background:var(--purple-pale)}.tool-rail .tool-rail-tip{position:absolute;left:54px;padding:6px 12px;border-radius:var(--chrome-pill);background:var(--pill-bg);color:#fff;font-size:10px;opacity:0;pointer-events:none;transform:translate(-5px);transition:opacity .12s,transform .12s;white-space:nowrap}.tool-rail button:hover .tool-rail-tip,.tool-rail button:focus-visible .tool-rail-tip{opacity:1;transform:translate(0)}.quick-add{position:absolute;z-index:120;width:186px;max-height:calc(100% - 16px);padding:7px;overflow-y:auto;border:1px solid var(--chrome-border);border-radius:var(--chrome-card-radius);background:var(--chrome-card);color:var(--ink);box-shadow:var(--chrome-shadow);scrollbar-width:none;animation:menu-in .14s ease-out both}.quick-add::-webkit-scrollbar{display:none}@keyframes menu-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}}.quick-add-title{display:flex;align-items:center;gap:6px;padding:6px 14px 7px;color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.quick-add button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border-radius:var(--chrome-pill);text-align:left;font-size:12px}.quick-add button:hover,.quick-add button:focus-visible{color:var(--purple);background:var(--purple-pale)}.canvas-zoom{position:absolute;right:18px;bottom:18px;z-index:80;display:flex;align-items:center;gap:8px}.control-pill{display:flex;align-items:center;overflow:hidden;padding:3px;border:1px solid var(--chrome-border);border-radius:var(--chrome-pill);background:var(--chrome-card);box-shadow:var(--chrome-shadow)}.control-pill button{width:34px;height:34px;border-radius:var(--chrome-pill);font-size:15px;display:grid;place-items:center}.control-pill button:hover{background:var(--purple-pale);color:var(--purple)}.canvas-zoom .snap-toggle{color:var(--muted)}.canvas-zoom .snap-toggle.is-active{background:var(--purple-pale);color:var(--purple)}.zoom-pill .zoom-readout{width:52px;border-radius:var(--chrome-pill);color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.canvas-mode-toggle button{color:var(--muted)}.canvas-mode-toggle button.is-active{background:var(--purple-pale);color:var(--purple)}.app-shell:has(.selection-inspector) .canvas-zoom{bottom:80px}.selection-marquee{position:absolute;z-index:75;border:1.5px solid var(--purple);background:color-mix(in srgb,var(--purple) 10%,transparent);border-radius:3px;pointer-events:none}.selection-inspector{position:fixed;z-index:95;left:50%;bottom:18px;max-width:calc(100vw - 190px);min-height:45px;display:flex;align-items:center;gap:4px;padding:6px 14px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--chrome-border);border-radius:var(--chrome-pill);background:var(--chrome-card);color:var(--ink);box-shadow:var(--chrome-shadow);scrollbar-width:none;transform:translate(-50%);animation:inspector-in .18s ease-out both}.selection-inspector::-webkit-scrollbar{display:none}@keyframes inspector-in{0%{opacity:0;transform:translate(-50%,6px)}}.selection-inspector>button,.selection-inspector .icon-control{flex:none;display:grid;place-items:center;min-width:33px;height:32px;padding:0 11px;border-radius:var(--chrome-pill);font-size:10px;white-space:nowrap}.selection-inspector>button:hover,.selection-inspector .icon-control:hover,.selection-inspector button.is-active{color:var(--purple);background:var(--purple-pale)}.selection-inspector>button.table-copy-control{display:flex;gap:5px}.selection-inspector>button:disabled{color:var(--muted);opacity:.45;cursor:default}.selection-inspector .danger-control:hover{color:#a13d3a;background:#fae8e6}.multi-selection-inspector>button:has(>span){display:flex;gap:6px}.multi-selection-inspector>button:disabled{background:transparent;color:var(--muted)}.inspector-label{flex:none;padding:0 7px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.inspector-separator{flex:none;width:1px;height:24px;margin:0 3px;background:var(--line)}.compact-field,.select-field{flex:none;display:flex;align-items:center;gap:6px;padding:0 6px;color:var(--muted);font-size:9px;white-space:nowrap}.inspector-colour-values{flex:none;display:flex;align-items:center;gap:7px;padding:0 4px;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.inspector-hex{letter-spacing:.06em}.inspector-cmyk{letter-spacing:.035em}.inspector-link{flex:none;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px;border-radius:var(--chrome-pill);color:var(--ink);font-size:10px;text-decoration:none;white-space:nowrap}.inspector-link:hover,.inspector-link:focus-visible{background:var(--purple-pale);color:var(--purple)}.compact-field input[type=number]{width:54px;height:28px;border:1px solid var(--line);border-radius:var(--chrome-pill);padding:0 10px;background:#fff}.rotation-field input{width:58px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:var(--chrome-pill);background:#fff;font-variant-numeric:tabular-nums;text-align:right}.compact-field input[type=range]{width:80px;accent-color:var(--purple)}.select-field select{height:28px;padding:0 8px;border:1px solid var(--line);border-radius:var(--chrome-pill);background:#fff;font-size:10px}.colour-control{position:relative;flex:none;display:grid;place-items:center;width:30px;height:30px;cursor:pointer}.colour-control span{width:19px;height:19px;border:1px solid rgba(23,20,25,.18);border-radius:50%;box-shadow:inset 0 0 0 2px #fff}.colour-control input{position:absolute;width:1px;height:1px;opacity:0}.palette-row{flex:none;display:flex;gap:3px}.palette-row button,.tone-swatch{width:20px!important;min-width:20px!important;height:20px!important;padding:0!important;border:1px solid rgba(23,20,25,.14);border-radius:50%!important}.palette-row button.is-active,.tone-swatch.is-active{box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--purple)}.segmented{flex:none;display:flex;padding:2px;border:1px solid var(--line);border-radius:var(--chrome-pill)}.segmented button{height:25px;padding:0 11px;border-radius:var(--chrome-pill);font-size:9px}.segmented button.is-active{background:var(--ink);color:#fff}.connection-banner{position:fixed;z-index:94;top:80px;left:50%;max-width:calc(100vw - 28px);display:flex;align-items:center;gap:9px;padding:9px 12px 9px 17px;border-radius:var(--chrome-pill);background:var(--ink);color:#fff;font-size:11px;transform:translate(-50%);box-shadow:0 8px 24px #17141933}.connection-banner svg{flex:none;color:#aa95ff}.connection-banner button{flex:none;display:flex;align-items:center;gap:4px;padding:5px 11px;border-radius:var(--chrome-pill);background:#ffffff1f;color:#fff;font-size:9px}.panel-backdrop{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#17141938;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .2s ease-out both}@keyframes fade-in{0%{opacity:0}}.side-panel{width:min(450px,100%);height:100%;overflow:hidden;background:var(--white);border-radius:var(--chrome-card-radius) 0 0 var(--chrome-card-radius);box-shadow:-18px 0 60px #1714192e;animation:slide-in .3s cubic-bezier(.2,.8,.2,1) both}@keyframes slide-in{0%{transform:translate(30px);opacity:.6}}.side-panel>header{height:104px;display:flex;align-items:flex-start;justify-content:space-between;padding:25px 25px 19px;border-bottom:1px solid var(--line)}.side-panel>header small{display:block;margin-bottom:4px;color:var(--coral);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.side-panel>header h2{margin:0;font:400 31px/1 var(--serif);letter-spacing:-.04em}.side-panel>header>button{display:grid;place-items:center;width:33px;height:33px;border-radius:50%}.side-panel>header>button:hover{background:var(--paper-deep)}.panel-content{height:calc(100% - 104px);overflow-y:auto;padding:23px 25px 50px}.panel-content button:not(.delete-board),.url-form button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 18px;border:1px solid var(--line);border-radius:var(--chrome-pill);font-size:11px}.panel-content button:hover{border-color:var(--purple);color:var(--purple)}.panel-content .primary-panel-action{width:100%;background:var(--ink);border-color:var(--ink);color:#fff}.panel-content .primary-panel-action:hover{background:var(--purple);color:#fff}.panel-content p{color:var(--muted);font-size:12px;line-height:1.55}.panel-footnote{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:10px!important}.panel-section{margin-top:26px;padding-top:23px;border-top:1px solid var(--line)}.panel-section:first-child{margin-top:0;padding-top:0;border-top:0}.panel-section h3{display:flex;align-items:center;gap:7px;margin:0 0 5px;font-size:12px}.panel-section label,.url-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:10px}.panel-section input,.url-form input{width:100%;height:42px;padding:0 18px;border:1px solid var(--line);border-radius:var(--chrome-pill);background:#fff;color:var(--ink)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 10px}.panel-action-row{display:flex;gap:8px}.panel-action-row .primary-panel-action{flex:1;width:auto}.copy-row{width:100%;justify-content:space-between!important;margin-bottom:9px;background:var(--paper)}.copy-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.warning-note{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--coral) 55%,transparent);border-radius:var(--chrome-card-radius);background:#fbf3ef}.warning-note svg{flex:none;margin-top:2px;color:var(--coral)}.warning-note p{margin:0;font-size:10px}.panel-section button.is-marked{width:100%;border-color:var(--green);background:#e3ece8;color:var(--green)}.board-list{margin-top:18px;border-top:1px solid var(--line)}.board-list-item{display:flex;align-items:center;min-height:66px;border-bottom:1px solid var(--line)}.board-list-item>button:first-child{min-width:0;flex:1;align-items:flex-start;flex-direction:column;border:0;padding-inline:0}.board-list-item>button:first-child span{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:13px}.board-list-item>button:first-child small{color:var(--muted);font-size:9px}.board-list-item.is-current{color:var(--purple)}.delete-board{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--chrome-pill);color:var(--muted)}.about-lockup{display:flex;align-items:center;gap:16px;padding-bottom:20px}.about-lockup .qboard-logo{width:48px;height:48px}.about-lockup p{margin:0;color:var(--ink);font:400 21px/1.22 var(--serif);letter-spacing:-.025em}.about-privacy{margin-top:22px!important;padding-top:18px;border-top:1px solid var(--line);font-size:11px!important}.about-privacy a{color:var(--purple);text-underline-offset:3px}.url-form{display:flex;flex-direction:column;gap:12px}.form-error{margin:-3px 0 0;color:#a13d3a!important}.board-search-field{display:flex;align-items:center;gap:9px;height:45px;padding:0 18px;border:1px solid var(--line);border-radius:var(--chrome-pill);background:var(--paper);color:var(--muted)}.board-search-field:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 12%,transparent);color:var(--purple)}.board-search-field input{min-width:0;flex:1;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.board-search-summary{margin:10px 0 4px;font-size:10px!important}.board-search-results{display:grid;gap:5px;margin-top:12px}.panel-content .board-search-results>button{width:100%;min-height:57px;justify-content:space-between;padding:10px 20px;text-align:left}.board-search-results button>span{min-width:0;display:grid;gap:3px}.board-search-results strong{overflow:hidden;color:var(--ink);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.board-search-results small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.board-search-results em{flex:none;padding:3px 9px;border-radius:var(--chrome-pill);background:var(--paper-deep);color:var(--muted);font-size:8px;font-style:normal;letter-spacing:.06em;text-transform:uppercase}.board-search-empty{display:grid;justify-items:center;gap:5px;padding:42px 16px;color:var(--muted);text-align:center}.board-search-empty strong{color:var(--ink);font:500 18px/1.1 var(--serif)}.board-search-empty span{font-size:10px}.is-spinning{animation:control-spin .75s linear infinite}@keyframes control-spin{to{transform:rotate(360deg)}}.toast{position:fixed;z-index:300;left:50%;top:78px;max-width:min(500px,calc(100% - 30px));padding:10px 22px;border-radius:var(--chrome-pill);background:var(--ink);color:#fff;font-size:11px;text-align:center;transform:translate(-50%);box-shadow:0 10px 30px #17141938;animation:toast-in .2s ease-out both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-7px)}}.loading-screen,.unlock-screen{width:100%;height:100%;display:grid;place-items:center;background:var(--paper)}.loading-screen{align-content:center;gap:13px;color:var(--muted);font-size:11px}.loading-mark{width:48px;height:48px;border-radius:50%;animation:breathe 1.6s ease-in-out infinite}.missing-board-screen{padding:28px;text-align:center}.missing-board-screen .loading-mark{animation:none}.missing-board-eyebrow{margin:8px 0 -4px;color:var(--coral);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.missing-board-screen h1{max-width:540px;margin:0;color:var(--ink);font:400 clamp(36px,6vw,64px)/.98 var(--serif);letter-spacing:-.045em}.missing-board-screen>p:not(.missing-board-eyebrow){max-width:520px;margin:2px 0 8px;line-height:1.55}.missing-board-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.missing-board-actions button{min-height:40px;padding:9px 20px;border:1px solid var(--line);border-radius:var(--chrome-pill);background:var(--white);color:var(--ink);font-size:11px}.missing-board-actions button.primary{border-color:var(--ink);background:var(--ink);color:#fff}@keyframes breathe{50%{transform:rotate(-3deg) scale(1.06);box-shadow:0 0 0 12px #714cff14}}.unlock-screen{position:relative;background:radial-gradient(circle at 50% 44%,#fffdfa 0,var(--paper) 42%,var(--paper-deep) 100%)}.unlock-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(23,20,25,.11) 0 1px,transparent 1.2px);background-size:30px 30px;-webkit-mask-image:radial-gradient(circle,transparent 0,black 75%);mask-image:radial-gradient(circle,transparent 0,black 75%)}.unlock-brand{position:fixed;left:22px;top:19px;display:flex;align-items:center}.unlock-card{position:relative;width:min(430px,calc(100% - 36px));padding:34px;border:1px solid var(--chrome-border);border-radius:var(--chrome-card-radius);background:#fffdfaf2;box-shadow:0 22px 70px #1714191f}.unlock-card>svg{color:var(--purple)}.unlock-card>small{display:block;margin-top:19px;color:var(--coral);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.unlock-card h1{margin:7px 0 10px;font:400 42px/1 var(--serif);letter-spacing:-.05em}.unlock-card>p{color:var(--muted);font-size:12px}.unlock-card form{display:flex;flex-direction:column;gap:12px;margin-top:24px}.unlock-card form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:10px}.unlock-card form input{height:48px;padding:0 22px;border:1px solid var(--line);border-radius:var(--chrome-pill);background:#fff;font-size:20px;letter-spacing:.16em}.unlock-card form button{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:var(--chrome-pill);background:var(--ink);color:#fff;font-size:11px}.unlock-card form button:hover{background:var(--purple)}.unlock-message{color:#a13d3a;font-size:10px}}@layer responsive{@media(max-width:820px){.top-pill{top:10px;gap:8px;padding:5px 7px 5px 6px}.top-pill-mark{width:32px;height:32px}.top-pill .board-title-input{min-width:70px;font-size:13px}.top-pill-actions{gap:2px}.top-pill-actions button{width:34px;height:34px}.tool-rail{left:50%;top:auto;bottom:13px;max-height:none;max-width:calc(100% - 20px);transform:translate(-50%);flex-direction:row;overflow-x:auto;overflow-y:hidden}.tool-rail .tool-rail-tip{display:none}.selection-inspector{bottom:69px;max-width:calc(100vw - 24px);padding:6px 12px}.multi-selection-inspector>button>span{display:none}.canvas-zoom{right:10px;bottom:72px}.app-shell:has(.selection-inspector) .canvas-zoom{bottom:126px}.empty-canvas{top:46%}.empty-headline{width:min(92vw,560px)}.side-panel>header{height:90px}.panel-content{height:calc(100% - 90px)}}@media(max-width:470px){.side-panel{border-radius:0}}@media(max-width:520px){.tool-rail{max-width:calc(100% - 20px);padding:6px}.tool-rail button{width:38px;height:38px}.field-pair{grid-template-columns:1fr}.unlock-card{padding:26px}.unlock-card h1{font-size:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.frame-drop-overlay.is-pending:after{display:none}}}@layer base{:root[data-theme=dark]{--ink: #f3efe7;--paper: #141715;--paper-deep: #202420;--purple: #a58cff;--purple-pale: #2d2840;--line: #3c423d;--muted: #a6aca6;--green: #8fc8b2;--coral: #e28d86;--white: #1b1f1c;--ground: #17161b;--dot: rgba(243, 239, 231, .1);--hot: #7a45f5;--hot: oklch(56% .245 294.31);--chrome-card: #211f27;--chrome-border: rgba(255, 255, 255, .12);--chrome-shadow: 0 14px 38px rgba(0, 0, 0, .42)}}@layer components{:root[data-theme=dark] .top-pill{border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 44px #00000080,0 3px 10px #0006}:root[data-theme=dark] .appearance-toggle button.is-active{border-color:var(--purple);background:var(--purple);color:#fff}:root[data-theme=dark] .panel-content .primary-panel-action,:root[data-theme=dark] .segmented button.is-active,:root[data-theme=dark] .missing-board-actions button.primary,:root[data-theme=dark] .unlock-card form button{background:var(--purple);border-color:var(--purple);color:#fff}:root[data-theme=dark] .canvas:after{background:radial-gradient(ellipse 45% 35% at 48% 44%,rgba(255,255,255,.035),transparent 70%)}:root[data-theme=dark] .board-item.is-selected:after,:root[data-theme=dark] .board-item:focus-visible:after{box-shadow:0 0 0 1px #141715eb,0 0 0 4px #a58cff29}:root[data-theme=dark] .move-handle,:root[data-theme=dark] .item-delete-button{border-color:#ffffff29;background:var(--white);box-shadow:0 3px 12px #00000059}:root[data-theme=dark] .resize-handle{border-color:var(--paper)}:root[data-theme=dark] .rich-note{border-color:#ffffff1a;box-shadow:0 10px 32px #00000040}:root[data-theme=dark] .tone-paper{background:#222622}:root[data-theme=dark] .tone-purple{background:#302a43}:root[data-theme=dark] .tone-coral{background:#3c2928}:root[data-theme=dark] .tone-green{background:#20342d}:root[data-theme=dark] .board-table,:root[data-theme=dark] .url-card,:root[data-theme=dark] .video-card,:root[data-theme=dark] .document-preview,:root[data-theme=dark] .document-controls,:root[data-theme=dark] .file-fallback{border-color:#ffffff29;background:var(--white)}:root[data-theme=dark] .board-table th,:root[data-theme=dark] .board-table td{border-color:#ffffff38}:root[data-theme=dark] .board-table textarea{color:var(--ink)}:root[data-theme=dark] .board-table .table-header-cell{background:#a58cff29}:root[data-theme=dark] .url-card,:root[data-theme=dark] .video-card{box-shadow:0 12px 28px #00000047}:root[data-theme=dark] .pdf-preview iframe,:root[data-theme=dark] .document-page-status,:root[data-theme=dark] .pptx-visual-preview,:root[data-theme=dark] .pptx-render-region{background:#252a26}:root[data-theme=dark] .pptx-render-fallback{background:linear-gradient(140deg,#202420,#171a18)}:root[data-theme=dark] .pptx-thumbnail-strip{border-color:#ffffff1f;background:#202420}:root[data-theme=dark] .compact-field input[type=number],:root[data-theme=dark] .rotation-field input,:root[data-theme=dark] .document-position input,:root[data-theme=dark] .select-field select,:root[data-theme=dark] .panel-section input,:root[data-theme=dark] .url-form input,:root[data-theme=dark] .unlock-card form input{border-color:var(--line);background:#202420;color:var(--ink)}:root[data-theme=dark] .board-search-field{border-color:var(--line);background:#202420}:root[data-theme=dark] .selection-inspector :is(.compact-field input[type=number],.rotation-field input,.select-field select),:root[data-theme=dark] .segmented{border-color:#ffffff2e}:root[data-theme=dark] .later-marker{background:#20342d;color:var(--green)}:root[data-theme=dark] .warning-note{background:#352725;color:var(--ink)}:root[data-theme=dark] .connection-banner,:root[data-theme=dark] .toast{background:#292d2a;color:#fff;box-shadow:0 10px 30px #00000061}:root[data-theme=dark] .panel-backdrop{background:#0000006b}:root[data-theme=dark] .side-panel{box-shadow:-18px 0 60px #00000061}:root[data-theme=dark] .unlock-screen{background:radial-gradient(circle at 50% 44%,#202420 0,var(--paper) 44%,#0f1110 100%)}:root[data-theme=dark] .unlock-card{border-color:#ffffff1f;background:#1b1f1cf5;box-shadow:0 22px 70px #00000061}}