:root{--canvas:#d6dad4;--canvas-dot:#c5cac3;--panel:#fff;--panel-2:#f7f8f6;--ink:#1d2124;--ink-soft:#626a70;--ink-faint:#9aa1a5;--line:#e4e6e2;--line-strong:#d3d6d1;--hover:#f1f3f0;--press:#e8ebe6;--select:#0d99ff;--select-soft:#e3f2ff;--component:#8b3dff;--component-soft:#f1e8ff;--signal:#0f7b6c;--signal-soft:#d8ede8;--dev:#0b8a50;--dev-soft:#ddf2e6;--measure:#f24822;--danger:#c2372b;--danger-soft:#fbe9e7;--warn:#a15c07;--warn-soft:#fdf1dc;--warn-soft-hover:#fae6c2;--warn-ink:#5a3a0b;--warn-ink-strong:#3f2906;--warn-dot:#d08a1f;--signal-ink:#0b4f46;--live:#30a46c;--star:#c28a00;--on-ink:#fff;--ink-hover:#33393d;--select-hover:#0a86e0;--dev-hover:#097443;--inverse:#1f2326;--inverse-ink:#f3f4f2;--inverse-line:#ffffff1f;--inverse-hover:#ffffff1a;--code-bg:#1d2124;--code-ink:#e8ebe6;--chip:#ffffffe6;--dashed:#b4bab2;--checker:#ddd;--checker-soft:#eceee9;--scrim:#1d212452;--scrim-soft:#1d21242e;--focus-ring:#0d99ff29;--shadow-rgb:29 33 36;--bm-margin:#fdf1dc;--bm-margin-line:#e7c58b;--bm-border:#fde8c8;--bm-border-line:#e9b96e;--bm-padding-line:#9fd2b5;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23626a70' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--radius:6px;--radius-m:10px;--radius-l:14px;--shadow-1:0 1px 2px #1d21240f, 0 1px 1px #1d21240a;--shadow-2:0 1px 0 #1d21240a, 0 8px 24px -8px #1d212438;--shadow-3:0 0 0 1px #1d21240f, 0 24px 64px -16px #1d212459;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--canvas:#141618;--canvas-dot:#24282b;--panel:#1c1f22;--panel-2:#181b1d;--ink:#e8ebe8;--ink-soft:#a2a9ad;--ink-faint:#6b7378;--line:#2b3033;--line-strong:#394044;--hover:#26292c;--press:#2e3235;--select:#0d99ff;--select-soft:#0f2c42;--component:#a26dff;--component-soft:#2c2140;--signal:#2fb39e;--signal-soft:#11302b;--dev:#23a465;--dev-soft:#12301f;--measure:#ff6b47;--danger:#e5534b;--danger-soft:#3a1c19;--warn:#e3a54d;--warn-soft:#33270f;--warn-soft-hover:#3d2f13;--warn-ink:#f1cf98;--warn-ink-strong:#f8e2bd;--warn-dot:#e3a54d;--signal-ink:#9fe3d6;--live:#3dbb7a;--star:#f2b630;--on-ink:#141618;--ink-hover:#fff;--select-hover:#2ea6ff;--dev-hover:#2bb874;--inverse:#2a2e32;--inverse-ink:#eef0ed;--inverse-line:#ffffff1a;--inverse-hover:#ffffff14;--code-bg:#121416;--code-ink:#e3e7e3;--chip:#1c1f22e0;--dashed:#4a5155;--checker:#3a3f43;--checker-soft:#2a2e31;--scrim:#0000008c;--scrim-soft:#0006;--focus-ring:#0d99ff47;--shadow-rgb:0 0 0;--bm-margin:#33270f;--bm-margin-line:#7a5a26;--bm-border:#3d2d12;--bm-border-line:#96692b;--bm-padding-line:#2f7a52;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a2a9ad' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--shadow-1:0 0 0 1px #ffffff08, 0 1px 2px #0006;--shadow-2:0 0 0 1px #ffffff0f, 0 8px 24px -8px #0009;--shadow-3:0 0 0 1px #ffffff14, 0 24px 64px -16px #000000bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme-switching] *,:root[data-theme-switching] :before,:root[data-theme-switching] :after{transition:none!important}.menu{z-index:1000;background:var(--inverse);min-width:200px;max-width:320px;max-height:calc(100vh - 16px);color:var(--inverse-ink);box-shadow:var(--shadow-3);font:12px/1.4 var(--font);animation:menu-in .12s var(--ease);border-radius:8px;padding:4px;position:fixed;overflow-y:auto}@keyframes menu-in{0%{opacity:0;transform:translateY(-2px)scale(.98)}}.menu-item{width:100%;height:28px;color:inherit;font:inherit;text-align:left;cursor:default;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:0 8px 0 6px;display:flex}.menu-item:focus-visible,.menu-item:hover:not(:disabled){background:var(--select);color:#fff;outline:none}.menu-item:disabled{opacity:.4}.menu-item.danger:hover:not(:disabled),.menu-item.danger:focus-visible{background:var(--danger)}.menu-icon{opacity:.85;flex:none;place-items:center;width:16px;display:grid}.menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.menu-kbd{font:11px var(--font);color:inherit;opacity:.55;background:0 0;border:none;padding:0}.menu-sep{background:var(--inverse-line);height:1px;margin:4px 6px}.btn{border:1px solid var(--line-strong);background:var(--panel);height:32px;color:var(--ink);font:500 13px/1 var(--font);white-space:nowrap;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--ink-faint)}.btn:active:not(:disabled){background:var(--press)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.btn.primary:hover:not(:disabled){background:var(--ink-hover);border-color:var(--ink-hover)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 86%, #000)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--hover)}.btn.small{height:26px;padding:0 8px;font-size:12px}.input{border:1px solid var(--line-strong);background:var(--panel);min-width:0;height:32px;color:var(--ink);font:13px var(--font);border-radius:7px;padding:0 10px}.input:focus{border-color:var(--select);box-shadow:0 0 0 3px var(--focus-ring);outline:none}select.input{appearance:none;background:var(--panel) var(--select-arrow) no-repeat right 9px center;cursor:pointer;padding-right:26px}.input.quiet{background-color:#0000;border-color:#0000}.input.quiet:hover{background-color:var(--hover)}textarea.input{resize:vertical;height:auto;min-height:72px;padding:8px 10px;line-height:1.45}.form-error{color:var(--danger);margin:8px 0 0;font-size:13px;line-height:1.4}.sub{color:var(--ink-soft)}dialog.dlg{border-radius:var(--radius-l);background:var(--panel);width:min(440px,100vw - 32px);max-height:calc(100dvh - 64px);color:var(--ink);box-shadow:var(--shadow-3);font:13px/1.45 var(--font);border:none;padding:0;overflow:auto}dialog.dlg[open]{animation:dlg-in .18s var(--ease)}dialog.dlg::backdrop{background:var(--scrim)}@keyframes dlg-in{0%{opacity:0;transform:translateY(6px)scale(.985)}}.dlg-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 4px 24px;display:flex}.dlg-head h2{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:650}.dlg-desc{color:var(--ink-soft);margin:6px 0 0}.dlg-close{width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:none;place-items:center;margin:-4px -6px 0 0;display:grid}.dlg-close:hover{background:var(--hover);color:var(--ink)}.dlg-body{padding:12px 24px 20px}.dlg-foot{border-top:1px solid var(--line);background:var(--panel-2);border-radius:0 0 var(--radius-l) var(--radius-l);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.dlg .btn{border-radius:7px;height:32px;padding:0 12px;font-size:13px;font-weight:500}.dlg .btn.primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.dlg label.lbl{margin:0 0 6px;font-weight:600;display:block}.dlg .stack{gap:14px;display:grid}.dlg .input{width:100%}.avatar-ui{color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:650;display:inline-grid;overflow:hidden}.avatar-ui img{object-fit:cover;width:100%;height:100%}.share-invite{gap:8px;margin-bottom:4px;display:flex}.share-invite .input:first-child{flex:1}.share-invite select.input{width:auto}.share-where{background:var(--panel-2);color:var(--ink-soft);border-radius:9px;align-items:flex-start;gap:10px;margin:14px 0 6px;padding:10px 12px;line-height:1.45;display:flex}.share-where svg{flex:none;margin-top:1px}.share-where strong{color:var(--ink);font-weight:600}.share-people{margin:8px 0 0;padding:0;list-style:none}.share-people li{align-items:center;gap:10px;min-height:48px;display:flex}.share-people .who{flex:1;min-width:0;display:grid}.share-people .person{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.share-people .sub{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.share-people select.input{width:auto}.role-label{color:var(--ink-soft);padding:0 10px}.share-link{border-top:1px solid var(--line);background:var(--panel-2);align-items:center;gap:8px;margin:12px -24px -20px;padding:14px 20px 14px 24px;display:flex}.share-link-icon{background:var(--panel);border:1px solid var(--line);width:28px;height:28px;color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;display:grid}.share-link select.input,.share-link>.sub{flex:1}.toast-ui{z-index:1100;background:var(--inverse);max-width:min(520px,100vw - 32px);color:var(--inverse-ink);font:13px/1.4 var(--font);box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transition:opacity .18s, transform .18s var(--ease);border-radius:10px;padding:10px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px)}.toast-ui.show{opacity:1;transform:translate(-50%)}.menu:focus{outline:none}.menu-item.open{background:var(--inverse-hover)}.menu-chev{opacity:.6;margin-left:4px;font-size:14px;line-height:1}