@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/da4b870ab52b3094-s.2uxt0u9yugpfw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.2zeei6axiu3qn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27211fhlic14m.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a85fe84266768609-s.p.00hx3ibfyf9qx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/da4b870ab52b3094-s.2uxt0u9yugpfw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.2zeei6axiu3qn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27211fhlic14m.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a85fe84266768609-s.p.00hx3ibfyf9qx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}.caveat_4ffcda1d-module__x9HS8W__className{font-family:Caveat,Caveat Fallback;font-style:normal}.caveat_4ffcda1d-module__x9HS8W__variable{--font-caveat:"Caveat", "Caveat Fallback"}
:root{--font-system:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-serif:"New York", ui-serif, "Iowan Old Style", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-hand:var(--font-caveat), "Bradley Hand", "Segoe Print", cursive;--bg:#f5f5f7;--canvas:#fff;--panel:#fff;--ink:#1d1d1f;--ink-2:#48484a;--ink-3:#86868b;--ink-4:#c7c7cc;--hairline:#00000017;--hairline-strong:#00000029;--hover:#0000000e;--press:#00000017;--chip:#0000000f;--glass:#fffc;--dot:#00000024;--accent:#007aff;--accent-hover:#0068d9;--accent-soft:#007aff1f;--green:#248a3d;--green-soft:#34c75924;--danger:#ff3b30;--shadow:0 0 0 .5px #0000000d, 0 10px 32px -6px #00000029, 0 2px 6px #0000000a;--blend-hl:multiply;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#101012;--canvas:#1c1c1e;--panel:#232325;--ink:#f5f5f7;--ink-2:#d1d1d6;--ink-3:#98989d;--ink-4:#48484a;--hairline:#ffffff1a;--hairline-strong:#ffffff2e;--hover:#ffffff14;--press:#ffffff21;--chip:#ffffff1a;--glass:#2c2c2ec7;--dot:#ffffff21;--accent:#0a84ff;--accent-hover:#409cff;--accent-soft:#0a84ff33;--green:#30d158;--green-soft:#30d15829;--danger:#ff453a;--shadow:0 0 0 .5px #ffffff14, 0 10px 32px -6px #0009;--blend-hl:screen;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-system);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--accent);text-decoration:none}kbd{color:var(--ink-3);font-family:var(--font-system);margin-left:auto;font-size:13px}.muted{color:var(--ink-3)}.glass{background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(22px);backdrop-filter:saturate(180%)blur(22px);box-shadow:var(--shadow);border-radius:14px}.icon-btn{width:38px;height:38px;color:var(--ink);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;transition:background .12s,color .12s,transform .12s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--hover)}.icon-btn:active:not(:disabled){background:var(--press);transform:scale(.94)}.icon-btn:disabled{color:var(--ink-4)}.icon-btn.active{background:var(--accent-soft);color:var(--accent)}.icon-btn.danger{color:var(--danger)}.sep{background:var(--hairline-strong);flex:none;width:1px;height:22px;margin:0 4px}.btn{white-space:nowrap;border:0;border-radius:19px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 18px;font-size:15px;font-weight:600;transition:background .15s,transform .12s,color .15s,border-color .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.primary:disabled{opacity:.7}.btn.ghost{color:var(--accent);background:0 0}.btn.ghost:hover{background:var(--accent-soft)}.btn.outline{color:var(--accent);box-shadow:inset 0 0 0 1px var(--hairline-strong);background:0 0}.btn.outline:hover{background:var(--accent-soft)}.btn.outline.done{color:var(--green)}.btn.danger{background:var(--danger);color:#fff}.btn.small{height:32px;padding:0 14px;font-size:14px}.btn.wide{border-radius:12px;width:100%;height:46px}.btn.icon-only{width:38px;padding:0}.link-btn{color:var(--accent);background:0 0;border:0;padding:0;font-weight:600}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner.dark{border-color:var(--ink-4);border-top-color:var(--ink-2)}@keyframes spin{to{transform:rotate(360deg)}}.avatar{color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.avatar.ghost{background:var(--chip);width:34px;height:34px;color:var(--ink-3)}.pop-wrap{display:inline-flex;position:relative}.popover{z-index:60;transform-origin:top;min-width:max-content;padding:8px;animation:.16s cubic-bezier(.2,.9,.3,1.15) pop-in;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.popover.above{transform-origin:bottom;top:auto;bottom:calc(100% + 10px)}@keyframes pop-in{0%{opacity:0;scale:.94}}.pop-title{color:var(--ink-3);padding:4px 6px 6px;font-size:12px;font-weight:600}.menu{flex-direction:column;min-width:200px;display:flex}.menu-item{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:15px;display:flex}.menu-item:hover{background:var(--hover)}.menu-item.danger{color:var(--danger)}.menu-item.checked{color:var(--accent)}.menu-item.checked svg{margin-left:auto}.menu-sep{background:var(--hairline);height:1px;margin:5px 8px}.menu-check{width:18px;color:var(--accent);flex:none;place-items:center;display:inline-grid}.menu-label small{color:var(--ink-3);margin-top:1px;font-size:12.5px;display:block}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.font-hand{font-family:var(--font-hand);font-size:20px}.swatch-grid{grid-template-columns:repeat(6,30px);gap:8px;padding:2px 4px 4px;display:grid}.swatch{border:0;border-radius:50%;width:30px;height:30px;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000001f}.swatch:hover{transform:scale(1.1)}.swatch.selected{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--panel), 0 0 0 4px var(--accent)}.swatch.none,.dot.none{background:linear-gradient(135deg, transparent 46%, var(--danger) 46%, var(--danger) 54%, transparent 54%), var(--panel)!important}.color-btn{background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:inline-grid}.color-btn:hover,.color-btn.active{background:var(--hover)}.color-btn .dot{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000024}.text-btn{background:0 0;border:0;border-radius:10px;min-width:38px;height:38px;padding:0 8px;font-size:16px;font-weight:600}.text-btn:hover,.text-btn.active{background:var(--hover)}.stepper{align-items:center;display:inline-flex}.stepper .icon-btn{width:30px}.stepper-val{text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-size:14px;font-weight:500}.widths{gap:2px;display:inline-flex}.width-btn{background:0 0;border:0;border-radius:10px;place-items:center;width:34px;height:38px;display:inline-grid}.width-btn span{background:var(--ink);border-radius:4px;width:18px;display:block}.width-btn:hover{background:var(--hover)}.width-btn.active{background:var(--accent-soft)}.width-btn.active span{background:var(--accent)}.shape-grid{grid-template-columns:repeat(4,44px);gap:4px;display:grid}.shape-grid .icon-btn{width:44px;height:44px;color:var(--accent)}.shape-panel{padding:2px}.board-app{overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}.viewport{background-color:var(--canvas);background-image:radial-gradient(circle, var(--dot) 1.05px, transparent 1.3px);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:default;--iz:1;position:absolute;inset:0;overflow:hidden}.viewport.tool-pen,.viewport.tool-line,.viewport.tool-arrow{cursor:crosshair}.viewport.tool-eraser{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='11' cy='11' r='9' fill='white' fill-opacity='.6' stroke='%23555' stroke-width='1.5'/%3E%3C/svg%3E") 11 11,crosshair}.viewport.panning,.viewport.panning *{cursor:grab!important}.world{transform-origin:0 0;position:absolute;top:0;left:0}.item{transform-origin:50%;position:absolute;top:0;left:0}.readonly .item,.readonly .line-svg{cursor:default}.sticky{border-radius:3px;position:absolute;inset:0;box-shadow:0 .5px 1px #0000001a,0 10px 18px -10px #0000004d}.sticky-box{align-items:center;display:flex;position:absolute;inset:16px;overflow:hidden}.sticky-text{text-align:center;color:#1d1d1f;white-space:pre-wrap;overflow-wrap:anywhere;outline:none;width:100%;font-weight:500;line-height:1.24}.textbox-text{white-space:pre-wrap;overflow-wrap:anywhere;outline:none;min-height:1.3em;line-height:1.3}[data-editable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;cursor:text;caret-color:var(--accent)}[data-editable][data-empty]:before{content:attr(data-placeholder);color:var(--ink-3);pointer-events:none}.item-text.editing{outline:calc(1.5px * var(--iz)) dashed var(--accent);outline-offset:calc(4px * var(--iz))}.shape-svg{position:absolute;inset:0;overflow:visible}.shape-text{justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.shape-text-inner{text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;outline:none;width:100%;font-weight:500;line-height:1.25}.line-svg,.sel-line{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.line-hit{fill:none;stroke:#0000;pointer-events:stroke}.sel-line path{fill:none;stroke:var(--accent);stroke-width:calc(1.5px * var(--iz));stroke-dasharray:calc(5px * var(--iz)) calc(4px * var(--iz))}.draw-svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.draw-svg.highlighter{mix-blend-mode:var(--blend-hl)}.draw-path{pointer-events:visiblePainted}.image-wrap{background:var(--chip);border-radius:6px;position:absolute;inset:0;overflow:hidden}.image-wrap img{object-fit:fill;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.uploading{background:#ffffff73;place-items:center;display:grid;position:absolute;inset:0}.uploading .spinner{width:calc(26px * var(--iz));height:calc(26px * var(--iz));border-width:calc(3px * var(--iz));border-color:#00000026;border-top-color:var(--accent)}.sel-box,.sel-item,.peer-sel,.marquee,.bind-target{pointer-events:none;position:absolute}.sel-box{border:calc(1.5px * var(--iz)) solid var(--accent);transform-origin:50%}.sel-box.locked{border-style:dashed;border-color:var(--ink-3)}.sel-item{border:calc(1px * var(--iz)) solid var(--accent);opacity:.55;transform-origin:50%}.handle{width:calc(12px * var(--iz));height:calc(12px * var(--iz));margin:calc(-6px * var(--iz)) 0 0 calc(-6px * var(--iz));border:calc(1.5px * var(--iz)) solid var(--accent);box-shadow:0 calc(1px * var(--iz)) calc(3px * var(--iz)) #0003;pointer-events:auto;touch-action:none;background:#fff;border-radius:50%;position:absolute}.handle:after{content:"";inset:calc(-8px * var(--iz));border-radius:50%;position:absolute}@media (pointer:coarse){.handle:after{inset:calc(-14px * var(--iz))}}.h-nw{cursor:nwse-resize;top:0;left:0}.h-n{cursor:ns-resize;top:0;left:50%}.h-ne{cursor:nesw-resize;top:0;left:100%}.h-e{cursor:ew-resize;top:50%;left:100%}.h-se{cursor:nwse-resize;top:100%;left:100%}.h-s{cursor:ns-resize;top:100%;left:50%}.h-sw{cursor:nesw-resize;top:100%;left:0}.h-w{cursor:ew-resize;top:50%;left:0}.handle.rot{left:50%;top:calc(-28px * var(--iz));cursor:grab}.rot-stem{left:50%;top:calc(-28px * var(--iz));width:calc(1.5px * var(--iz));margin-left:calc(-.75px * var(--iz));height:calc(28px * var(--iz));background:var(--accent);position:absolute}.handle.pt{cursor:move}.handle.bend{background:var(--accent);width:calc(10px * var(--iz));height:calc(10px * var(--iz));margin:calc(-5px * var(--iz)) 0 0 calc(-5px * var(--iz));border-color:#fff}.marquee{border:calc(1px * var(--iz)) solid var(--accent);border-radius:calc(2px * var(--iz));background:#007aff12}.bind-target{border:calc(2px * var(--iz)) solid var(--accent);border-radius:calc(8px * var(--iz));background:#007aff0f}.peer-sel{border:calc(2px * var(--iz)) solid;border-radius:calc(3px * var(--iz))}.peer-sel span{left:calc(-2px * var(--iz));margin-bottom:calc(3px * var(--iz));font-size:calc(11px * var(--iz));font-weight:600;line-height:calc(18px * var(--iz));padding:0 calc(6px * var(--iz));border-radius:calc(5px * var(--iz));color:#fff;white-space:nowrap;position:absolute;bottom:100%}.cursor{pointer-events:none;transform-origin:0 0;filter:drop-shadow(0 1px 2px #00000040);transition:transform 90ms linear;position:absolute;top:0;left:0}.cursor svg{display:block}.cursor span{color:#fff;white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;top:19px;left:14px}.topbar{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));pointer-events:none;z-index:20;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;display:grid;position:fixed}.topbar>*{pointer-events:auto}.top-left{justify-self:start;align-items:center;gap:2px;min-width:0;max-width:100%;padding:4px 8px 4px 4px;display:flex}.title-btn{text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;max-width:28vw;padding:7px 6px;font-size:15px;font-weight:600;overflow:hidden}.title-btn:hover{background:var(--hover)}.title-input{outline:2px solid var(--accent);background:var(--panel);border:0;border-radius:8px;width:min(260px,40vw);padding:6px 8px;font-size:15px;font-weight:600}.status{width:26px;color:var(--ink-3);place-items:center;display:inline-grid}.status.connecting{animation:1.4s ease-in-out infinite pulse}.status.offline{color:var(--danger)}@keyframes pulse{50%{opacity:.35}}.toolbar{justify-self:center;align-items:center;gap:2px;padding:4px;display:flex}.viewonly{color:var(--ink-2);justify-self:center;padding:10px 16px;font-size:14px;font-weight:600}.top-right{justify-self:end;align-items:center;gap:10px;display:flex}.avatars{padding-left:6px;display:flex}.avatars .avatar{width:32px;height:32px;box-shadow:0 0 0 2px var(--canvas);margin-left:-7px;font-size:12px;animation:.2s pop-in}.avatar.more{background:var(--ink-3)}.share-btn{background:var(--accent);color:#fff;border:0;border-radius:20px;align-items:center;gap:7px;height:40px;padding:0 16px 0 13px;font-weight:600;transition:background .15s,transform .12s;display:inline-flex;position:relative;box-shadow:0 6px 18px -6px #007aff99}.share-btn:hover{background:var(--accent-hover)}.share-btn:active{transform:scale(.97)}.badge{background:var(--danger);color:#fff;min-width:20px;height:20px;box-shadow:0 0 0 2px var(--canvas);border-radius:10px;place-items:center;padding:0 5px;font-size:12px;display:grid;position:absolute;top:-5px;right:-5px}.drawbar{top:calc(max(12px, env(safe-area-inset-top)) + 58px);z-index:19;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;max-width:calc(100vw - 24px);padding:5px 6px;animation:.2s cubic-bezier(.2,.9,.3,1.1) slide-down;display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes slide-down{0%{opacity:0;translate:0 -8px}}.pen-btn{background:0 0;border:0;border-radius:10px;place-items:center;width:40px;height:42px;padding-bottom:6px;display:inline-grid;position:relative}.pen-btn:hover{background:var(--hover)}.pen-btn.active{background:var(--accent-soft);color:var(--accent)}.pen-tip{border-radius:2px;height:4px;position:absolute;bottom:6px;left:11px;right:11px}.draw-colors{gap:6px;padding:0 4px;display:flex}.draw-colors .swatch{width:24px;height:24px}.drawbar .btn{margin-left:6px}.inspector{bottom:max(16px, env(safe-area-inset-bottom));z-index:19;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;max-width:calc(100vw - 24px);padding:5px;animation:.18s cubic-bezier(.2,.9,.3,1.1) slide-up;display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes slide-up{0%{opacity:0;translate:0 8px}}.bottom-left{left:max(12px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));z-index:18;gap:8px;display:flex;position:fixed}.zoom,.history{align-items:center;padding:3px;display:flex}.zoom .icon-btn,.history .icon-btn{width:34px;height:34px}.zoom-val{font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:8px;min-width:56px;height:34px;font-size:13.5px;font-weight:500}.zoom-val:hover{background:var(--hover)}.empty-hint{text-align:center;pointer-events:none;color:var(--ink-2);z-index:5;max-width:min(420px,86vw);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-hint p{margin:0 0 6px}.empty-actions{pointer-events:auto;justify-content:center;gap:12px;margin-top:18px;display:flex}.mini-sticky{border:0;border-radius:3px;width:46px;height:46px;transition:transform .15s;box-shadow:0 6px 14px -8px #0006}.mini-sticky:hover{transform:translateY(-3px)rotate(-3deg)}.toasts{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 66px);z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{color:#fff;text-align:center;background:#1d1d1feb;border-radius:18px;max-width:90vw;padding:9px 16px;font-size:14px;font-weight:500;animation:.2s slide-up;box-shadow:0 8px 24px #00000040}.modal-backdrop{z-index:900;background:#0000004d;place-items:center;padding:12px;animation:.18s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.share-dialog{background:var(--panel);border-radius:20px;width:min(560px,100%);max-height:calc(100dvh - 24px);padding:20px 22px 18px;animation:.24s cubic-bezier(.2,.9,.3,1.12) dialog-in;overflow:auto;box-shadow:0 30px 90px #00000059}.share-dialog.small{width:min(420px,100%)}.share-dialog h2{letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:650}@keyframes dialog-in{0%{opacity:0;translate:0 10px;scale:.96}}.share-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.share-head h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.share-loading{place-items:center;height:200px;display:grid}.add-row{align-items:flex-start;gap:8px;display:flex}.add-row .dropdown-btn{height:48px;box-shadow:inset 0 0 0 1px var(--hairline-strong);border-radius:10px;padding:0 12px}.chip-input{min-width:0;min-height:48px;box-shadow:inset 0 0 0 1px var(--hairline-strong);background:var(--panel);cursor:text;border-radius:10px;flex-wrap:wrap;flex:1;align-items:center;gap:6px;padding:7px 10px;transition:box-shadow .15s;display:flex;position:relative}.chip-input:focus-within{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 4px var(--accent-soft)}.chip-input input{background:0 0;border:0;outline:0;flex:1;min-width:160px;padding:4px 2px;font-size:15px}.chip{background:var(--chip);border-radius:15px;align-items:center;gap:6px;max-width:100%;height:30px;padding:0 4px;font-size:14px;animation:.15s pop-in;display:inline-flex}.chip .avatar{font-size:9px}.chip-dot{background:var(--ink-4);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip button{width:22px;height:22px;color:var(--ink-3);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.chip button:hover{background:var(--hover);color:var(--ink)}.suggestions{z-index:20;background:var(--panel);padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0}.suggestion{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 8px;display:flex}.suggestion.active,.suggestion:hover{background:var(--hover)}.share-hint{color:var(--ink-3);margin:14px 2px 0;font-size:14px;line-height:1.45}.share-error{color:var(--danger);margin:10px 2px 0;font-size:14px}.share-note{background:var(--green-soft);border-radius:10px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:14px;line-height:1.45;animation:.2s slide-down;display:flex}.share-note>svg{color:var(--green);flex:none;margin-top:2px}.share-section h3{margin:18px 0 4px;font-size:15px;font-weight:600}.people{max-height:290px;margin:0 -6px;padding:0 6px;overflow:auto}.person,.general{align-items:center;gap:12px;min-height:52px;padding:7px 0;display:flex}.person.pending .person-text b{font-weight:500}.person-text{flex-direction:column;flex:1;min-width:0;display:flex}.person-text b,.person-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person-text b{font-size:15px;font-weight:600}.person-text small{color:var(--ink-3);margin-top:1px;font-size:13px}.you{color:var(--ink-3);font-weight:400}.role-static{color:var(--ink-3);padding:0 10px;font-size:14px}.dropdown-btn{background:0 0;border:0;border-radius:8px;flex:none;align-items:center;gap:5px;height:34px;padding:0 10px;font-size:14.5px;font-weight:500;transition:background .12s;display:inline-flex}.dropdown-btn:hover:not(:disabled),.dropdown-btn.open{background:var(--hover)}.dropdown-btn.plain{align-self:flex-start;margin-left:-10px;font-size:15px;font-weight:600}.dropdown-btn.approve{background:var(--accent);color:#fff;border-radius:17px;padding:0 12px}.dropdown-btn.approve:hover,.dropdown-btn.approve.open{background:var(--accent-hover)}.dropdown-btn.approve:before{content:"Approve"}.dropdown-menu{z-index:1000;background:var(--panel);transform-origin:100% 0;width:220px;padding:6px;animation:.14s cubic-bezier(.2,.9,.3,1.15) pop-in;position:fixed}.dropdown-menu.up{transform-origin:100% 100%}.dropdown-menu .menu-item{align-items:flex-start;padding:8px 10px}.general-icon{background:var(--chip);width:36px;height:36px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;transition:background .2s,color .2s;display:grid}.general-icon.open{background:var(--green-soft);color:var(--green)}.share-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.share-actions{gap:8px;display:flex}.auth-page{background:radial-gradient(60% 50% at 15% 10%, #ffe57f59, transparent 70%), radial-gradient(50% 50% at 85% 85%, #a9d6ff66, transparent 70%), var(--bg);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{background:var(--panel);width:min(400px,100%);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;padding:30px 28px 24px;display:flex}.auth-card h1{letter-spacing:-.02em;margin:18px 0 4px;font-size:26px;font-weight:700}.auth-card>.muted{margin:0 0 18px;line-height:1.45}.brand{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand-mark{width:28px;height:28px;position:relative}.brand-mark span{border-radius:3px;width:17px;height:17px;position:absolute;box-shadow:0 2px 5px -2px #00000059}.brand-mark span:first-child{background:#a9d6ff;top:2px;left:0;transform:rotate(-8deg)}.brand-mark span:nth-child(2){background:#ffb4c6;top:0;left:10px;transform:rotate(6deg)}.brand-mark span:nth-child(3){background:#ffe57f;top:10px;left:6px;transform:rotate(-2deg)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>span{color:var(--ink-2);font-size:13px;font-weight:600}.field input{width:100%;height:46px;box-shadow:inset 0 0 0 1px var(--hairline-strong);background:var(--panel);border:0;border-radius:11px;outline:none;padding:0 14px;font-size:16px;transition:box-shadow .15s}.field input:focus{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 4px var(--accent-soft)}.pw{position:relative}.pw input{padding-right:64px}.pw-toggle{height:32px;color:var(--accent);background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:14px;font-weight:600;position:absolute;top:7px;right:6px}.form-error{color:var(--danger);margin:-4px 0 12px;font-size:14px}.switch{text-align:center;color:var(--ink-3);margin:18px 0 0;font-size:14px}.access-card{text-align:center;align-items:center}.access-card .btn.wide{margin-top:4px}.lock-art{background:var(--chip);width:84px;height:84px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.waiting{color:var(--ink-2);align-items:center;gap:10px;margin-top:4px;font-size:14px;display:flex}.signed-in{border-top:1px solid var(--hairline);text-align:left;align-items:center;gap:10px;width:100%;margin-top:26px;padding-top:18px;font-size:14px;display:flex}.signed-in .person-text b{font-size:14px;font-weight:500}.back-link{margin-top:16px;font-size:14px;font-weight:600}.home{max-width:1240px;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 60px max(20px, env(safe-area-inset-left));margin:0 auto}.home-head{justify-content:space-between;align-items:center;gap:12px;padding:8px 0 14px;display:flex}.home-head .brand{letter-spacing:-.02em;font-size:26px}.home-actions{align-items:center;gap:10px;display:flex}.search{background:var(--chip);border:0;border-radius:19px;outline:none;width:220px;height:38px;padding:0 16px;font-size:15px}.search:focus{box-shadow:0 0 0 2px var(--accent);background:var(--panel)}.avatar-btn{background:0 0;border:0;border-radius:50%;padding:0}.home-head .popover{transform-origin:100% 0;left:auto;right:0;transform:none}.account-who{border-bottom:1px solid var(--hairline);flex-direction:column;margin-bottom:4px;padding:8px 12px 10px;display:flex}.account-who small{color:var(--ink-3)}.filters{gap:6px;margin:4px 0 22px;display:flex;overflow-x:auto}.filter{height:34px;color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-radius:17px;padding:0 14px;font-weight:600}.filter:hover{background:var(--hover)}.filter.active{background:var(--ink);color:var(--bg)}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;display:grid}.card{background:var(--panel);box-shadow:var(--shadow);border-radius:16px;transition:transform .2s cubic-bezier(.2,.9,.3,1.2),box-shadow .2s;animation:.3s fade;position:relative}.card:hover{transform:translateY(-2px)}.card-link{border-radius:16px 16px 0 0;display:block;overflow:hidden}.preview{aspect-ratio:16/10;background-color:var(--canvas);background-image:radial-gradient(circle, var(--dot) .8px, transparent 1px);border-bottom:1px solid var(--hairline);--iz:1;background-size:14px 14px;position:relative;overflow:hidden}.preview-scale{transform-origin:0 0;width:320px;height:200px;position:absolute;top:0;left:0}.preview-world{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.card-meta{padding:11px 44px 13px 14px}.card-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.card-sub{color:var(--ink-3);align-items:center;gap:8px;min-width:0;margin-top:3px;font-size:13px;display:flex}.tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;padding:1px 8px;font-size:12px;font-weight:600;overflow:hidden}.card .pop-wrap{position:absolute;bottom:10px;right:6px}.card .popover{transform-origin:100% 0;left:auto;right:0;transform:none}.card-meta .title-input{width:100%}.home-empty{text-align:center;padding:80px 20px}.home-empty h2{margin:0 0 8px;font-size:24px}.home-empty p{max-width:420px;margin:0 auto 22px;line-height:1.5}@media (max-width:720px){.topbar{grid-template-columns:1fr auto;grid-template-areas:"left right""tools tools"}.top-left{grid-area:left}.top-right{grid-area:right}.toolbar,.viewonly{grid-area:tools}.title-btn{max-width:38vw}.share-btn span:not(.badge){display:none}.share-btn{justify-content:center;width:40px;padding:0}.avatars .avatar:nth-child(n+3){display:none}.drawbar{top:calc(max(12px, env(safe-area-inset-top)) + 106px)}.inspector{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 52px)}.toasts{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 120px)}.modal-backdrop{place-items:end center;padding:0}.share-dialog{width:100%;padding-bottom:max(18px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation-name:sheet-in}@keyframes sheet-in{0%{opacity:0;translate:0 40px}}.search{width:120px}.home-head .btn.primary{padding:0 14px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}}