:root{--bg:#141218;--sc:#211f26;--sch:#2b2930;--sv:#49454f;--on:#e6e0e9;--onv:#cac4d0;--outline:#938f99;--outlineVariant:#49454f;--p:#d0bcff;--onp:#381e72;--ter:#efb8c8;--onter:#492532;--pc:#4f378b;--onpc:#eaddff;--sec:#4a4458;--card:#352b33;--dot:#cac4d0;--radius:16px;--err:#f2b8b5;--selection-fill:rgba(208,188,255,.14);--snackbar:#322f37;--on-snackbar:#f5eff7;color-scheme:dark;accent-color:var(--p);background:var(--bg);color:var(--on)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Roboto Flex,system-ui,sans-serif;background:var(--bg);color:var(--on);overflow:hidden}header{height:58px;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--sc)}h1{font-size:20px;font-weight:500;margin-right:auto}.plain{border:0;background:transparent;color:var(--onv);padding:8px 12px;cursor:pointer}.plain:hover{background:var(--sec)}main{height:calc(100% - 58px);position:relative}.board{height:100%;overflow:hidden;touch-action:none;cursor:grab;background-color:var(--bg);background-image:none;position:relative}.board:active{cursor:grabbing}.board>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.board>#staticCanvas{z-index:0;pointer-events:auto}.board>#mediaCanvas{z-index:1;pointer-events:none}.board>#activeCanvas{z-index:2;pointer-events:none}.board>#staticCanvas:focus{outline:none}.board>#staticCanvas:focus-visible{outline:none}.board.tool-move{cursor:default}.board.tool-text{cursor:text}.board.tool-draw{cursor:crosshair}.hint{pointer-events:none;position:absolute;left:16px;top:16px;color:var(--onv);background:var(--sc);padding:6px 12px;border-radius:99px;font-size:12px}.board>#world{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-origin:0 0;will-change:transform}.card{pointer-events:auto;position:absolute;border-radius:var(--radius);background:var(--sc);box-shadow:0 1px 3px #0003;cursor:grab;overflow:hidden;-webkit-user-select:none;user-select:none}.tool-move .card{cursor:grab}.card.dragging{cursor:grabbing;z-index:20}.card.text{background:var(--card);padding:16px}.card img{display:block;width:100%;max-width:300px;max-height:260px;object-fit:cover}.card.drawing{background:transparent;box-shadow:none;overflow:visible}.card.drawing svg{width:100%;height:100%;display:block}.card.drawing path{fill:none;stroke:var(--p);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.meta{padding:10px;display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{border:1px solid var(--outline);background:transparent;color:var(--onv);border-radius:99px;padding:5px 9px;cursor:pointer}.chip:hover{background:var(--sec)}.audio{width:280px;padding:12px;background:var(--pc)}.audio-row{display:flex;align-items:center;gap:10px}.play{border:0;border-radius:50%;width:44px;height:44px;background:var(--p);color:#fff;cursor:pointer}.wave{display:flex;align-items:center;gap:3px;height:44px;flex:1}.wave i{display:block;width:4px;background:var(--p);border-radius:2px}.cap{font-size:12px;color:var(--onv);margin-top:8px}nav{position:absolute;z-index:5;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:6px;padding:8px;background:var(--sc);border:1px solid var(--outline);border-radius:999px}nav button{width:52px;height:52px;border:0;border-radius:50%;font-size:22px;background:transparent;color:var(--on);cursor:pointer}nav button.active,nav button:hover{background:var(--sec)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#0005}.modal[hidden]{display:none}.dialog{width:min(420px,calc(100% - 32px));padding:24px;border-radius:var(--radius);background:var(--sc);color:var(--on);border:1px solid var(--outline)}.dialog h2{margin:0 0 8px}.dialog p{color:var(--onv);margin:0 0 24px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.primary{border:0;border-radius:999px;background:var(--p);color:#fff;padding:10px 16px;cursor:pointer}:focus-visible{outline:2px solid var(--p);outline-offset:2px}@media(max-width:650px){.plain{font-size:11px}nav button{width:44px;height:44px}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.canvas-editor{position:absolute;z-index:6;resize:none;border:0;border-radius:12px;background:var(--card);color:var(--on);padding:10px;font-family:inherit;line-height:1.35;box-shadow:0 4px 16px #0003;outline:2px solid var(--p);outline-offset:1px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.md-menu{position:fixed;z-index:40;min-width:220px;max-width:min(320px,calc(100vw - 16px));max-height:min(70vh,480px);overflow-y:auto;overscroll-behavior:contain;padding:8px;border-radius:16px;background:var(--sch);color:var(--on);border:1px solid var(--outlineVariant);box-shadow:0 8px 24px #00000038,0 2px 6px #00000024;opacity:0;transform:scale(.92);transform-origin:top left;transition:opacity .12s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.2,0,0,1);scrollbar-width:thin}.md-menu.open{opacity:1;transform:none}.md-menu[hidden]{display:none}.md-menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--on);font:500 14px/20px Roboto Flex,system-ui,sans-serif;text-align:left;cursor:pointer;transition:background-color .12s cubic-bezier(.2,0,0,1)}.md-menu-item:hover{background:var(--sec);background:color-mix(in srgb,var(--p) 8%,transparent)}.md-menu-item:focus{outline:none;background:var(--sec);background:color-mix(in srgb,var(--p) 12%,transparent)}.md-menu-item:active{background:color-mix(in srgb,var(--p) 12%,transparent)}.md-menu-item.danger{color:var(--err)}.md-menu-item.danger:hover{background:color-mix(in srgb,var(--err) 8%,transparent)}.md-menu-item.danger:focus{background:color-mix(in srgb,var(--err) 12%,transparent)}.md-menu-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;color:currentColor}.md-menu-icon svg{width:24px;height:24px;fill:currentColor}.md-menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-menu-separator{height:1px;margin:6px 8px;background:var(--outlineVariant);opacity:.7}.md-snackbar{position:fixed;left:50%;bottom:92px;z-index:45;max-width:min(420px,calc(100vw - 32px));padding:14px 18px;border-radius:12px;background:var(--snackbar);color:var(--on-snackbar);font:500 13px/18px Roboto Flex,system-ui,sans-serif;box-shadow:0 6px 20px #0000003d;pointer-events:none;opacity:0;transform:translate(-50%,16px);transition:opacity .18s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,0,0,1)}.md-snackbar.show{opacity:1;transform:translate(-50%)}.md-snackbar[hidden]{display:none}#toolbar.toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:8px;border-radius:36px;transition:border-radius .3s cubic-bezier(.2,0,0,1),padding .3s cubic-bezier(.2,0,0,1)}#toolbar.toolbar.expanded{border-radius:28px;padding:10px 10px 8px}.tool-settings{max-height:0;overflow:hidden;transition:max-height .34s cubic-bezier(.2,0,0,1)}#toolbar.expanded .tool-settings{max-height:190px}#toolbar.expanded.settings-text .tool-settings{max-height:400px}.tool-settings-inner{padding:0 2px;opacity:0;transform:translateY(8px);transition:opacity .18s cubic-bezier(.2,0,0,1),transform .34s cubic-bezier(.2,0,0,1)}#toolbar.expanded .tool-settings-inner{opacity:1;transform:none;padding:0 2px 10px}.tool-row{display:flex;gap:6px;justify-content:center}.settings-section{display:grid;grid-template-columns:62px minmax(0,1fr) 44px;grid-template-rows:auto auto auto;gap:8px 10px;align-items:center;padding:2px}.settings-section[hidden]{display:none}.settings-head{grid-column:1/3;display:flex;align-items:center;gap:8px;min-width:0}.settings-title{font:600 13px/18px Roboto Flex,system-ui,sans-serif;color:var(--on)}.settings-badge{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--pc);color:var(--onpc);font:600 11px/16px Roboto Flex,system-ui,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}.settings-field{display:contents}.settings-field:nth-child(2)>.settings-label{grid-column:1;grid-row:2}.settings-field:nth-child(2)>.settings-slider,.settings-field:nth-child(2)>.settings-colors{grid-column:2;grid-row:2}.settings-field:nth-child(3)>.settings-label{grid-column:1;grid-row:3}.settings-field:nth-child(3)>.settings-colors{grid-column:2;grid-row:3}.settings-label{font:500 12px/16px Roboto Flex,system-ui,sans-serif;color:var(--onv);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-preview{grid-column:3;grid-row:2/4;align-self:stretch;min-height:44px;border-radius:12px;background:color-mix(in srgb,var(--on) 7%,var(--sc));display:grid;place-items:center;overflow:hidden;padding:6px}.stroke-preview{display:block;width:26px;border-radius:999px;background:var(--p);transition:height .15s,background-color .15s}.text-preview{font-weight:600;line-height:1;color:var(--on);transition:font-size .15s,color .15s}.text-style-row{grid-column:1/-1;display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center;padding:2px 0}.text-style-row>.settings-label{grid-column:1;grid-row:auto}.select-wrap{position:relative;min-width:0}.select-wrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--onv);font-size:12px;line-height:1;pointer-events:none}.settings-select{width:100%;height:44px;padding:0 34px 0 12px;border:1px solid var(--outline);border-radius:12px;background:transparent;color:var(--on);font:500 13px/1 Roboto Flex,system-ui,sans-serif;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:background-color .15s,border-color .15s}.settings-select:hover{background:color-mix(in srgb,var(--on) 6%,transparent)}.settings-select:focus-visible{outline:2px solid var(--p);outline-offset:2px}.settings-select option{background:var(--sc);color:var(--on)}.style-controls{display:flex;align-items:center;gap:6px;min-width:0}.style-color{position:relative;flex:none;width:40px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;transition:background-color .15s}.style-color:before{content:"";width:26px;height:26px;border-radius:50%;background:var(--sw,transparent);box-shadow:inset 0 0 0 1px #0003,0 0 0 2px var(--sc);transition:transform .15s cubic-bezier(.2,0,0,1)}.style-color:hover:before{transform:scale(1.06)}.style-color:focus-visible{outline:2px solid var(--p);outline-offset:2px}.style-color[aria-expanded=true]{background:color-mix(in srgb,var(--p) 14%,transparent)}.style-color:disabled,.style-slider:disabled{opacity:.38;cursor:default}.style-slider{flex:1;min-width:56px}.style-switch{position:relative;flex:none;width:52px;height:32px;padding:0;border:2px solid var(--outline);border-radius:999px;background:color-mix(in srgb,var(--on) 8%,transparent);cursor:pointer;transition:background-color .18s cubic-bezier(.2,0,0,1),border-color .18s cubic-bezier(.2,0,0,1)}.style-switch:after{content:"";position:absolute;top:50%;left:5px;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:var(--onv);transition:transform .2s cubic-bezier(.2,0,0,1),width .2s cubic-bezier(.2,0,0,1),height .2s cubic-bezier(.2,0,0,1),margin .2s cubic-bezier(.2,0,0,1),background-color .18s}.style-switch[aria-checked=true]{background:var(--p);border-color:var(--p)}.style-switch[aria-checked=true]:after{transform:translate(20px);width:24px;height:24px;margin-top:-12px;background:var(--onp)}.style-switch:focus-visible{outline:2px solid var(--p);outline-offset:2px}.text-preview-wrap{padding:4px}.settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:44px;margin:0;background:linear-gradient(to right,var(--p) 0 var(--fill),color-mix(in srgb,var(--onv) 55%,transparent) var(--fill) 100%) center/100% 6px no-repeat;border-radius:999px;cursor:pointer;--fill:20%;accent-color:var(--p)}.settings-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:var(--p);border:2px solid var(--sc);box-shadow:0 1px 3px #00000052;transition:transform .12s cubic-bezier(.2,0,0,1)}.settings-slider::-moz-range-track{height:6px;border-radius:999px;background:transparent}.settings-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--p);border:2px solid var(--sc);box-shadow:0 1px 3px #00000052}.settings-slider:hover::-webkit-slider-thumb{transform:scale(1.1)}.settings-slider:active::-webkit-slider-thumb{transform:scale(1.22)}.settings-slider:focus-visible{outline:2px solid var(--p);outline-offset:2px;border-radius:999px}.settings-colors{display:flex;align-items:center;gap:2px;min-width:0;position:relative}.color-swatch{--sw:var(--on);position:relative;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;transition:background-color .15s,box-shadow .15s}.color-swatch:before{content:"";width:24px;height:24px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #0000002e;transition:transform .15s cubic-bezier(.2,0,0,1)}.color-swatch:hover{background:color-mix(in srgb,var(--on) 8%,transparent)}.color-swatch:hover:before{transform:scale(1.08)}.color-swatch:active:before{transform:scale(.94)}.color-swatch:focus-visible{outline:2px solid var(--p);outline-offset:1px}.color-swatch[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--sw)}.swatch-primary{--sw:var(--p)}.swatch-tertiary{--sw:var(--ter)}.swatch-error{--sw:var(--err)}.swatch-ink{--sw:var(--on)}.swatch-custom:before{background:conic-gradient(from 210deg,#ff5f6d,#ffc371,#47e891,#4fd8c6,#6a8dff,#b06ab3,#ff5f6d)}.swatch-custom[aria-checked=true]:before{background:var(--sw)}.swatch-custom:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--sc);box-shadow:0 0 0 1px #0000002e}.swatch-custom[aria-checked=true]:after{display:none}.color-picker{position:fixed;z-index:30;width:272px;max-width:calc(100vw - 16px);max-height:calc(100vh - 24px);overflow:auto;box-sizing:border-box;padding:14px;display:grid;gap:12px;background:var(--sc);color:var(--on);border:1px solid var(--outline);border-radius:20px;box-shadow:0 12px 32px #0000004d;animation:cp-in .16s cubic-bezier(.2,0,0,1)}.color-picker[hidden]{display:none}@keyframes cp-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.cp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}.cp-title{font:600 14px/20px Roboto Flex,system-ui,sans-serif}.cp-close{width:40px;height:40px;margin:-6px -8px -6px 0;border:0;border-radius:50%;background:transparent;color:var(--onv);font:400 16px/1 Roboto Flex,system-ui,sans-serif;cursor:pointer;display:grid;place-items:center;transition:background-color .12s cubic-bezier(.2,0,0,1)}.cp-close:hover{background:color-mix(in srgb,var(--on) 10%,transparent)}.cp-sv{position:relative;height:150px;border-radius:12px;touch-action:none;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),hsl(var(--cp-h,0) 100% 50%)}.cp-sv:focus-visible,.cp-hue:focus-visible{outline:2px solid var(--p);outline-offset:2px}.cp-sv-thumb{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000080,0 1px 4px #00000073;pointer-events:none;left:50%;top:0}.cp-hue{position:relative;height:40px;border-radius:999px;touch-action:none;cursor:pointer;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red) center/100% 12px no-repeat}.cp-hue-thumb{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000080,0 1px 4px #00000073;pointer-events:none;left:0}.cp-controls{display:flex;align-items:center;gap:8px;min-width:0}.cp-dot{width:36px;height:36px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.cp-hex-wrap{display:flex;align-items:center;flex:1;min-width:0;height:44px;padding:0 12px;border-radius:12px;background:color-mix(in srgb,var(--on) 6%,var(--sc));border:1px solid var(--outline)}.cp-hex-wrap:focus-within{border-color:var(--p);box-shadow:0 0 0 1px var(--p)}.cp-hash{color:var(--onv);font:500 14px/1 Roboto Flex,system-ui,sans-serif}.cp-hex{flex:1;min-width:0;border:0;background:transparent;color:var(--on);font:500 14px/1 Roboto Flex,system-ui,sans-serif;letter-spacing:.05em;outline:none;padding:0 0 0 2px;text-transform:lowercase}.cp-hex[aria-invalid=true]{color:var(--err)}.cp-done{height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--p);color:var(--onp);font:600 14px/1 Roboto Flex,system-ui,sans-serif;cursor:pointer;transition:background-color .12s cubic-bezier(.2,0,0,1)}.cp-done:hover{background:color-mix(in srgb,var(--p) 88%,#000)}.cp-done:focus-visible,.cp-recent:focus-visible,.cp-close:focus-visible{outline:2px solid var(--p);outline-offset:2px}.cp-recents{display:grid;gap:6px}.cp-recents[hidden]{display:none}.cp-recents-label{font:500 11px/16px Roboto Flex,system-ui,sans-serif;color:var(--onv)}.cp-recents-list{display:flex;flex-wrap:wrap;gap:8px}.cp-recent{width:30px;height:30px;padding:0;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px #0000002e;transition:transform .12s cubic-bezier(.2,0,0,1)}.cp-recent:hover{transform:scale(1.08)}body:has(#toolbar.expanded) .md-snackbar{bottom:216px}body:has(#toolbar.expanded.settings-text) .md-snackbar{bottom:412px}@media(max-width:650px){#toolbar.toolbar{padding:7px;width:max-content;max-width:calc(100vw - 24px)}#toolbar.toolbar.expanded{padding:8px 8px 6px}#toolbar.expanded.settings-text .tool-settings{max-height:min(70vh,400px)}.settings-section{grid-template-columns:56px minmax(0,1fr) 38px;gap:6px 8px}.text-style-row{grid-template-columns:56px minmax(0,1fr);gap:6px 8px}.settings-preview{min-height:40px;padding:4px}.color-swatch{width:32px;height:32px}.color-swatch:before{width:21px;height:21px}.style-color{width:36px}.style-switch{width:48px}.style-switch[aria-checked=true]:after{transform:translate(16px)}}#fogCanvas{z-index:3;pointer-events:none}#toolbar .tool-row button.admin-only{font-size:19px}#toolbar .tool-row button[hidden]{display:none}#toolbar.expanded.settings-fog .tool-settings{max-height:min(70vh,260px)}body:has(#toolbar.expanded.settings-fog) .md-snackbar{bottom:272px}.fog-hint{grid-column:1/-1;margin:0;padding:0 2px;color:var(--onv);font:500 11px/15px Roboto Flex,system-ui,sans-serif}.account-status{font-size:12px;color:var(--onv);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-dialog{border:1px solid var(--outline);border-radius:28px;background:var(--sc);color:var(--on);padding:28px;width:min(440px,calc(100vw - 24px));max-height:90vh;overflow:auto;box-shadow:0 16px 64px #0004}.auth-dialog::backdrop{background:#0007}.auth-dialog h2{margin:0 0 12px;font-size:24px}.auth-dialog p{font-size:14px;line-height:1.5;color:var(--onv)}.auth-tabs{display:flex;gap:8px;margin:20px 0}.auth-dialog button{font:inherit;cursor:pointer;border-radius:24px;border:1px solid var(--outline);padding:10px 18px;background:transparent;color:var(--on)}.auth-tabs [aria-pressed=true]{background:var(--pc);color:var(--onpc)}.auth-dialog label{display:block;font-size:14px;margin:16px 0}.auth-dialog input{display:block;width:100%;padding:14px;margin-top:8px;border:1px solid var(--outline);border-radius:12px;background:var(--bg);color:var(--on);font:inherit}.auth-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.auth-actions .auth-primary{background:var(--p);color:var(--onp);border-color:var(--p)}.auth-dialog .auth-error{color:var(--err)}.auth-dialog button:disabled{opacity:.5;cursor:wait}[data-access=guest] [data-tool]:not([data-tool=hand]){opacity:.4;cursor:not-allowed}[data-access=guest] .tool-settings{display:none!important}@media(max-width:700px){.account-status{max-width:100px;font-size:11px}header{gap:4px}header h1{font-size:15px}}.person-avatar{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--pc);color:var(--onpc);font:600 16px system-ui}.person-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.person-row{display:flex;align-items:center;gap:10px;min-width:0}.person-row>div{min-width:0}.person-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.person-row time{display:block;font-size:11px;line-height:1.5;color:var(--onv)}.object-menu-info{padding:10px 12px 14px;margin-bottom:4px;border-bottom:1px solid var(--outlineVariant)}.object-menu-info{min-height:76px}.profile-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--on);cursor:pointer;padding:4px;border-radius:50%}.profile-button[hidden]{display:none}.profile-avatar-preview{display:flex;justify-content:center;margin:20px 0}.profile-dialog input[type=file]{padding:10px;font-size:12px}.profile-dialog .auth-actions{flex-wrap:wrap}.comments-dialog{width:min(520px,calc(100vw - 24px))}.comments-list{display:flex;flex-direction:column;gap:16px;margin:20px 0;max-height:40vh;overflow:auto;overscroll-behavior:contain}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0!important;color:var(--on)!important}.comment-delete{padding:4px 10px!important;font-size:12px!important;color:var(--err)!important}.comments-dialog textarea{width:100%;resize:vertical;min-height:80px;max-height:180px;padding:12px;border:1px solid var(--outline);border-radius:12px;background:var(--bg);color:var(--on);font:inherit}.comments-status{font-size:13px}.comments-dialog [data-older]{font-size:12px;padding:6px 12px}.comments-dialog [hidden]{display:none}.board-layout{height:100%;display:flex;isolation:isolate}.board-stage{position:relative;flex:1;min-width:0;height:100%;overflow:hidden}.board-stage .board{background-color:var(--board-bg,var(--bg))}.board-stage #staticCanvas{color:var(--board-ink,var(--on))}.board-stage .hint{display:none}.boards-toggle,.floating-account{position:absolute;z-index:25;top:max(16px,env(safe-area-inset-top));background:var(--sc);color:var(--on);border:0;box-shadow:0 4px 16px #0003}.boards-toggle{left:max(16px,env(safe-area-inset-left));display:grid;place-items:center;width:48px;height:48px;padding:0;border-radius:16px;font-size:22px}.floating-account{right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px;min-height:48px;max-width:calc(100% - 96px);padding:4px 8px;border-radius:24px}.floating-account .plain{min-height:40px;border-radius:20px;font:inherit;font-size:13px}.floating-account .account-status{max-width:180px;padding-left:8px}.floating-account [hidden]{display:none}.boards-sidebar{position:absolute;z-index:30;top:calc(max(16px,env(safe-area-inset-top)) + 60px);left:max(16px,env(safe-area-inset-left));width:min(280px,calc(100vw - 32px));max-height:calc(100% - 160px);display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--sc);color:var(--on);border:0;border-radius:24px;box-shadow:0 8px 32px #0005;overflow:auto}.boards-sidebar[hidden],.boards-sidebar [hidden]{display:none}.boards-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.boards-sidebar button{font:inherit;color:inherit;border:0;background:transparent;border-radius:12px;cursor:pointer}.boards-heading button{width:40px;height:40px;font-size:24px}.boards-list{display:flex;flex-direction:column;gap:6px;overflow:auto;min-height:0}.board-choice{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px;text-align:left}.board-choice i{width:12px;height:12px;border-radius:50%;flex:none}.board-choice span{overflow-wrap:anywhere;min-width:0}.board-choice[aria-current=page]{background:var(--pc)}.boards-sidebar button:hover{background:var(--sec)}.boards-sidebar button:focus-visible,.boards-toggle:focus-visible,.floating-account button:focus-visible{outline:2px solid var(--p);outline-offset:2px}[data-board-settings]{padding:12px;text-align:left;font-size:12px!important}.board-settings-dialog{width:min(580px,calc(100vw - 24px))}.board-color-fields{display:flex;gap:8px;flex-wrap:wrap}.board-color-fields button{display:flex;align-items:center;gap:8px;padding:8px 12px}.board-color-fields i{width:22px;height:22px;border-radius:50%;background:var(--sw);border:1px solid var(--outline)}.board-border-fields,.board-size-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.board-settings-dialog select{display:block;width:100%;padding:12px;margin-top:8px;background:var(--sc);color:var(--on);border:1px solid var(--outline);border-radius:12px;font:inherit}.board-settings-dialog .board-bounded{display:flex;align-items:center;gap:10px}.board-bounded input{width:auto;margin:0}.board-size-note,.board-preview-note{font-size:12px!important}.board-settings-preview{width:100%;height:auto;border:1px solid var(--outlineVariant);border-radius:16px;display:block}.board-frame{position:absolute;z-index:5;pointer-events:none;box-sizing:border-box}.board-frame[data-bounded=true]{box-shadow:0 0 0 100vmax #0e0c12}.board-settings-dialog input[type=range]{padding:0;accent-color:var(--p)}@media(max-width:600px){.floating-account .account-status{display:none}.floating-account{gap:4px}}@media(max-width:400px){.board-border-fields,.board-size-fields{gap:8px}.board-color-fields button{padding:8px;font-size:12px}}.board>#bubbleCanvas{z-index:0;pointer-events:none}.board>#staticCanvas{z-index:1}.board>#mediaCanvas{z-index:2}.board>#activeCanvas{z-index:3}.bubble-editor select{width:100%;margin-top:8px;padding:12px;border-radius:12px;border:1px solid var(--outline);background:var(--bg);color:var(--on);font:inherit}.bubble-editor .bubble-check{display:flex;gap:12px;align-items:center}.bubble-check input{width:auto;margin:0}.bubble-editor .bubble-color{display:flex;align-items:center;gap:12px;margin:16px 0}.bubble-editor .bubble-color-label{flex:1;min-width:0;font-size:14px}.bubble-editor .bubble-color-swatch{position:relative;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer}.bubble-editor .bubble-color-swatch:before{content:"";width:28px;height:28px;border-radius:50%;background:var(--sw,#6750a4);box-shadow:inset 0 0 0 1px #0003,0 0 0 2px var(--sc)}.bubble-editor .bubble-color-swatch:focus-visible{outline:2px solid var(--p);outline-offset:2px}.bubble-editor .bubble-color-swatch[aria-expanded=true]{background:color-mix(in srgb,var(--p) 14%,transparent)}.bubble-editor .bubble-color-value{font:500 13px/1 Roboto Flex,system-ui,sans-serif;color:var(--onv);font-variant-numeric:tabular-nums}.bubble-editor output{font-size:12px}.bubble-editor [data-bubble-delete]{color:var(--err)}.bubble-tool[hidden]{display:none!important}.bubble-tool:focus-visible{outline:2px solid var(--p);outline-offset:2px}@media(max-width:380px){#toolbar .tool-row{gap:2px}#toolbar .tool-row button{width:38px;height:44px}}.board>#selectionCanvas{z-index:4;pointer-events:none}.board.tool-select{cursor:crosshair}.selection-actions{position:absolute;z-index:6;top:60px;left:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:calc(100% - 24px);padding:8px 12px;border:1px solid var(--outline);border-radius:20px;background:var(--sc);box-shadow:0 3px 16px #0002;color:var(--on);font:13px system-ui}.selection-actions[hidden]{display:none}.selection-actions button{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:0;border-radius:20px;background:var(--sec);color:var(--on);cursor:pointer}.selection-actions input{width:64px;padding:6px;border:1px solid var(--outline);border-radius:8px;background:var(--bg);color:var(--on)}.selection-actions button:disabled{opacity:.5;cursor:wait}@media(max-width:480px){#toolbar .tool-row{gap:2px}#toolbar .tool-row button{width:36px;height:44px}#toolbar.toolbar{max-width:calc(100vw - 12px);padding:6px}}.comments-panel{position:fixed;z-index:46;width:min(360px,calc(100vw - 16px));height:min(560px,60dvh);display:flex;flex-direction:column;border:1px solid var(--outlineVariant);border-radius:24px;background:var(--md-surface-container-high, var(--sch));color:var(--on);box-shadow:var(--md-elevation-3);font:14px/1.45 var(--md-font, system-ui)}.comments-panel[hidden],.comments-panel [hidden],.comments-scrim[hidden]{display:none}.comments-heading{flex:none;height:auto;position:relative;display:flex;align-items:flex-start;gap:8px;padding:16px;border-radius:24px 24px 0 0;background:transparent}.comments-object{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.comments-object>div{min-width:0}.comments-heading h2{margin:0;font-size:16px;font-weight:500}.comments-object-title,.comments-uploader{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--onv)}.comments-thumbnail{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--sec);color:var(--on);overflow:hidden;flex:none}.comments-thumbnail img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.comments-panel button{border:0;border-radius:20px;min-height:40px;padding:8px 12px;background:transparent;color:var(--on);font:inherit;cursor:pointer}.comments-panel button:disabled{opacity:.38;cursor:default}.comments-panel .comments-icon-button,.comments-panel [data-comments-close]{flex:none;width:40px;height:40px;padding:8px;display:grid;place-items:center}.comments-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 16px;scrollbar-width:thin;overflow-anchor:none}.comments-panel .comments-list{display:flex;flex-direction:column;gap:16px;margin:0;max-height:none;overflow:visible}.comments-panel .comment{display:flex;gap:10px;position:relative;align-items:flex-start}.comment-content{flex:1;min-width:0}.comments-panel .comment-name{font-size:14px;font-weight:500}.comment-admin{display:inline-block;margin-left:6px;border-radius:6px;padding:1px 5px;background:var(--sec);color:var(--on);font-size:11px}.comments-panel time{display:block;font-size:12px;color:var(--onv)}.comments-panel .comment-body{margin:4px 0 0!important;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--on)!important}.comments-panel .comment-delete{color:var(--onv)!important;padding:8px!important}.comments-panel .comment-more{font-size:24px;color:var(--onv)}.comments-panel .comment-report{background:var(--sec)}.comments-panel .comment[data-state=sending]{opacity:.8}.comment-delivery{margin:4px 0;font-size:12px;color:var(--onv)}.comment[data-state=failed] .comment-delivery{color:var(--err)}.comment[data-state=failed]{border-inline-start:2px solid var(--err);padding-left:6px}.comments-footer{flex:none;padding:12px 16px 16px;border-top:1px solid var(--outlineVariant)}.comments-field{position:relative;border:1px solid var(--outline);border-radius:8px}.comments-field:focus-within{border-color:var(--comments-accent, var(--p));box-shadow:inset 0 0 0 1px var(--comments-accent, var(--p))}.comments-field textarea{display:block;width:100%;min-height:44px;max-height:104px;border:0;outline:none;padding:12px;resize:none;overflow:auto;background:transparent;color:var(--on);font:14px/20px var(--md-font, system-ui)}.comments-field label{position:absolute;top:11px;left:12px;color:var(--onv);pointer-events:none;background:var(--md-surface-container-high, var(--sch));padding:0 4px}.comments-field:focus-within label,.comments-field:has(textarea:not(:placeholder-shown)) label{top:-9px;font-size:12px}.comments-field:focus-within label{color:var(--comments-accent, var(--p))}.comments-compose-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:6px}.comments-compose-actions output{font-size:12px;color:var(--onv)}.comments-compose-actions output[data-state=near]{color:var(--on);font-weight:700}.comments-compose-actions output[data-state=error]{color:var(--err)}.comments-panel .comments-send{background:var(--sec);color:var(--on)}.comments-empty,.comments-panel [data-guest]{color:var(--onv);font-size:14px}.comments-notice{color:var(--on);font-size:12px;margin:0 0 8px}.comments-undo{font-size:12px;color:var(--on)}.comments-panel .comments-undo button{color:var(--comments-accent, var(--p))}.comments-panel .comments-new{align-self:center;background:var(--sec);margin:6px}.comments-panel:before{content:"";position:absolute;width:12px;height:12px;background:var(--md-surface-container-high, var(--sch));transform:rotate(45deg);pointer-events:none}.comments-panel[data-side=right]:before{left:-7px;top:var(--comments-pointer-y);border-left:1px solid var(--outlineVariant);border-bottom:1px solid var(--outlineVariant)}.comments-panel[data-side=left]:before{right:-7px;top:var(--comments-pointer-y);border-right:1px solid var(--outlineVariant);border-top:1px solid var(--outlineVariant)}.comments-panel[data-side=top]:before{bottom:-7px;left:var(--comments-pointer-x);border-right:1px solid var(--outlineVariant);border-bottom:1px solid var(--outlineVariant)}.comments-panel[data-side=bottom]:before{top:-7px;left:var(--comments-pointer-x);border-top:1px solid var(--outlineVariant);border-left:1px solid var(--outlineVariant)}.comments-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:var(--comments-scrim-color, color-mix(in srgb, var(--bg) 65%, transparent))}.comments-drag{display:none}.card-comments-trigger{position:fixed;z-index:26;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--outlineVariant);border-radius:20px;background:var(--sch);color:var(--on);cursor:pointer}.card-comments-trigger[hidden]{display:none}@media(max-width:639px){.comments-panel{inset:auto 0 0;width:100%;height:70dvh;max-height:70dvh;border-radius:28px 28px 0 0;padding-bottom:env(safe-area-inset-bottom)}.comments-panel:before{display:none}.comments-heading{padding-top:24px;touch-action:none}.comments-drag{display:block;position:absolute;top:8px;left:calc(50% - 16px);width:32px;height:4px;border-radius:4px;background:var(--onv)}}.md-menu-next{margin-left:auto;font-size:24px;color:var(--onv)}.comment-reports-dialog{max-height:85dvh;overflow:auto}.comment-reports-list article{border-bottom:1px solid var(--outlineVariant);padding:12px 0}.comment-reports-list p{white-space:pre-wrap;overflow-wrap:anywhere}.comment-reports-list time{color:var(--onv);font-size:12px}.comment-reports-list a{color:var(--on)}.upload-preview-media{display:flex;flex-direction:column;align-items:center;gap:16px;border-radius:16px;overflow:hidden;background:var(--bg);padding:12px}.upload-preview-media img{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:12px}.upload-preview-media .upload-cover{width:220px;height:220px;object-fit:cover}.upload-preview-media audio{width:100%}.upload-preview-meta{overflow-wrap:anywhere}.upload-preview .auth-actions{flex-wrap:wrap}.md-menu.background-open{width:min(328px,calc(100vw - 16px));min-width:0;max-width:calc(100vw - 16px);padding:10px}.bg-menu-head{display:flex;align-items:center;gap:6px;min-height:40px;margin:0 2px 8px}.bg-menu-head>span{font:500 14px/20px Roboto Flex,system-ui,sans-serif;color:var(--on)}.bg-menu-back{display:grid;place-items:center;flex:none;width:40px;height:40px;margin-left:-8px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--onv);cursor:pointer;transition:background-color .12s cubic-bezier(.2,0,0,1)}.bg-menu-back svg{width:22px;height:22px;fill:currentColor}.bg-menu-back:hover,.bg-menu-back:focus-visible{background:color-mix(in srgb,var(--p) 12%,transparent);color:var(--on);outline:none}.bg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bg-choice{display:grid;gap:5px;min-width:0;padding:5px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--onv);font:500 10px/13px Roboto Flex,system-ui,sans-serif;text-align:center;cursor:pointer;transition:background-color .14s cubic-bezier(.2,0,0,1),border-color .14s cubic-bezier(.2,0,0,1)}.bg-choice>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-choice:hover{background:color-mix(in srgb,var(--on) 7%,transparent)}.bg-choice:focus-visible{border-color:var(--p);outline:2px solid var(--p);outline-offset:-1px}.bg-choice.selected{border-color:color-mix(in srgb,var(--p) 72%,transparent);background:color-mix(in srgb,var(--p) 14%,transparent);color:var(--on)}.bg-choice:disabled{opacity:.34;cursor:default}.bg-choice:disabled:hover{background:transparent}.bg-preview{position:relative;display:block;width:100%;aspect-ratio:1.5;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#060606;isolation:isolate}.bg-preview:before,.bg-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-preview-none:after{inset:50% auto auto 50%;width:28%;height:1px;background:#ffffff47;transform:translate(-50%,-50%) rotate(-38deg)}.bg-preview-cover-blur:before{top:-20%;right:-20%;bottom:-20%;left:-20%;background:var(--bg-cover) center / cover no-repeat,var(--bg-deep);filter:blur(7px) saturate(1.1) brightness(.62)}.bg-preview-cover-fade:before{background:var(--bg-cover) center / cover no-repeat,var(--bg-mid);opacity:.9}.bg-preview-cover-fade:after{background:linear-gradient(to top,rgba(0,0,0,.92) 4%,rgba(0,0,0,.34) 52%,transparent 90%)}.bg-preview-waves{background:radial-gradient(120% 90% at 18% 108%,color-mix(in srgb,var(--bg-accent) 62%,transparent),transparent 58%),radial-gradient(120% 90% at 84% 116%,color-mix(in srgb,var(--bg-mid) 54%,transparent),transparent 62%),var(--bg-deep)}.bg-preview-waves:before{top:48%;right:-12%;bottom:-42%;left:-12%;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--bg-accent) 62%,transparent);box-shadow:0 -7px 0 -6px color-mix(in srgb,var(--bg-accent) 42%,transparent),0 -15px 0 -14px color-mix(in srgb,var(--bg-mid) 48%,transparent)}.bg-preview-glow-gradient{background:radial-gradient(78% 90% at 24% 16%,color-mix(in srgb,var(--bg-accent) 64%,transparent),transparent 62%),linear-gradient(155deg,var(--bg-mid),var(--bg-deep) 74%)}.bg-preview-glow-gradient:after{inset:auto 16% 14%;height:42%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--bg-accent) 42%,transparent),transparent);filter:blur(6px)}.bg-preview-dots{background:var(--bg-deep)}.bg-preview-dots:before{top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--bg-accent) 78%,transparent) 1px,transparent 1.2px);background-size:9px 9px;background-position:3px 2px;opacity:.78}.bg-preview-dots:after{background:radial-gradient(80% 80% at 30% 20%,color-mix(in srgb,var(--bg-mid) 50%,transparent),transparent 70%)}.bg-auto{width:100%;min-height:44px;margin-top:8px;padding:0 12px;border:1px solid var(--outlineVariant);border-radius:12px;background:transparent;color:var(--on);font:500 13px/18px Roboto Flex,system-ui,sans-serif;cursor:pointer;transition:background-color .14s cubic-bezier(.2,0,0,1),border-color .14s cubic-bezier(.2,0,0,1)}.bg-auto:hover{background:color-mix(in srgb,var(--on) 6%,transparent)}.bg-auto:focus-visible{outline:2px solid var(--p);outline-offset:-1px}.bg-auto.selected{border-color:color-mix(in srgb,var(--p) 72%,transparent);background:color-mix(in srgb,var(--p) 14%,transparent)}@media(max-width:420px){.md-menu.background-open{width:min(292px,calc(100vw - 16px))}.bg-grid{gap:6px}.bg-choice{padding:4px;border-radius:12px}}:root{--md-surface: var(--bg);--md-surface-container-low: color-mix(in srgb, var(--bg) 96%, var(--on));--md-surface-container: var(--sc);--md-surface-container-high: var(--sch);--md-surface-container-highest: var(--sv);--md-surface-variant: var(--sv);--md-surface-tint: var(--p);--md-on-surface: var(--on);--md-on-surface-variant: var(--onv);--md-outline: var(--outline);--md-outline-variant: var(--outlineVariant);--md-primary: var(--p);--md-on-primary: var(--onp);--md-primary-container: var(--pc);--md-on-primary-container: var(--onpc);--md-secondary-container: var(--sec);--md-tertiary: var(--ter);--md-error: var(--err);--md-inverse-surface: var(--snackbar);--md-inverse-on-surface: var(--on-snackbar);--md-shape-xs: 4px;--md-shape-sm: 8px;--md-shape-md: 12px;--md-shape-lg: 16px;--md-shape-xl: 28px;--md-shape-full: 999px;--md-elevation-1: 0 1px 2px rgba(0, 0, 0, .18), 0 1px 3px 1px rgba(0, 0, 0, .1);--md-elevation-2: 0 1px 2px rgba(0, 0, 0, .2), 0 2px 6px 2px rgba(0, 0, 0, .12);--md-elevation-3: 0 4px 8px 3px rgba(0, 0, 0, .16), 0 1px 3px rgba(0, 0, 0, .22);--md-font: "Roboto Flex", "Roboto", system-ui, -apple-system, sans-serif}.md-icon,.md-menu-icon svg{display:block;width:24px;height:24px;fill:currentColor;flex:none;pointer-events:none}button>.md-icon,[data-tool]>.md-icon{width:24px;height:24px;margin:auto}#toolbar.toolbar{background:var(--md-surface-container);border:1px solid color-mix(in srgb,var(--md-outline-variant) 70%,transparent)}#toolbar .tool-row button{width:52px;height:52px;display:grid;place-items:center;border-radius:var(--md-shape-full);color:var(--md-on-surface-variant);transition:color .2s cubic-bezier(.2,0,0,1),background-color .2s cubic-bezier(.2,0,0,1)}#toolbar .tool-row button.active,#toolbar .tool-row button[aria-pressed=true]{background:var(--md-primary-container);color:var(--md-on-primary-container)}#toolbar .tool-row button.active:hover{background:var(--md-primary-container)}@media(max-width:650px){#toolbar .tool-row button{width:44px;height:44px}}.md-menu{background:var(--md-surface-container-high);border:1px solid color-mix(in srgb,var(--md-outline-variant) 80%,transparent);border-radius:var(--md-shape-lg);padding:8px;box-shadow:var(--md-elevation-2)}.md-menu-item{min-height:48px;border-radius:var(--md-shape-md);font:500 14px/20px var(--md-font)}.md-menu-icon{color:var(--md-on-surface-variant)}.md-menu-item:hover .md-menu-icon,.md-menu-item:focus .md-menu-icon{color:var(--md-on-surface)}.color-picker{background:var(--md-surface-container-high);border:1px solid color-mix(in srgb,var(--md-outline-variant) 80%,transparent);border-radius:var(--md-shape-xl);box-shadow:var(--md-elevation-3)}.cp-title{font:500 16px/24px var(--md-font)}.cp-close{color:var(--md-on-surface-variant)}.cp-close .md-icon{width:22px;height:22px}.boards-sidebar{background:var(--md-surface-container-high);border-radius:var(--md-shape-xl);border:1px solid color-mix(in srgb,var(--md-outline-variant) 70%,transparent);box-shadow:var(--md-elevation-2)}.boards-toggle,.floating-account{background:var(--md-surface-container-high);border:1px solid color-mix(in srgb,var(--md-outline-variant) 70%,transparent);box-shadow:var(--md-elevation-2)}.boards-toggle .md-icon{width:22px;height:22px}[data-board-settings]{display:flex;align-items:center;gap:8px}[data-board-settings][hidden],[data-add-board][hidden]{display:none}[data-board-settings] .md-icon{width:18px;height:18px}[data-add-board]{display:grid;place-items:center;color:var(--md-on-surface-variant)}[data-add-board] .md-icon{width:22px;height:22px}.auth-dialog{background:var(--md-surface-container-high);border:1px solid color-mix(in srgb,var(--md-outline-variant) 60%,transparent);border-radius:var(--md-shape-xl);box-shadow:var(--md-elevation-3)}.selection-actions{background:var(--md-surface-container-high);border:1px solid color-mix(in srgb,var(--md-outline-variant) 70%,transparent);border-radius:var(--md-shape-full);box-shadow:var(--md-elevation-2)}.selection-actions button{display:grid;place-items:center}.selection-actions .md-icon{width:20px;height:20px}.md-snackbar{background:var(--md-inverse-surface);color:var(--md-inverse-on-surface);border-radius:var(--md-shape-sm);font:400 14px/20px var(--md-font)}:root{--md-sys-motion-easing-standard: cubic-bezier(.2,0,0,1);--md-sys-motion-easing-emphasized: cubic-bezier(.2,0,0,1);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(.05,.7,.1,1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(.3,0,.8,.15);--md-sys-motion-duration-short-1: 50ms;--md-sys-motion-duration-short-2: .1s;--md-sys-motion-duration-short-3: .15s;--md-sys-motion-duration-short-4: .2s;--md-sys-motion-duration-medium-1: .25s;--md-sys-motion-duration-medium-2: .3s;--md-sys-motion-duration-medium-3: .35s;--md-sys-motion-duration-medium-4: .4s;--md-sys-motion-duration-long-1: .45s;--md-sys-motion-duration-long-2: .5s;--md-sys-motion-spring-fast-spatial: .35s cubic-bezier(.27,1.06,.18,1);--md-sys-motion-spring-default-spatial: .5s cubic-bezier(.27,1.06,.18,1);--md-sys-motion-spring-fast-effects: .15s cubic-bezier(.31,.94,.34,1)}:where(button){position:relative;isolation:isolate;overflow:hidden}button,#toolbar .tool-row button{transition:transform var(--md-sys-motion-spring-fast-spatial)}button:not(:disabled):not([aria-disabled=true]):active{transform:scale(.95)}button:disabled,button[aria-disabled=true]{cursor:default}button:focus-visible{outline:2px solid var(--p);outline-offset:2px}button:not(.style-switch):not(.color-swatch):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:currentColor;opacity:0;transition:opacity var(--md-sys-motion-duration-short-3) linear}button:not(.style-switch):not(.color-swatch):not(:disabled):not([aria-disabled=true]):hover:after{opacity:.08}button:not(.style-switch):not(.color-swatch):not(:disabled):not([aria-disabled=true]):is(:focus-visible,:active):after{opacity:.12}.motion-ripple{position:absolute;border-radius:50%;background:currentColor;pointer-events:none;opacity:0}.md-menu,.md-menu.open{opacity:1;transform:none;transition:none}.color-picker{animation:none}.md-snackbar,.md-snackbar.show{opacity:1;transform:none;transition:none}.md-snackbar{left:0;right:0;margin-inline:auto;width:max-content}.boards-sidebar{transform-origin:top left}.auth-dialog{transform-origin:center}.auth-dialog::backdrop{animation:motion-scrim-in var(--md-sys-motion-duration-short-4) linear}.auth-dialog.motion-closing::backdrop{animation:motion-scrim-out var(--md-sys-motion-duration-short-3) linear forwards}@keyframes motion-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes motion-scrim-out{0%{opacity:1}to{opacity:0}}.plain:hover,.boards-sidebar button:hover,.md-menu-item:is(:hover,:focus,:active),.cp-close:hover,.style-color[aria-expanded=true]{background:transparent}nav button.active,nav button.active:hover{background:var(--sec)}nav button:not(.active):hover{background:transparent}.boards-sidebar .board-choice[aria-current=page]:hover{background:var(--pc)}.cp-done:hover{background:var(--p)}.md-menu-item.danger:after{background:var(--err)}#toolbar.toolbar{left:0;right:0;margin-inline:auto;width:max-content;transform:none;transform-origin:top left;transition:none}.tool-settings{transition:none;max-height:0}.tool-settings-inner{transition:none}#toolbar.expanded .tool-settings-inner{opacity:1;transform:none}.stroke-preview,.text-preview,.settings-select,.style-color,.color-swatch,.cp-close,.cp-done,.md-menu-item{transition:none}.style-switch{transition:transform var(--md-sys-motion-spring-fast-spatial)}.style-switch:after{width:24px;height:24px;margin-top:-12px;transform:scale(.667);transition:transform var(--md-sys-motion-spring-fast-spatial)}.style-switch[aria-checked=true]:after{transform:translate(20px) scale(1)}.style-switch:active:after{transform:scale(.8)}.style-switch[aria-checked=true]:active:after{transform:translate(20px) scale(.9)}.settings-slider::-webkit-slider-thumb{transition:transform var(--md-sys-motion-spring-fast-spatial)}.settings-slider::-moz-range-thumb{transition:transform var(--md-sys-motion-spring-fast-spatial)}.settings-slider:hover::-moz-range-thumb{transform:scale(1.1)}.settings-slider:active::-moz-range-thumb{transform:scale(1.22)}.color-swatch:before,.style-color:before,.cp-recent{transition:transform var(--md-sys-motion-spring-fast-spatial)}@media(max-width:650px){.style-switch[aria-checked=true]:after{transform:translate(16px) scale(1)}.style-switch[aria-checked=true]:active:after{transform:translate(16px) scale(.9)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:not(:disabled):active{transform:none}}