:root,[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f4f0;--grid-dot:#cbc9c1;--panel:#fff;--panel-2:#fbfaf8;--border:#e5e3dd;--border-strong:#d4d2ca;--line:#f0efeb;--text:#1d1e21;--text-2:#3a3c41;--tool:#45474d;--muted:#6b6d73;--faint:#a3a5aa;--hover:#f2f1ed;--draw-strip:#f4f1ea;--backdrop:#1d1e2142;--accent:#0d9488;--accent-strong:#0f766e;--accent-soft:#e1f3f0;--accent-wash:#0d948814;--accent-ring:#0d948826;--on-accent:#fff;--danger:#e03131;--danger-soft:#fff0f0;--danger-line:#f2c2c2;--guide:#e8590c;--on-guide:#fff;--guide-glow:#e8590c38;--handle:#fff;--note-text:#26272a;--note-shine:#ffffff80;--note-shadow:0 1px 1px #2820080f, 0 6px 14px -6px #2820082e, 0 18px 30px -20px #28200847;--check-bg:#fff;--check-line:#b1b3b9;--done-text:#9a9ca1;--done-line:#b8bac0;--grip:#b2b4b9;--swatch-ring:#fff;--swatch-edge:#d6d5cf;--placeholder-a:#f1f0ec;--placeholder-b:#f8f7f4;--hint-title:#4b4d52;--hint-text:#85878c;--marker-blend:multiply;--marker-opacity:.38;--shadow-sm:0 1px 2px #1c191212;--shadow:0 1px 2px #1c19120d, 0 6px 20px #1c191212;--shadow-lg:0 2px 6px #1c19120f, 0 14px 36px #1c191221}:root{--radius-sm:8px;--radius:12px;--radius-lg:16px;--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fast:.12s;--ease:cubic-bezier(.2, .7, .3, 1)}@media (prefers-reduced-motion:reduce){:root{--fast:0s}}[data-theme=white]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--grid-dot:#d3d6db;--panel:#fff;--panel-2:#f9fafb;--border:#e4e6ea;--border-strong:#d0d4da;--line:#eef0f2;--text:#16171a;--text-2:#33363b;--tool:#42454b;--muted:#676b72;--faint:#a1a5ac;--hover:#f2f4f6;--draw-strip:#f4f6f8;--backdrop:#16171a3d;--accent:#0d9488;--accent-strong:#0f766e;--accent-soft:#e0f4f1;--accent-wash:#0d948812;--accent-ring:#0d948826;--on-accent:#fff;--danger:#e03131;--danger-soft:#fff0f0;--danger-line:#f2c2c2;--guide:#7048e8;--on-guide:#fff;--guide-glow:#7048e833;--handle:#fff;--note-text:#232427;--note-shine:#ffffff73;--note-shadow:0 1px 1px #1018280f, 0 6px 14px -6px #10182829, 0 18px 30px -20px #1018283d;--check-bg:#fff;--check-line:#b0b4bb;--done-text:#989ca3;--done-line:#b6bac1;--grip:#b0b4bb;--swatch-ring:#fff;--swatch-edge:#d3d6db;--placeholder-a:#f1f3f5;--placeholder-b:#f8f9fa;--hint-title:#46494f;--hint-text:#81858c;--marker-blend:multiply;--marker-opacity:.38;--shadow-sm:0 1px 2px #10182814;--shadow:0 1px 2px #1018280f, 0 6px 20px #10182817;--shadow-lg:0 2px 6px #10182812, 0 14px 36px #10182826}[data-theme=grey]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eceef2;--grid-dot:#c0c6cf;--panel:#fbfcfd;--panel-2:#f5f7f9;--border:#dadee5;--border-strong:#c9ced7;--line:#e9ecf0;--text:#191c22;--text-2:#343943;--tool:#414753;--muted:#626977;--faint:#9ca3af;--hover:#eef1f5;--draw-strip:#eef1f5;--backdrop:#191c2242;--accent:#0d9488;--accent-strong:#0f766e;--accent-soft:#ddf1ee;--accent-wash:#0d948814;--accent-ring:#0d948826;--on-accent:#fff;--danger:#df2f3a;--danger-soft:#fdeff0;--danger-line:#efc3c6;--guide:#3b5bdb;--on-guide:#fff;--guide-glow:#3b5bdb33;--handle:#fff;--note-text:#23262c;--note-shine:#ffffff73;--note-shadow:0 1px 1px #141c2d12, 0 6px 14px -6px #141c2d2e, 0 18px 30px -20px #141c2d42;--check-bg:#fff;--check-line:#aab1bc;--done-text:#959ca8;--done-line:#b3b9c3;--grip:#aab1bc;--swatch-ring:#fff;--swatch-edge:#ccd1d9;--placeholder-a:#e6e9ee;--placeholder-b:#f0f2f5;--hint-title:#444a55;--hint-text:#7d8491;--marker-blend:multiply;--marker-opacity:.38;--shadow-sm:0 1px 2px #141c2d14;--shadow:0 1px 2px #141c2d0f, 0 6px 20px #141c2d14;--shadow-lg:0 2px 6px #141c2d12, 0 14px 36px #141c2d24}[data-theme=graphite]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1d20;--grid-dot:#393b41;--panel:#26272b;--panel-2:#2b2c31;--border:#36383e;--border-strong:#45474e;--line:#303237;--text:#ecebe8;--text-2:#cacbce;--tool:#c2c4c8;--muted:#999ba2;--faint:#6d7077;--hover:#313237;--draw-strip:#2c2d32;--backdrop:#00000080;--accent:#2dc7b4;--accent-strong:#5ee0cf;--accent-soft:#1e3d39;--accent-wash:#2dc7b41a;--accent-ring:#2dc7b433;--on-accent:#0d1f1d;--danger:#ff6b6b;--danger-soft:#3d2326;--danger-line:#6b3236;--guide:#fcc419;--on-guide:#1d1e22;--guide-glow:#fcc41940;--handle:#1c1d20;--note-text:#f1efe9;--note-shine:#ffffff0d;--note-shadow:0 1px 1px #0000004d, 0 6px 14px -6px #00000073, 0 18px 30px -20px #0009;--check-bg:#1f2023;--check-line:#63666d;--done-text:#7c7f86;--done-line:#6a6d74;--grip:#63666d;--swatch-ring:#26272b;--swatch-edge:#4a4c53;--placeholder-a:#2a2b2f;--placeholder-b:#323338;--hint-title:#c9cacd;--hint-text:#8d9097;--marker-blend:screen;--marker-opacity:.6;--shadow-sm:0 1px 2px #00000059;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--shadow-lg:0 2px 6px #00000059, 0 16px 40px #00000080}[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121826;--grid-dot:#2a3448;--panel:#1a2232;--panel-2:#1e2738;--border:#29344a;--border-strong:#36435d;--line:#232d40;--text:#e7ebf3;--text-2:#c2cad8;--tool:#bac3d3;--muted:#8d98ae;--faint:#5e6a81;--hover:#232d41;--draw-strip:#1f2839;--backdrop:#0307108c;--accent:#38c6d9;--accent-strong:#74dcea;--accent-soft:#173a48;--accent-wash:#38c6d91a;--accent-ring:#38c6d933;--on-accent:#08202a;--danger:#ff6b7a;--danger-soft:#3a1f2a;--danger-line:#6a3040;--guide:#b197fc;--on-guide:#17142a;--guide-glow:#b197fc47;--handle:#121826;--note-text:#eef1f7;--note-shine:#ffffff0d;--note-shadow:0 1px 1px #0000004d, 0 6px 14px -6px #00000073, 0 18px 30px -20px #0009;--check-bg:#141b29;--check-line:#56627a;--done-text:#737f96;--done-line:#5f6b82;--grip:#56627a;--swatch-ring:#1a2232;--swatch-edge:#3e4b65;--placeholder-a:#1d2636;--placeholder-b:#253045;--hint-title:#c2cad8;--hint-text:#8590a6;--marker-blend:screen;--marker-opacity:.6;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #00000059, 0 8px 24px #0006;--shadow-lg:0 2px 6px #0006, 0 16px 40px #0000008c}[data-theme=oled]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--grid-dot:#2a2a2d;--panel:#111113;--panel-2:#161618;--border:#252528;--border-strong:#333337;--line:#1d1d20;--text:#f2f2f2;--text-2:#cfcfd2;--tool:#c6c6ca;--muted:#9a9aa0;--faint:#66666c;--hover:#1c1c1f;--draw-strip:#18181a;--backdrop:#0000009e;--accent:#2dd4bf;--accent-strong:#6eeadb;--accent-soft:#0f2e2a;--accent-wash:#2dd4bf1a;--accent-ring:#2dd4bf38;--on-accent:#001a17;--danger:#ff6b6b;--danger-soft:#331618;--danger-line:#5c2a2d;--guide:#a9e34b;--on-guide:#111;--guide-glow:#a9e34b47;--handle:#000;--note-text:#f4f2ec;--note-shine:#ffffff0a;--note-shadow:0 0 0 1px #ffffff0a, 0 10px 26px -12px #000000e6;--check-bg:#0a0a0b;--check-line:#5a5a60;--done-text:#75757b;--done-line:#5f5f65;--grip:#5a5a60;--swatch-ring:#111113;--swatch-edge:#3a3a3f;--placeholder-a:#141416;--placeholder-b:#1c1c1f;--hint-title:#cfcfd2;--hint-text:#85858b;--marker-blend:screen;--marker-opacity:.6;--shadow-sm:0 0 0 1px #ffffff08;--shadow:0 0 0 1px #ffffff05, 0 8px 24px #000000b3;--shadow-lg:0 0 0 1px #ffffff08, 0 16px 40px #000000d9}[data-grid=off] .grid{display:none}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.editable:focus-visible{outline:none}kbd{font:inherit;color:var(--text-2);background:var(--panel);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:0 5px;font-size:.9em;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.board{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;position:fixed;inset:0;overflow:hidden}.grid{pointer-events:none;background-image:radial-gradient(circle, var(--grid-dot) 1.1px, transparent 1.4px);position:absolute;inset:0}.world,.world-above{transform-origin:0 0;position:absolute;top:0;left:0}.layer{position:absolute;top:0;left:0}.layer-connectors{pointer-events:none;width:1px;height:1px;overflow:visible}.board[data-tool=text]{cursor:text}.board[data-tool=list],.board[data-tool=note],.board[data-tool=pen],.board[data-tool=marker],.board[data-place=shapes]{cursor:crosshair}.board[data-tool=pen] .el,.board[data-tool=pen] .editable,.board[data-tool=marker] .el,.board[data-tool=marker] .editable,.board[data-place=shapes] .editable,.board[data-tool=eraser] .editable{cursor:inherit}.board[data-tool=text] .el-path *,.board[data-tool=list] .el-path *,.board[data-tool=note] .el-path *,.board[data-editing] .el-path *{pointer-events:none}.board[data-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='8.5' fill='white' fill-opacity='.7' stroke='%23505257' stroke-width='1.5'/%3E%3C/svg%3E") 11 11,cell}.board[data-space]{cursor:grab}.board[data-gesture=pan],.board[data-gesture=pan] *{cursor:grabbing!important}.board[data-gesture=move],.board[data-gesture=move] *{cursor:move!important}.board[data-gesture=connect],.board[data-gesture=connect] *{cursor:crosshair!important}.overlay{pointer-events:none;position:absolute;inset:0}.frame{border:1.5px solid var(--accent);border-radius:8px;position:absolute}.frame.is-multi{border-width:1px;border-color:color-mix(in srgb, var(--accent) 75%, transparent)}.frame.is-target{background:var(--accent-wash);box-shadow:0 0 0 4px var(--accent-ring);border-width:2px}.frame-group{border:1px dashed var(--accent);border-radius:10px;position:absolute}.handle{background:var(--handle);border:1.5px solid var(--accent);width:10px;height:10px;box-shadow:var(--shadow-sm);pointer-events:auto;border-radius:3px;position:absolute}.handle:after,.conn-dot:after,.conn-end:after{content:"";position:absolute;inset:-7px}.handle-nw{cursor:nwse-resize;top:-6px;left:-6px}.handle-ne{cursor:nesw-resize;top:-6px;right:-6px}.handle-se{cursor:nwse-resize;bottom:-6px;right:-6px}.handle-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.handle-e,.handle-w{cursor:ew-resize;border-radius:4px;width:8px;height:22px;margin-top:-11px;top:50%}.handle-e{right:-5px}.handle-w{left:-5px}.conn-dot,.conn-end{background:var(--handle);border:2px solid var(--accent);width:12px;height:12px;box-shadow:var(--shadow-sm);pointer-events:auto;cursor:crosshair;transition:transform var(--fast) var(--ease), background var(--fast);animation:dot-in .14s var(--ease);border-radius:50%;margin:-6px 0 0 -6px;position:absolute}.conn-dot:hover,.conn-dot.is-active{background:var(--accent);transform:scale(1.3)}.conn-end{cursor:move;width:14px;height:14px;margin:-7px 0 0 -7px;animation:none}.conn-end:hover{background:var(--accent)}@keyframes dot-in{0%{opacity:0;transform:scale(.4)}}.hover-delete{border:1px solid var(--border);background:var(--panel);width:22px;height:22px;color:var(--muted);box-shadow:var(--shadow);cursor:pointer;pointer-events:auto;transition:color var(--fast), border-color var(--fast);border-radius:50%;place-items:center;margin:-11px 0 0 -11px;padding:0;display:grid;position:absolute}.hover-delete svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:14px;height:14px}.hover-delete:hover{color:var(--danger);border-color:var(--danger-line)}.marquee{border:1px solid var(--accent);background:var(--accent-wash);border-radius:3px;position:absolute}.guide{background:var(--guide);box-shadow:0 0 0 1px var(--guide-glow), 0 0 8px var(--guide-glow);pointer-events:none;border-radius:1px;position:absolute}.guide-x{width:1px;margin-left:-.5px}.guide-y{height:1px;margin-top:-.5px}.gap{background:var(--guide);pointer-events:none;position:absolute}.gap-x{height:1px;margin-top:-.5px}.gap-y{width:1px;margin-left:-.5px}.gap:before,.gap:after{content:"";background:var(--guide);position:absolute}.gap-x:before,.gap-x:after{width:1px;height:9px;top:-4px}.gap-x:before{left:0}.gap-x:after{right:0}.gap-y:before,.gap-y:after{width:9px;height:1px;left:-4px}.gap-y:before{top:0}.gap-y:after{bottom:0}.gap-label{background:var(--panel);color:var(--guide);box-shadow:0 0 0 1px var(--guide);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:7px;padding:1px 6px;font-size:11px;font-weight:700;line-height:16px;position:absolute}.gap-x .gap-label{bottom:5px;left:50%;transform:translate(-50%)}.gap-y .gap-label{top:50%;left:7px;transform:translateY(-50%)}.gap.is-equal .gap-label{background:var(--guide);color:var(--on-guide)}.task-drag-chip{z-index:100;background:var(--accent);max-width:220px;height:30px;color:var(--on-accent);box-shadow:var(--shadow-lg);font:600 13px/1 var(--font);pointer-events:none;animation:chip-in .12s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 9px;display:flex;position:fixed}@keyframes chip-in{0%{opacity:0;transform:scale(.85)}}.task-drag-grip{opacity:.85;background-image:radial-gradient(circle,currentColor 1.3px,#0000 1.5px);background-size:4px 4.67px;flex:none;width:8px;height:14px}.task-drag-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.task-drag-chip.is-new-list:before{content:attr(data-new-list);border:1px solid var(--accent);background:var(--panel);color:var(--accent-strong);font:600 12px/1.4 var(--font);white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:999px;padding:3px 9px;position:absolute;top:-6px;left:0;transform:translateY(-100%)}.task-drop-line{z-index:99;background:var(--accent);height:4px;box-shadow:0 0 0 3px var(--accent-ring);pointer-events:none;transition:top 90ms var(--ease), left 90ms var(--ease), width 90ms var(--ease);border-radius:4px;position:fixed}.task-drop-line:before,.task-drop-line:after{content:"";border:3px solid var(--accent);background:var(--panel);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.task-drop-line:before{left:0}.task-drop-line:after{left:100%}.task-drop-line[hidden]{display:none}.el-list.is-drop-target{box-shadow:var(--shadow), 0 0 0 2px var(--accent), 0 0 0 7px var(--accent-ring);transition:box-shadow var(--fast)}body.is-dragging-task,body.is-dragging-task *{cursor:grabbing!important}@media (prefers-reduced-motion:reduce){.task-drag-chip{animation:none}.task-drop-line{transition:none}}.el{position:absolute}.editable{white-space:pre-wrap;overflow-wrap:anywhere;cursor:default;-webkit-user-select:text;user-select:text;outline:none;min-width:2px}.editable:focus,.task-text{cursor:text}.editable:empty:before{content:attr(data-placeholder);color:var(--faint);pointer-events:none}.el-text{border-radius:4px;padding:2px 4px;line-height:1.4}.el-text.is-auto{width:max-content;min-width:24px}.el-text.has-bg{background:var(--text-bg);box-shadow:0 0 0 4px var(--text-bg);border-radius:6px}.el-note{color:var(--note-text);background:linear-gradient(180deg, var(--note-shine), transparent 38%), var(--paper);box-shadow:var(--note-shadow);border-radius:3px 3px 12px;padding:16px 18px 20px;font-size:15px;line-height:1.5}.el-note .editable{min-height:1.5em}.el-shape{pointer-events:none;display:flex;container-type:size}.shape-outline{pointer-events:none;position:absolute;inset:0;overflow:visible}.shape-body{pointer-events:all}.shape-label .editable{pointer-events:auto}.shape-label{text-align:center;flex:1;justify-content:center;align-items:center;min-width:0;padding:10px 14px;font-size:16px;font-weight:550;line-height:1.3;display:flex;position:relative;overflow:hidden}.shape-label .editable{min-width:4px;max-width:100%;min-height:1.3em}.el-list{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.list-head{background:var(--soft);border-top:4px solid var(--ink);align-items:baseline;gap:10px;padding:12px 14px 10px 16px;display:flex}.list-title{letter-spacing:-.005em;min-width:0;color:var(--text);flex:1;font-size:16px;font-weight:650}.list-count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.list-progress{background:color-mix(in srgb, var(--ink) 14%, transparent);height:3px}.list-progress span{background:var(--ink);transform-origin:0;height:100%;transition:transform .22s var(--ease);display:block}.list-tasks{margin:0;padding:6px 6px 0;list-style:none}.task{transition:background var(--fast);border-radius:7px;align-items:flex-start;gap:6px;padding:4px 8px 4px 2px;display:flex;position:relative}.task+.task:before{content:"";background:var(--border);pointer-events:none;height:1px;transition:opacity var(--fast);position:absolute;top:0;left:20px;right:8px}.task:hover:before,.task:hover+.task:before{opacity:0}.task.has-color{background:color-mix(in srgb, var(--task-soft) 85%, transparent);box-shadow:inset 3px 0 0 var(--task-ink)}.task.has-color:hover{background:var(--task-soft)}.task.has-color.is-done{background:color-mix(in srgb, var(--task-soft) 40%, transparent);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--task-ink) 45%, transparent)}.task.has-color+.task:before,.task+.task.has-color:before{opacity:0}.task.has-color+.task,.task+.task.has-color{margin-top:2px}.task:hover{background:var(--hover)}.list-tasks .task.is-dragging{box-shadow:none;outline:2px dashed color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:-2px;background:0 0;border-radius:8px}.list-tasks .task.is-dragging>*{visibility:hidden}.task.is-landed{animation:task-landed .9s var(--ease)}@keyframes task-landed{0%,35%{background:color-mix(in srgb, var(--accent) 22%, transparent);box-shadow:inset 0 0 0 2px var(--accent)}}@media (prefers-reduced-motion:reduce){.task.is-landed{animation:none}}.task-grip{width:12px;height:22px;color:var(--grip);cursor:grab;opacity:0;transition:opacity var(--fast);flex:none;place-items:center;display:grid}.task-grip svg{fill:currentColor}.task:hover .task-grip{opacity:1}@media (hover:none){.task-grip{opacity:.7}}.task-check{border:1.5px solid var(--check-line);background:var(--check-bg);cursor:pointer;width:18px;height:18px;transition:background var(--fast), border-color var(--fast);border-radius:5px;flex:none;place-items:center;margin-top:2px;padding:0;display:grid}.task-check svg{fill:none;width:12px;height:12px;stroke:var(--on-accent);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.task-check:hover{border-color:var(--accent)}.task.is-done .task-check{background:var(--accent);border-color:var(--accent)}.task.is-done .task-check svg{opacity:1}.task-text{flex:1;min-width:0;min-height:22px;line-height:22px}.task-copy{width:22px;height:22px;color:var(--muted);cursor:pointer;opacity:0;transition:opacity var(--fast), background var(--fast);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;margin:0 -4px 0 0;padding:0;display:grid}.task:hover .task-copy,.task:focus-within .task-copy,.task-copy:focus-visible{opacity:1}.task-copy:hover{background:var(--border);color:var(--text)}@media (hover:none){.task:not(:focus-within) .task-copy{display:none}.task-copy{position:relative}.task-copy:after{content:"";position:absolute;inset:-9px -4px}}.task.is-done .task-text{color:var(--done-text);text-decoration:line-through;-webkit-text-decoration-color:var(--done-line);text-decoration-color:var(--done-line)}.task-desc,.task-desc-view{min-width:0;color:var(--text-2);cursor:text;flex:1 0 100%;margin:1px 0 3px;font-size:.86em;line-height:1.45}.task-desc-view{font-family:inherit;font-weight:inherit;text-align:left;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:4px;padding:0;display:block}.task-desc-view:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.task.is-done .task-desc,.task.is-done .task-desc-view{color:var(--done-text)}.desc-line,.desc-item{white-space:pre-wrap;overflow-wrap:anywhere;display:block}.desc-item{--mark:1.1em;padding-left:var(--mark);position:relative}.desc-item.is-numbered{--mark:1.6em}.desc-item.level-1{margin-left:1.1em}.desc-item.level-2{margin-left:2.2em}.desc-item.level-3{margin-left:3.3em}.desc-marker{width:var(--mark);color:var(--ink,var(--text-2));font-variant-numeric:tabular-nums;font-weight:600;position:absolute;top:0;left:0}.desc-item:not(.is-numbered) .desc-marker{color:#0000}.desc-item:not(.is-numbered) .desc-marker:before{content:"";background:var(--ink,var(--text-2));border-radius:50%;width:.42em;height:.42em;position:absolute;top:.515em;left:.2em}.task.is-done .desc-marker{color:var(--done-text)}.task.is-done .desc-item:not(.is-numbered) .desc-marker{color:#0000}.task.is-done .desc-item:not(.is-numbered) .desc-marker:before{background:var(--done-text)}.desc-gap{height:.55em;display:block}.list-hidden{color:var(--muted);cursor:pointer;transition:background var(--fast);background:0 0;border:0;border-radius:7px;margin:2px 0 0 32px;padding:3px 10px;font-size:12px;display:block}.list-hidden:hover{background:var(--hover)}.list-hidden-show{color:var(--accent-strong)}.list-add{text-align:left;color:var(--muted);cursor:pointer;transition:color var(--fast), background var(--fast);background:0 0;border:0;border-radius:7px;margin:2px 0 8px 32px;padding:4px 10px;font-size:13.5px;display:block}.list-add:hover{color:var(--accent-strong);background:var(--hover)}.el-path{pointer-events:none;overflow:visible}.path-hit{fill:none;stroke:#0000;stroke-width:max(14px, var(--hit-min,0px));stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke}.path-ink{pointer-events:visiblePainted}.el-path.is-marker{mix-blend-mode:var(--marker-blend)}.el-path.is-marker .path-ink{opacity:var(--marker-opacity)}.el-image{box-shadow:var(--shadow);border-radius:6px;overflow:hidden}.el-image.is-drawing-on{box-shadow:0 0 0 2px var(--accent), 0 0 0 7px var(--accent-ring), var(--shadow)}.image-ink{pointer-events:none;position:absolute;inset:0;overflow:hidden}.image-ink.is-marker{mix-blend-mode:multiply}.image-ink.is-marker path{opacity:.38}.el-image img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.image-loading{background:linear-gradient(110deg, var(--placeholder-a) 30%, var(--placeholder-b) 50%, var(--placeholder-a) 70%);width:100%;height:100%;display:block}.image-missing{text-align:center;width:100%;height:100%;color:var(--muted);background:var(--placeholder-a);border:1.5px dashed var(--border-strong);border-radius:6px;place-items:center;padding:8px;font-size:13px;display:grid}.conn-hit{fill:none;stroke:#0000;stroke-width:18px;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;cursor:pointer}.conn-line{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.conn-head{stroke-width:1px;stroke-linejoin:round;pointer-events:none}.conn-halo{fill:none;stroke:var(--accent);stroke-opacity:.22;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.conn.is-draft{opacity:.85}.conn-label{background:var(--bg);border-radius:7px;width:max-content;max-width:320px;padding:1px 8px;font-size:13px;font-weight:550;line-height:1.45;position:absolute;transform:translate(-50%,-50%)}.conn-label .editable{text-align:center;min-width:36px}.conn-label.is-editing{box-shadow:0 0 0 1.5px var(--accent);background:var(--panel)}.el-table{--tb-fill:var(--tb-bg,var(--panel));--tb-line:color-mix(in srgb, var(--tb-ink) 26%, var(--tb-fill));--tb-edge:color-mix(in srgb, var(--tb-ink) 48%, var(--tb-fill));--tb-head:color-mix(in srgb, var(--tb-ink) 9%, var(--tb-fill));color:var(--tb-text,var(--text));font-size:14px;line-height:1.4}.tb-grid{background:var(--tb-fill);box-shadow:var(--shadow-sm);border-radius:10px;display:grid;position:relative;overflow:hidden}.tb-grid:after{content:"";border:1px solid var(--tb-edge);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.tb-row{display:contents}.tb-cell{border-right:1px solid var(--tb-line);border-bottom:1px solid var(--tb-line);min-width:0;transition:background var(--fast), box-shadow var(--fast);padding:7px 10px}.tb-cell:last-child{border-right:0}.tb-row:last-child>.tb-cell{border-bottom:0}.tb-row.is-head>.tb-cell{background:var(--tb-head);border-bottom-color:var(--tb-edge);font-weight:650}.tb-cell .editable{min-height:1.4em}.el-table:not(.is-active) .tb-cell .editable:empty:before{content:none}.tb-cell.is-current{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 45%, transparent)}.tb-cell:focus-within{background:color-mix(in srgb, var(--accent) 6%, var(--tb-fill));box-shadow:inset 0 0 0 2px var(--accent)}.tb-resize{z-index:1;cursor:col-resize;touch-action:none;width:10px;margin-left:-5px;position:absolute;top:0;bottom:0}.tb-resize:after{content:"";width:2px;transition:background var(--fast);background:0 0;border-radius:1px;position:absolute;top:4px;bottom:4px;left:4px}.tb-resize:hover:after,.board[data-gesture=resize] .tb-resize:active:after{background:var(--accent)}.tb-add{z-index:2;cursor:pointer;opacity:0;pointer-events:none;width:30px;height:30px;transition:opacity var(--fast);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.tb-add.is-col{top:3px;left:100%}.tb-add.is-row{top:100%;left:3px}.tb-add span{border:1px solid var(--border-strong);background:var(--panel);width:20px;height:20px;color:var(--muted);box-shadow:var(--shadow-sm);transition:background var(--fast), color var(--fast), border-color var(--fast);border-radius:50%;place-items:center;display:grid}.tb-add:hover span,.tb-add:focus-visible span{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.tb-add:focus-visible{outline:none}.board[data-tool=select] .el-table:hover .tb-add,.board[data-tool=select] .el-table.is-active .tb-add{opacity:1;pointer-events:auto}.board:not([data-tool=select]) .tb-resize,.board[data-gesture=move] .tb-add,.board[data-gesture=resize] .tb-add{display:none}@media (hover:none){.tb-add{width:36px;height:36px}.tb-add span{width:24px;height:24px}}.board[data-tool=table],.board[data-tool=markdown]{cursor:crosshair}.board[data-tool=table] .el-path *,.board[data-tool=markdown] .el-path *{pointer-events:none}.el-md{--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--md-fill:var(--md-bg,var(--panel));--md-edge:color-mix(in srgb, var(--md-ink) 42%, var(--md-fill));--md-soft:color-mix(in srgb, currentColor 7%, transparent);border:1px solid var(--md-edge);background:var(--md-fill);box-shadow:var(--shadow-sm);color:var(--text);overflow-wrap:anywhere;border-radius:12px;padding:14px 18px 15px;font-size:14.5px;line-height:1.55}.el-md.is-editing{padding:12px 14px 13px}.md-source{min-height:4.8em;font-family:var(--mono);tab-size:2;font-size:13px;line-height:1.6}.md-empty{color:var(--faint);font-size:13.5px}.md-body>:first-child{margin-top:0}.md-body>:last-child{margin-bottom:0}.md-body h1,.md-body h2,.md-body h3,.md-body h4,.md-body h5,.md-body h6{letter-spacing:-.01em;margin:.9em 0 .35em;font-weight:700;line-height:1.25}.md-body h1{font-size:1.6em}.md-body h2{font-size:1.3em}.md-body h3{font-size:1.12em}.md-body h4,.md-body h5,.md-body h6{font-size:1em}.md-body p{margin:.5em 0}.md-body ul,.md-body ol{margin:.45em 0;padding-left:1.45em}.md-body li{margin:.15em 0}.md-body li>ul,.md-body li>ol{margin:.1em 0}.md-body li:has(>input[type=checkbox]){margin-left:-1.3em;list-style:none}:is(.md-body li:has(>input[type=checkbox])>ul,.md-body li:has(>input[type=checkbox])>ol){padding-left:2.75em}.md-body input[type=checkbox]{vertical-align:-2px;width:15px;height:15px;accent-color:var(--accent);cursor:pointer;margin:0 .45em 0 0}.md-body li:has(>input[type=checkbox]:checked){color:var(--done-text)}.md-body strong{font-weight:700}.md-body code{background:var(--md-soft);font-family:var(--mono);border-radius:5px;padding:.1em .36em;font-size:.86em}.md-body pre{background:var(--md-soft);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:.6em 0;padding:10px 12px}.md-body pre code{background:0 0;padding:0;font-size:12.5px;line-height:1.5}.md-body blockquote{border-left:3px solid var(--md-edge);color:color-mix(in srgb, currentColor 72%, transparent);margin:.6em 0;padding:.05em 0 .05em .9em}.md-body a{color:var(--accent-strong);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent-strong) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent-strong) 45%, transparent);text-underline-offset:2px;cursor:pointer}.md-body a:hover{text-decoration-color:currentColor}.md-body hr{border:0;border-top:1px solid var(--md-edge);margin:1em 0}.md-body table{border-collapse:collapse;max-width:100%;margin:.6em 0;font-size:.93em}.md-body th,.md-body td{border:1px solid var(--md-edge);text-align:left;vertical-align:top;padding:4px 9px}.md-body th{background:var(--md-soft);font-weight:650}.md-body th[align=center],.md-body td[align=center]{text-align:center}.md-body th[align=right],.md-body td[align=right]{text-align:right}.md-body img{border-radius:6px;max-width:100%}.md-body del{color:color-mix(in srgb, currentColor 60%, transparent)}.el-code{--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--code-fill:var(--panel);--code-edge:color-mix(in srgb, var(--code-ink) 38%, var(--code-fill));--code-pad-x:14px;--code-pad-top:10px;--code-pad-bottom:12px;--code-gap:12px;--hl-keyword:#cf222e;--hl-string:#0a3069;--hl-number:#0550ae;--hl-comment:#6e7781;--hl-title:#8250df;--hl-type:#953800;--hl-tag:#116329;--hl-add:#116329;--hl-add-bg:#dafbe1;--hl-del:#82071e;--hl-del-bg:#ffebe9;border:1px solid var(--code-edge);background:var(--code-fill);box-shadow:var(--shadow-sm);color:var(--text);border-radius:12px}[data-scheme=dark] .el-code{--hl-keyword:#ff7b72;--hl-string:#a5d6ff;--hl-number:#79c0ff;--hl-comment:#8b949e;--hl-title:#d2a8ff;--hl-type:#ffa657;--hl-tag:#7ee787;--hl-add:#aff5b4;--hl-add-bg:#033a16;--hl-del:#ffdcd7;--hl-del-bg:#67060c}.code-head{border-bottom:1px solid var(--line);background:var(--panel-2);height:34px;color:var(--muted);border-radius:11px 11px 0 0;justify-content:space-between;align-items:center;gap:8px;padding:0 5px;font-size:12px;line-height:1;display:flex}.code-lang{min-width:0;height:26px;color:var(--text-2);cursor:pointer;transition:background var(--fast) var(--ease);border-radius:7px;align-items:center;gap:4px;padding:0 7px 0 8px;font-weight:600;display:inline-flex;position:relative}.code-lang-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.code-lang .icon{color:var(--muted);flex:none}.code-lang:hover,.code-copy:hover{background:var(--hover)}.code-lang:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.code-lang select{opacity:0;cursor:pointer;width:100%;font-size:16px;position:absolute;inset:0}.code-copy{height:26px;color:var(--muted);cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;border-radius:7px;flex:none;align-items:center;gap:5px;padding:0 9px 0 8px;font-size:12px;font-weight:600;display:inline-flex}.code-copy:hover{color:var(--text)}.code-body{--code-left:var(--code-pad-x);position:relative}.code-body.has-lines{--code-left:calc(var(--code-pad-x) + var(--gutter) + var(--code-gap))}.code-hl,.code-src{padding:var(--code-pad-top) var(--code-pad-x) var(--code-pad-bottom) var(--code-left);font-family:var(--mono);letter-spacing:0;font-variant-ligatures:none;tab-size:4;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;margin:0;font-size:13px;font-weight:400;line-height:1.6}.code-hl{pointer-events:none;color:var(--text);counter-reset:ln;background:0 0;position:absolute;inset:0;overflow:hidden}.code-line{counter-increment:ln;min-height:1.6em;position:relative}.has-lines .code-line:before{content:counter(ln);top:0;right:calc(100% + var(--code-gap));width:var(--gutter);text-align:right;color:var(--faint);-webkit-user-select:none;user-select:none;position:absolute}.has-lines .code-hl:before{content:"";top:0;bottom:0;left:calc(var(--code-left) - var(--code-gap) / 2);border-left:1px solid var(--line);position:absolute}.code-src{min-height:calc(1.6em + var(--code-pad-top) + var(--code-pad-bottom));color:#0000;caret-color:var(--text);position:relative}.code-src::selection{background:color-mix(in srgb, var(--accent) 30%, transparent);color:#0000}.code-src:empty:before{color:var(--faint)}.code-hl .hljs-keyword,.code-hl .hljs-doctag,.code-hl .hljs-template-tag,.code-hl .hljs-template-variable,.code-hl .hljs-type,.code-hl .hljs-variable.language_{color:var(--hl-keyword)}.code-hl .hljs-title,.code-hl .hljs-title.class_,.code-hl .hljs-title.class_.inherited__,.code-hl .hljs-title.function_{color:var(--hl-title)}.code-hl .hljs-attr,.code-hl .hljs-attribute,.code-hl .hljs-literal,.code-hl .hljs-meta,.code-hl .hljs-number,.code-hl .hljs-operator,.code-hl .hljs-variable,.code-hl .hljs-selector-attr,.code-hl .hljs-selector-class,.code-hl .hljs-selector-id{color:var(--hl-number)}.code-hl .hljs-regexp,.code-hl .hljs-string,.code-hl .hljs-meta .hljs-string{color:var(--hl-string)}.code-hl .hljs-built_in,.code-hl .hljs-symbol,.code-hl .hljs-bullet{color:var(--hl-type)}.code-hl .hljs-comment,.code-hl .hljs-code,.code-hl .hljs-formula{color:var(--hl-comment);font-style:italic}.code-hl .hljs-name,.code-hl .hljs-quote,.code-hl .hljs-selector-tag,.code-hl .hljs-selector-pseudo{color:var(--hl-tag)}.code-hl .hljs-subst{color:var(--text)}.code-hl .hljs-section{color:var(--hl-number);font-weight:700}.code-hl .hljs-emphasis{font-style:italic}.code-hl .hljs-strong{font-weight:700}.code-hl .hljs-addition{color:var(--hl-add);background:var(--hl-add-bg)}.code-hl .hljs-deletion{color:var(--hl-del);background:var(--hl-del-bg)}.panel{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);position:fixed}.toolbar{scrollbar-width:none;flex-direction:column;gap:2px;width:68px;max-height:calc(100vh - 24px);padding:6px;display:flex;top:12px;left:12px;overflow-y:auto}.toolbar::-webkit-scrollbar{display:none}.tool{width:100%;color:var(--tool);cursor:pointer;transition:background var(--fast), color var(--fast);background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 0 7px;font-size:11px;line-height:1;display:flex}.tool:hover{background:var(--hover)}.tool.is-active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.tool:focus-visible,.set-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (width>=761px) and (height<=640px){.toolbar .tool{gap:3px;padding:5px 0 4px}}.shapebar{scrollbar-width:none;grid-template-columns:repeat(2,38px);grid-auto-rows:38px;gap:4px;width:92px;max-height:calc(100vh - 148px);padding:6px;display:grid;top:76px;right:12px;overflow-y:auto}.shapebar::-webkit-scrollbar{display:none}.shapebar .tool,.drawbar .tool{gap:0;width:38px;height:38px;padding:0}.drawbar{z-index:21;max-width:calc(100vw - 208px);transition:opacity .16s var(--ease);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:5px 6px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.drawbar-tools{gap:2px;display:flex}.drawbar>.ink-options{border-bottom:1px solid var(--border);max-width:100%;padding:0 2px 4px}.drawbar.is-open~.help{bottom:114px}.drawbar.is-open~.toasts{bottom:148px}.board[data-gesture=pen]~.drawbar,.board[data-gesture=pen]~.phonebar .phonebar-ink{opacity:.12;pointer-events:none}@keyframes drawbar-in{0%{opacity:0}}.ink-options{min-width:0;animation:drawbar-in .14s var(--ease);align-items:center;gap:8px;display:flex}.drawbar-colors{scrollbar-width:none;align-items:center;gap:6px;min-width:0;padding:3px 2px;display:flex;overflow-x:auto}.drawbar-colors::-webkit-scrollbar{display:none}.drawbar-colors .swatch{flex:none}.drawbar-sep{background:var(--border);flex:none;width:1px;height:24px}.drawbar-sizes{flex:none;gap:2px;display:flex}.size-btn{cursor:pointer;width:32px;height:32px;transition:background var(--fast);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.size-btn:hover{background:var(--hover)}.size-btn.is-on{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.size-dot{border-radius:50%;display:block}.ink-options.is-marker .size-dot{opacity:.55;border-radius:3px}[data-shapes=off] .drawbar{max-width:calc(100vw - 128px)}.phonebar{top:auto;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));flex-direction:column;gap:4px;padding:5px;display:flex}.phonebar-sets{background:var(--draw-strip);border-radius:10px;gap:2px;padding:2px;display:flex}.set-btn{height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:12px;font-weight:550;display:flex}.set-btn.is-on{background:var(--panel);color:var(--accent-strong);box-shadow:var(--shadow-sm)}.phonebar-tools{scrollbar-width:none;flex:1;gap:0;min-width:0;display:flex;overflow-x:auto}.phonebar-tools::-webkit-scrollbar{display:none}.phonebar .tool{flex:1 0 52px;gap:3px;width:auto;padding:6px 0 5px;font-size:10.5px}.phonebar[data-set=writing] .phonebar-tools{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:0 2px;display:grid;overflow:visible}.phonebar[data-set=writing] .tool{gap:2px;padding:4px 0 3px}.phonebar[data-set=shapes] .phonebar-tools{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;display:grid;overflow:visible}.phonebar[data-set=shapes] .tool{height:40px;padding:0}.phonebar-ink{transition:opacity .16s var(--ease);padding:0 2px}.phonebar-ink .drawbar-colors{justify-content:space-between;gap:2px;overflow:visible}.phonebar-ink .swatch{aspect-ratio:1;flex:0 28px;min-width:20px;height:auto}.phonebar-tools>.drawbar-sep{align-self:center;margin:0 4px}.phonebar-tools>.drawbar-sizes{align-items:center}.phonebar-tools .size-btn{width:30px;height:40px}.tooltip{z-index:80;background:var(--text);color:var(--bg);box-shadow:var(--shadow);white-space:nowrap;pointer-events:none;visibility:hidden;animation:tip-in 90ms var(--ease);border-radius:8px;align-items:center;gap:8px;padding:5px 9px;font-size:12.5px;font-weight:500;line-height:1.3;display:flex;position:fixed;top:0;left:0}.tooltip kbd{white-space:nowrap;background:color-mix(in srgb, var(--bg) 18%, transparent);color:inherit;box-shadow:none;border:0;border-radius:4px;flex:none;padding:0 5px;font-size:11.5px;line-height:1.5}@keyframes tip-in{0%{opacity:0}}@media (width<=600px){.tooltip{white-space:normal;text-wrap:balance;max-width:calc(100vw - 24px)}}.topbar{scrollbar-width:none;align-items:center;gap:4px;height:52px;padding:0 10px;display:flex;top:12px;left:92px;right:12px;overflow-x:auto}.topbar::-webkit-scrollbar{display:none}[data-writing=off] .topbar{left:12px}.brand{letter-spacing:-.01em;flex:none;align-items:center;gap:8px;padding:0 4px 0 2px;font-size:15px;font-weight:700;display:flex}.logo{border-radius:7px;flex:none}.bar-sep{background:var(--border);flex:none;width:1px;height:26px;margin:0 6px}.bar-break{display:none}.btn{height:34px;color:var(--text-2);white-space:nowrap;cursor:pointer;transition:background var(--fast);background:0 0;border:0;border-radius:9px;flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.35;cursor:default}.btn-icon{justify-content:center;width:34px;padding:0}.label-muted{color:var(--muted);flex:none;margin-right:2px;font-size:12px}.swatch{border:2px solid var(--swatch-ring);width:22px;height:22px;box-shadow:0 0 0 1px var(--swatch-edge);cursor:pointer;transition:transform var(--fast) var(--ease), box-shadow var(--fast);border-radius:50%;padding:0}.swatch:hover{transform:scale(1.12)}.swatch.is-on{box-shadow:0 0 0 2px var(--accent)}.corner{z-index:20;align-items:center;gap:8px;display:flex;position:fixed;bottom:12px;right:12px}.corner .panel{position:static}.help-btn{width:44px;height:44px;color:var(--text-2);cursor:pointer;transition:background var(--fast), color var(--fast);place-items:center;padding:0;display:grid}.help-btn:hover,.help-btn[aria-expanded=true]{color:var(--accent-strong);background:var(--accent-soft)}.zoom{align-items:center;gap:2px;padding:4px;display:flex}.zoom .pct{font-variant-numeric:tabular-nums;justify-content:center;min-width:56px;padding:0 6px}.help{z-index:10;background:color-mix(in srgb, var(--bg) 90%, transparent);width:max-content;max-width:calc(100vw - 240px);color:var(--muted);text-align:center;text-wrap:balance;pointer-events:none;border-radius:8px;padding:4px 10px;font-size:12px;line-height:1.5;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}.help-item{white-space:nowrap}.help b{color:var(--text-2);font-weight:600}[data-drawing=off] .help{max-width:calc(100vw - 536px);bottom:14px}.hint{z-index:5;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.hint-card{background:color-mix(in srgb, var(--bg) 90%, transparent);text-align:center;color:var(--hint-text);animation:fade-in .3s var(--ease);border-radius:16px;margin:0 16px;padding:14px 26px 16px;font-size:15px;line-height:1.9}.hint h2{color:var(--hint-title);margin:0 0 6px;font-size:20px;font-weight:650}.hint p{margin:0}.hint b{color:var(--text-2)}@keyframes fade-in{0%{opacity:0}}.mini{z-index:30;background:var(--panel);border:1px solid var(--border);width:max-content;max-width:calc(100vw - 16px);box-shadow:var(--shadow-lg);animation:mini-in .14s var(--ease);border-radius:12px;flex-wrap:wrap;align-items:center;gap:2px;padding:4px;display:flex;position:fixed}.mini-break{display:none}.mini.is-two-rows{justify-content:center}.mini.is-two-rows .mini-break{flex-basis:100%;height:0;display:block}.mini.is-two-rows .mini-sep:has(+.mini-break){visibility:hidden}@keyframes mini-in{0%{opacity:0;transform:translateY(4px)}}.mini-btn{min-width:32px;height:32px;color:var(--text-2);cursor:pointer;transition:background var(--fast), color var(--fast);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 6px;display:inline-flex}.mini-btn:hover{background:var(--hover)}.mini-btn[aria-pressed=true],.mini-btn[aria-expanded=true],.mini-btn.is-on{background:var(--accent-soft);color:var(--accent-strong)}.mini-btn.is-danger:hover{color:var(--danger);background:var(--danger-soft)}.mini-btn:disabled{opacity:.35;cursor:default;background:0 0}.mini-text{min-width:28px;font-size:12px;font-weight:650}.mini-btn.has-text{padding:0 10px 0 7px}.mini-btn-text{white-space:nowrap;font-size:12.5px;font-weight:550}.mini-color{flex-direction:column;gap:2px;padding:3px 6px 4px}.mini-color-bar{width:18px;height:4px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 16%, transparent);border-radius:2px;display:block}.mini-color-bar.is-none{box-shadow:inset 0 0 0 1px var(--border-strong);background:0 0}.mini-seg{gap:1px;display:flex}.mini-sep{background:var(--border);flex:none;width:1px;height:22px;margin:0 3px}.mini-swatch{width:18px;height:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 14%, transparent);border-radius:50%;display:block}.mini-choice{position:relative}.mini-pop{z-index:31;background:var(--panel);border:1px solid var(--border);max-width:calc(100vw - 16px);box-shadow:var(--shadow-lg);animation:fade-in .12s var(--ease);border-radius:12px;gap:4px;padding:6px;display:flex;position:fixed}.mini-pop.is-row{flex-wrap:wrap}.mini-pop.is-kinds{grid-template-columns:repeat(7,auto);display:grid}.mini-pop .swatch{width:26px;height:26px}.mini-pop.is-palette{flex-direction:column;gap:8px;width:max-content;padding:10px 12px 12px}.pop-title{color:var(--text-2);font-size:12px;font-weight:650}.pop-swatches{grid-template-columns:repeat(6,26px);gap:8px;display:grid}.swatch.is-soft{box-shadow:inset 0 0 0 3px var(--sw-ink), 0 0 0 1px var(--swatch-edge)}.swatch.is-soft.is-on{box-shadow:inset 0 0 0 3px var(--sw-ink), 0 0 0 2px var(--accent)}.swatch.is-none{background:linear-gradient(to right top, transparent calc(50% - 1.2px), var(--danger) calc(50% - 1.2px), var(--danger) calc(50% + 1.2px), transparent calc(50% + 1.2px)), var(--panel)}.swatch.is-auto{background:var(--panel);color:var(--text);place-items:center;font-size:13px;font-weight:700;line-height:1;display:grid}.pop-styles{background:var(--hover);border-radius:9px;gap:2px;padding:2px;display:flex}.pop-style{height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:0 10px;font-size:12.5px}.pop-style.is-on{background:var(--panel);color:var(--accent-strong);box-shadow:var(--shadow-sm);font-weight:600}.mini-pop.is-menu{flex-direction:column;gap:1px;min-width:210px;padding:5px}.menu-item{height:34px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:13px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--hover);outline:none}.menu-item .icon{color:var(--text-2)}.menu-label{white-space:nowrap;flex:1}.menu-item kbd{color:var(--muted);font-size:11.5px}.menu-item.is-danger,.menu-item.is-danger .icon{color:var(--danger)}.menu-item.is-danger:hover{background:var(--danger-soft)}.menu-item:disabled{opacity:.4;cursor:default}.menu-item:disabled:hover{background:0 0}.menu-sep{background:var(--border);height:1px;margin:4px 8px}.context-menu{z-index:40;background:var(--panel);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow-lg);animation:mini-in .14s var(--ease);border-radius:12px;flex-direction:column;gap:1px;padding:5px;display:flex;position:fixed}.context-menu .menu-item{height:36px}@media (pointer:coarse){.context-menu .menu-item{height:44px}}@media (width<=1440px){.btn-label-wide{display:none}}@media (width<=1120px){.btn-label-short{display:none}}@media (width<=1040px){.brand-name{display:none}}@media (width>=761px) and (width<=1040px){.drawbar{align-items:flex-start;max-width:calc(100vw - 342px);left:92px;transform:none}[data-writing=off] .drawbar{max-width:calc(100vw - 262px);left:12px}.drawbar .tool{width:34px}.drawbar .drawbar-colors{gap:4px}.drawbar .swatch{width:20px;height:20px}.drawbar .size-btn{width:28px}.help{max-width:calc(100vw - 332px);left:92px;transform:none}[data-writing=off] .help{max-width:calc(100vw - 252px);left:12px}}@media (width<=760px){.topbar,[data-writing=off] .topbar{top:calc(10px + env(safe-area-inset-top));gap:2px;left:10px;right:10px}.btn-label,.label-muted,.help,.bar-sep,.brand-name{display:none}.btn{padding:0 8px}.corner{right:10px;bottom:calc(var(--phone-bar,74px) + 8px + env(safe-area-inset-bottom))}.drawbar-colors{gap:5px}.sheet-backdrop{align-items:end;padding:10px}.sheet{max-height:calc(100dvh - 20px)}.sheet-note{display:none}.sheet-body{columns:1;padding:12px 16px 18px}}.sheet-backdrop{z-index:50;background:var(--backdrop);animation:fade-in .14s var(--ease);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.sheet{width:min(1080px,100%);max-height:min(980px,100vh - 48px);box-shadow:var(--shadow-lg);animation:mini-in .16s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.sheet-head{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 14px 12px 24px;display:flex}.sheet-head h2{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.sheet-note{color:var(--muted);flex:1;font-size:12.5px}.sheet-head .btn{margin-left:auto}.sheet-body{columns:3 280px;outline:none;column-gap:36px;padding:14px 24px 16px;overflow:auto}.keys-group{break-inside:avoid;margin-bottom:14px}.keys-group h3{letter-spacing:.07em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 6px;font-size:11.5px;font-weight:700}.keys-group dl{margin:0}.keys-row{border-bottom:1px solid var(--line);grid-template-columns:148px 1fr;align-items:start;gap:10px;padding:3px 0;display:grid}.keys-row:last-child{border-bottom:0}.keys-row dt{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.keys-alt{align-items:center;gap:3px;min-width:0;display:inline-flex}.keys-row kbd{white-space:nowrap;font-size:12px;line-height:1.45}.keys-or{color:var(--faint);font-size:11px}.keys-row dd{color:var(--text-2);margin:0;padding-top:1px;font-size:12.5px;line-height:1.4}.btn-outline{border:1px solid var(--border-strong);background:var(--panel);color:var(--text)}.btn-outline:hover:not(:disabled){background:var(--hover)}.btn-quiet{color:var(--text-2)}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-danger{background:var(--danger);color:#fff;font-weight:600}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 86%, #000)}.btn-sm{height:30px;padding:0 10px;font-size:13px}.tabs{flex:auto;align-items:center;gap:2px;min-width:0;margin-left:4px;display:flex;position:relative}.tabs-strip{scrollbar-width:none;flex:0 auto;align-items:center;gap:3px;min-width:0;padding:2px;scroll-padding-inline:28px;display:flex;overflow-x:auto}.tabs-strip::-webkit-scrollbar{display:none}.tabs-strip[data-fade=left]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px);mask-image:linear-gradient(90deg,#0000,#000 28px)}.tabs-strip[data-fade=right]{-webkit-mask-image:linear-gradient(270deg,#0000,#000 28px);mask-image:linear-gradient(270deg,#0000,#000 28px)}.tabs-strip[data-fade=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.tab{height:34px;color:var(--muted);transition:background var(--fast), color var(--fast);border-radius:9px;flex:none;align-items:center;display:flex;position:relative}.tab:hover{background:var(--hover);color:var(--text-2)}.tab.is-active{background:var(--bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.tab.is-dragging{z-index:2;background:var(--panel);box-shadow:var(--shadow);opacity:.95;transition:none}.tab-btn{min-width:0;height:100%;color:inherit;cursor:pointer;touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:9px;flex:auto;align-items:center;padding:0 12px;font-weight:500;display:flex}.tab.is-active .tab-btn,.tab.is-measured-active .tab-btn{font-weight:600}.tabs-mirror{visibility:hidden;pointer-events:none;width:max-content;height:0;display:flex;position:absolute;top:0;left:0;overflow:hidden}.tabs-mirror .tab{flex:none}.tab-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tab-close{width:22px;height:22px;color:var(--muted);cursor:pointer;opacity:0;transition:opacity var(--fast), background var(--fast);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;margin:0 6px 0 -6px;padding:0;display:grid}.tab:hover .tab-close,.tab.is-active .tab-close,.tab-close:focus-visible{opacity:1}.tab-close:hover{background:var(--hover);color:var(--text)}.tab.is-active .tab-close:hover{background:var(--border)}@media (hover:none){.tab:not(.is-active):not(.is-measured-active) .tab-close{display:none}}.tab-input{border:1.5px solid var(--accent);background:var(--panel);width:auto;min-width:70px;height:28px;color:var(--text);font:inherit;border-radius:7px;outline:none;margin:0 3px;padding:0 8px;font-weight:600}.tab-add{width:30px;height:30px;color:var(--muted);cursor:pointer;transition:background var(--fast), color var(--fast);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.tab-add:hover{background:var(--hover);color:var(--accent-strong)}.toasts{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 24px);display:flex;position:fixed;bottom:104px;left:50%;transform:translate(-50%)}.toast{background:var(--text);max-width:100%;color:var(--bg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in .18s var(--ease);border-radius:12px;align-items:center;gap:4px;padding:6px 6px 6px 16px;font-size:13.5px;display:flex}[data-drawing=off] .toasts{bottom:52px}@media (width<=760px){.toasts,[data-drawing=off] .toasts{bottom:calc(var(--phone-bar,74px) + 64px + env(safe-area-inset-bottom))}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast-text{overflow-wrap:anywhere;min-width:0;padding-right:6px}.toast-action{background:color-mix(in srgb, var(--bg) 16%, transparent);height:30px;color:var(--bg);cursor:pointer;border:0;border-radius:8px;flex:none;padding:0 12px;font-weight:650}.toast-action:hover{background:color-mix(in srgb, var(--bg) 26%, transparent)}.toast-close{width:28px;height:28px;color:color-mix(in srgb, var(--bg) 70%, transparent);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.toast-close:hover{color:var(--bg)}.toast-update>.icon{color:color-mix(in srgb, var(--bg) 75%, transparent);flex:none;margin:0 2px 0 -4px}.toast-update[data-phase=applying]{padding-right:16px}.confirm-backdrop{z-index:70}.confirm{width:min(420px,100%);box-shadow:var(--shadow-lg);animation:mini-in .16s var(--ease);padding:22px 22px 18px;position:relative}.confirm h2{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0 0 8px;font-size:17px;font-weight:700}.confirm p{color:var(--text-2);margin:0;line-height:1.5}.confirm-buttons{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.confirm-buttons .btn{height:38px;padding:0 16px}.drawer-backdrop{z-index:50;background:color-mix(in srgb, var(--backdrop) 35%, transparent);animation:fade-in .14s var(--ease);position:fixed;inset:0}.drawer{width:min(400px,100vw - 24px);box-shadow:var(--shadow-lg);animation:drawer-in .2s var(--ease);flex-direction:column;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow:hidden}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}}.drawer-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 12px 12px 22px;display:flex}.drawer-head h2{letter-spacing:-.01em;flex:1;margin:0;font-size:17px;font-weight:700}.drawer-body{overscroll-behavior:contain;flex:1;padding:6px 22px 22px;overflow-y:auto}.drawer-about{color:var(--muted);text-align:center;margin:18px 0 0;font-size:12px}.drawer-version{color:var(--faint);font-variant-numeric:tabular-nums;margin-top:4px}.set-section{border-bottom:1px solid var(--line);padding:16px 0 18px}.set-section:last-of-type{border-bottom:0}.set-title{letter-spacing:.01em;color:var(--text);align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:700;display:flex}.set-title .icon{color:var(--accent-strong)}.set-note{color:var(--muted);margin:-4px 0 12px;font-size:12.5px;line-height:1.45}.set-note.is-warn{color:var(--text-2)}.set-sub{margin-top:14px}.set-sub-title{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.set-sub.is-idle .set-card{opacity:.62;transition:opacity var(--fast)}.set-sub.is-idle .set-card:hover{opacity:1}.set-sub.is-idle .set-card:has(input:focus-visible){opacity:1}.set-sub.is-idle .set-card.is-on{box-shadow:none}.seg-opt input,.set-card input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.seg{background:var(--hover);border-radius:11px;gap:2px;padding:3px;display:flex}.seg.is-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.seg-opt{min-width:0;height:34px;color:var(--text-2);white-space:nowrap;cursor:pointer;transition:background var(--fast), color var(--fast);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:500;display:flex;position:relative}.seg-opt span{text-overflow:ellipsis;overflow:hidden}.seg-opt:hover{color:var(--text)}.seg-opt.is-on{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border);font-weight:600}:is(.seg-opt:has(input:focus-visible),.set-card:has(input:focus-visible)){outline:2px solid var(--accent);outline-offset:2px}.set-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.set-cards.is-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}.set-card{border:1.5px solid var(--border);background:var(--panel);cursor:pointer;transition:border-color var(--fast), box-shadow var(--fast);border-radius:12px;flex-direction:column;gap:7px;padding:6px 6px 8px;display:flex;position:relative}.set-card:hover{border-color:var(--border-strong)}.set-card.is-on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.set-card-label{color:var(--text-2);padding:0 4px;font-size:12.5px;font-weight:600;line-height:1.25}.set-card-sub{color:var(--accent-strong);font-size:11px;font-weight:500;display:block}.theme-preview{background-color:var(--bg);background-image:radial-gradient(circle, var(--grid-dot) 1px, transparent 1.3px);height:58px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border-strong) 60%, transparent);background-size:9px 9px;border-radius:8px;display:block;position:relative;overflow:hidden}.tp-panel{background:var(--panel);box-shadow:0 0 0 1px var(--border), var(--shadow-sm);border-radius:6px;flex-direction:column;gap:4px;padding:7px 7px 6px;display:flex;position:absolute;top:10px;left:9px;right:18px}.tp-line{background:var(--text);opacity:.8;border-radius:2px;height:4px;display:block}.tp-line.is-short{background:var(--muted);width:55%}.tp-accent{background:var(--accent);border-radius:5px;width:16px;height:16px;position:absolute;bottom:8px;right:9px}.palette-preview{background:var(--bg);border-radius:8px;grid-template-columns:repeat(5,1fr);justify-items:center;gap:6px;padding:8px;display:grid}.pp-dot{width:18px;height:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 12%, transparent);border-radius:50%}.set-switches{flex-direction:column;display:flex}.set-switch{min-height:40px;color:var(--text-2);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.set-switch input{opacity:0;cursor:pointer;width:40px;height:24px;margin:0;position:absolute;right:0}.set-switch-track{background:var(--border-strong);width:40px;height:24px;transition:background var(--fast);pointer-events:none;border-radius:12px;flex:none;position:relative}.set-switch-track:after{content:"";width:18px;height:18px;transition:transform var(--fast) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.set-switch input:checked+.set-switch-track{background:var(--accent)}.set-switch input:checked+.set-switch-track:after{transform:translate(16px)}.set-switch input:focus-visible+.set-switch-track{outline:2px solid var(--accent);outline-offset:2px}.set-actions{flex-direction:column;gap:8px;display:flex}.set-action{border:1px solid var(--border);background:var(--panel-2);color:var(--text);text-align:left;cursor:pointer;transition:background var(--fast), border-color var(--fast);border-radius:12px;align-items:flex-start;gap:12px;padding:11px 14px;display:flex}.set-action:hover{background:var(--hover);border-color:var(--border-strong)}.set-action .icon{color:var(--accent-strong);flex:none;margin-top:1px}.set-action>span{flex-direction:column;gap:1px;display:flex}.set-action b{font-weight:600}.set-action>span>span{color:var(--muted);font-size:12.5px}.set-block{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:12px 14px}.set-block-title{color:var(--text);align-items:center;gap:7px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.set-block-title .icon{color:var(--accent-strong)}.set-block .set-note{margin:0 0 10px}.set-status{color:var(--muted);flex-direction:column;gap:2px;margin:0 0 10px;font-size:13px;display:flex}.set-status b{color:var(--text);overflow-wrap:anywhere;font-weight:600}.set-warn{background:var(--danger-soft);color:var(--text);border-radius:9px;margin:0 0 10px;padding:8px 10px;font-size:12.5px;line-height:1.45}.set-row{flex-wrap:wrap;gap:6px;display:flex}@media (width<=640px){.topbar{flex-wrap:wrap;row-gap:3px;height:auto;padding:5px 6px 4px 10px;overflow:visible}.topbar .brand{margin-right:auto}.topbar .bar-break{background:var(--line);height:1px;box-shadow:-6px 0 var(--line), 2px 0 var(--line);flex:0 0 100%;order:9;display:block}.tabs{flex:120px;order:10;min-width:0;margin:0 -2px 0 -6px}.topbar .sync-badge,.topbar .sign-out-btn{order:11}.tab{height:32px}.tab-btn{padding:0 10px}.drawer{width:auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);animation:sheet-up .22s var(--ease);border:0;border-radius:0;inset:0}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}.drawer-body{padding:4px 18px 28px}.drawer-head{padding-left:18px}.set-switch{min-height:46px}}.board{-webkit-touch-callout:none}.frame-grouped{box-shadow:0 0 0 3px var(--accent-ring);border-style:solid;border-width:1.5px;border-radius:10px}.group-outline{border:1.5px dashed color-mix(in srgb, var(--accent) 55%, transparent);pointer-events:none;border-radius:12px;position:absolute}.lock-badge{border:1px solid var(--border-strong);background:var(--panel);width:22px;height:22px;color:var(--text-2);box-shadow:var(--shadow-sm);cursor:pointer;pointer-events:auto;transition:color var(--fast), background var(--fast), border-color var(--fast);border-radius:50%;place-items:center;margin:-11px 0 0 -11px;padding:0;display:grid;position:absolute}.lock-badge:after{content:"";position:absolute;inset:-8px}.lock-badge:hover,.lock-badge:focus-visible{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent)}.lock-badge.is-pulse{color:var(--on-accent);background:var(--accent);border-color:var(--accent);animation:lock-pulse .7s var(--ease)}@keyframes lock-pulse{0%,to{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.95)}}@media (hover:none){.lock-badge{width:26px;height:26px;margin:-13px 0 0 -13px}}.hold-ring{border:2px solid var(--accent);background:var(--accent-wash);pointer-events:none;width:56px;height:56px;animation:hold-ring .38s var(--ease) both;border-radius:50%;margin:-28px 0 0 -28px;position:absolute}@keyframes hold-ring{0%{opacity:0;transform:scale(.4)}}.board[data-tool=area]{cursor:crosshair}.el-list.is-locked .task-grip{visibility:hidden}.export-pop{z-index:40;background:var(--panel);border:1px solid var(--border);width:330px;max-width:calc(100vw - 16px);box-shadow:var(--shadow-lg);animation:mini-in .14s var(--ease);border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex;position:fixed}.export-head{color:var(--text);padding:2px 4px 0;font-size:13px;font-weight:700}.export-scope .seg-opt{height:32px;font-size:12.5px}.export-scope .seg-opt.is-off{opacity:.45;cursor:default}.export-scope .seg-opt.is-off:hover{color:var(--text-2)}.export-light .set-switch{min-height:34px;padding:0 2px 0 4px;font-size:13px}.export-pop .menu-sep{margin:0 4px}.export-item{height:38px}.export-item .menu-label{flex:1 0 auto}.export-item .icon{flex:none}.export-note{text-overflow:ellipsis;min-width:0;color:var(--muted);white-space:nowrap;font-size:12px;overflow:hidden}.export-item.is-busy .export-note{color:var(--accent-strong)}.export-item.is-busy .icon{color:var(--accent-strong);animation:.9s ease-in-out infinite export-busy}@keyframes export-busy{50%{opacity:.35}}.export-share{color:var(--muted);margin:0;padding:0 6px 2px;font-size:12px}.is-exporting .world,.is-exporting .world *,.is-exporting .world :before,.is-exporting .world :after{transition:none!important;animation:none!important}.is-exporting .toasts{z-index:1001}.export-veil{z-index:1000;pointer-events:none;position:fixed;inset:0}.export-pop:focus{outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chip{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border:0;border-radius:10px;flex:none;align-items:center;gap:3px;max-width:100%;height:19px;padding:0 7px;font-size:11.5px;font-weight:600;line-height:19px;display:inline-flex;overflow:hidden}button.chip{cursor:pointer;transition:filter var(--fast)}button.chip:hover{filter:brightness(.96)saturate(1.1)}.chip-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;flex:none;width:11px;height:11px}.chip-due{background:var(--hover);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--border)}.chip-due.is-today{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.chip-due.is-overdue{background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger-line)}.chip-due.is-done{color:var(--faint);box-shadow:inset 0 0 0 1px var(--border);background:0 0}.chip-tag{background:var(--chip-soft);color:var(--chip-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--chip-ink) 28%, transparent)}.chip-tag.is-toggle{border-radius:13px;height:26px;padding:0 10px;font-size:12.5px;line-height:26px}.chip-tag.is-off{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--chip-ink) 45%, transparent);background:0 0}.chip-tag.is-on{box-shadow:inset 0 0 0 1.5px var(--chip-ink)}.chip-tag.is-on .chip-icon{stroke-width:2.2px}.tag-choices{gap:6px}.tag-colors{flex-wrap:wrap;gap:6px;display:flex}.tag-color{background:var(--dot);cursor:pointer;width:24px;height:24px;transition:transform var(--fast);border:0;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #0000001f}.tag-color:hover{transform:scale(1.1)}.tag-color.is-on{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--dot)}.tag-color:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.tag-new-color{flex-direction:column;gap:6px;margin-top:8px;display:flex}.tag-new-color .pop-note{margin:0}.tag-add-btn{flex:none;height:26px}.tag-manage{margin-top:6px}.tag-manage:hover{color:var(--accent-strong)}.task-main{flex-wrap:wrap;flex:1;align-items:flex-start;column-gap:6px;min-width:0;display:flex}.task-main>.task-text{flex:auto;min-width:40px}.task-chips{flex-wrap:wrap;gap:4px;max-width:100%;padding:1.5px 0;display:inline-flex}.task.is-done .task-chips{opacity:.7}.task-tag{width:22px;height:22px;color:var(--muted);cursor:pointer;opacity:0;transition:opacity var(--fast), background var(--fast);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;margin:0 -2px 0 0;padding:0;display:grid}.task:hover .task-tag,.task:focus-within .task-tag,.task-tag:focus-visible{opacity:1}.task-tag:hover{background:var(--border);color:var(--text)}@media (hover:none){.task:not(:focus-within) .task-tag{display:none}.task-tag{position:relative}.task-tag:after{content:"";position:absolute;inset:-9px -4px}}.note-chips{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.float-pop{z-index:40;overscroll-behavior:contain;width:320px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);box-shadow:var(--shadow-lg);animation:fade-in .12s var(--ease);padding:12px 14px;overflow-y:auto}.pop-section+.pop-section{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.pop-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11.5px;font-weight:700}.pop-subtitle{color:var(--muted);margin:10px 0 6px;font-size:12px;font-weight:600}.pop-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pop-btn{border:1px solid var(--border);background:var(--panel);height:30px;color:var(--text-2);cursor:pointer;transition:background var(--fast), border-color var(--fast);border-radius:9px;padding:0 11px;font-size:13px;font-weight:550}.pop-btn:hover{background:var(--hover)}.pop-btn.is-on{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent-strong)}.pop-date{border:1px solid var(--border);width:34px;height:30px;color:var(--text-2);cursor:pointer;border-radius:9px;place-items:center;display:grid;position:relative}.pop-date:hover{background:var(--hover)}.pop-date input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pop-date input::-webkit-calendar-picker-indicator{cursor:pointer;width:auto;height:auto;position:absolute;inset:0}.pop-current{margin-top:8px}.pop-link{color:var(--muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12.5px;text-decoration:underline}.pop-link:hover{color:var(--danger)}.pop-chips{margin-bottom:8px}.pop-chip{align-items:center;display:inline-flex}.pop-chip-x{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:1px;padding:0;display:grid}.pop-chip-x:hover{background:var(--hover);color:var(--danger)}.pop-add,.pop-search{border:1px solid var(--border-strong);background:var(--panel-2);height:36px;color:var(--muted);border-radius:10px;align-items:center;gap:6px;padding:0 10px;display:flex}.pop-add:focus-within,.pop-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.pop-hash{font-weight:700}.pop-input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.pop-input::placeholder{color:var(--faint)}.pop-input:focus-visible{outline:none}.pop-note{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.4}.pop-note.is-bad{color:var(--danger)}.link-pop{flex-direction:column;width:360px;display:flex}.pop-list{overscroll-behavior:contain;max-height:min(320px,46dvh);margin:8px -6px 0;padding:0;list-style:none;overflow-y:auto}.pop-item{width:100%;min-height:36px;color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.pop-item>.icon{color:var(--muted);flex:none}.pop-item.is-active{background:var(--hover)}.pop-item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;overflow:hidden}.pop-item-text b{color:var(--text);font-weight:600}.pop-item-meta{text-overflow:ellipsis;white-space:nowrap;max-width:45%;color:var(--muted);flex:none;font-size:12px;overflow:hidden}.pop-item>.icon:last-child{color:var(--accent-strong)}.pop-empty{color:var(--muted);padding:10px 8px;font-size:13px}.pop-foot{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:10px;padding-top:10px;display:flex}.pop-foot-text{min-width:0;color:var(--muted);flex:1;font-size:12.5px;line-height:1.35}.pop-foot-text.is-broken{color:var(--danger)}.float-pop mark,.search mark{background:color-mix(in srgb, var(--accent) 24%, transparent);color:inherit;border-radius:3px;padding:0 1px;font-weight:650}.layer-links{width:1px;height:1px;overflow:visible}.link-chip{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--panel);max-width:220px;height:22px;color:var(--accent-strong);white-space:nowrap;box-shadow:var(--shadow-sm);transform-origin:0 100%;cursor:pointer;transition:background var(--fast), border-color var(--fast);border-radius:11px;align-items:center;gap:4px;padding:0 9px 0 7px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;position:absolute}.link-chip:hover{background:var(--accent-soft);border-color:var(--accent)}.link-chip .icon{flex:none}.link-chip-text{text-overflow:ellipsis;overflow:hidden}.link-chip.is-broken{border-style:dashed;border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger)}.jump-flash{z-index:19;border:2.5px solid var(--accent);box-shadow:0 0 0 4px var(--accent-ring), 0 0 22px 2px color-mix(in srgb, var(--accent) 35%, transparent);pointer-events:none;animation:jump-flash 1.6s var(--ease) forwards;border-radius:12px;position:fixed;top:0;left:0}.jump-flash.is-row{border-radius:8px}@keyframes jump-flash{0%{opacity:0}10%,34%{opacity:1}48%{opacity:.35}62%,78%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.jump-flash{animation:none}}.search{z-index:35;width:min(560px,100vw - 24px);box-shadow:var(--shadow-lg);animation:fade-in .12s var(--ease);flex-direction:column;display:flex;top:72px;left:50%;overflow:hidden;transform:translate(-50%)}.search-bar{height:50px;color:var(--muted);align-items:center;gap:4px;padding:0 6px 0 14px;display:flex}.search-input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;margin-left:6px;font-size:16px}.search-input::placeholder{color:var(--faint)}.search-input::-webkit-search-cancel-button{display:none}.pop-input::-webkit-search-cancel-button{display:none}.search-input:focus-visible{outline:none}.search-count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;padding:0 6px;font-size:12.5px}.search-step{width:30px}.search-results{overscroll-behavior:contain;border-top:1px solid var(--border);max-height:min(440px,100dvh - 180px);margin:0;padding:4px 6px 6px;list-style:none;overflow-y:auto}.search-hit{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:7px 10px;display:flex}.search-hit.is-active{background:var(--hover);box-shadow:inset 3px 0 0 var(--accent)}.search-hit-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.search-hit-kind{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11.5px;overflow:hidden}.search-hit-text{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:14px;overflow:hidden}.search-hit-tab{text-overflow:ellipsis;white-space:nowrap;background:var(--panel-2);max-width:36%;box-shadow:inset 0 0 0 1px var(--border);color:var(--text-2);border-radius:7px;flex:none;padding:2px 8px;font-size:12px;overflow:hidden}.search-empty{color:var(--muted);flex-direction:column;gap:4px;padding:12px 10px;font-size:12.5px;line-height:1.45;display:flex}.search-empty b{color:var(--text);font-size:13.5px}.search-more{color:var(--muted);padding:8px 10px 4px;font-size:12px}.today-btn{position:relative}.today-badge{background:var(--danger);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.today .drawer-head h2{flex-direction:column;gap:1px;display:flex}.today-date{color:var(--muted);letter-spacing:0;font-size:12.5px;font-weight:500}.today-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;max-height:120px;padding:10px 22px;display:flex;overflow-y:auto}.today-filter{border:1px solid var(--border);background:var(--panel);height:30px;color:var(--text-2);cursor:pointer;transition:background var(--fast), border-color var(--fast);border-radius:15px;flex:none;align-items:center;gap:6px;padding:0 11px;font-size:13px;font-weight:550;display:inline-flex}.today-filter:hover{background:var(--hover)}.today-filter.is-on{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent-strong)}.today-filter.is-tag{padding:0 4px}.today-filter.is-tag.is-on{box-shadow:0 0 0 2px var(--accent-ring)}.today-filter-count{background:var(--danger);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.today-body{padding-top:4px}.today-group{padding:12px 0 6px}.today-group+.today-group{border-top:1px solid var(--line)}.today-board{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-strong);align-items:center;gap:7px;margin:0 0 6px;font-size:12px;font-weight:700;display:flex}.today-board-count{color:var(--faint);font-weight:600}.today-list{margin:0;padding:0;list-style:none}.today-item{transition:background var(--fast);border-radius:10px;align-items:flex-start;gap:10px;margin:0 -8px;padding:6px 8px 6px 6px;display:flex}.today-item:hover{background:var(--hover)}.today-item>.icon{color:var(--faint);opacity:0;transition:opacity var(--fast);flex:none;margin-top:4px}.today-item:hover>.icon{opacity:1}.today-check{margin-top:3px}.today-item.is-done .today-check{background:var(--accent);border-color:var(--accent)}.today-item.is-done .today-check svg{opacity:1}.today-note-icon{width:18px;color:var(--muted);flex:none;margin-top:2px}.today-main{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:4px;padding:0;display:flex}.today-text{overflow-wrap:anywhere;max-width:100%;font-size:14px;line-height:1.4}.today-item.is-done .today-text{color:var(--done-text);text-decoration:line-through;-webkit-text-decoration-color:var(--done-line);text-decoration-color:var(--done-line)}.today-desc{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:-2px;font-size:12.5px;line-height:1.35;overflow:hidden}.today-meta{flex-wrap:wrap;align-items:center;gap:4px;max-width:100%;display:flex}.today-list-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:12px;overflow:hidden}.today-meta>.chip+.today-list-title{margin-left:2px}.today-empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:48px 12px;display:flex}.today-empty>.icon{color:var(--accent);opacity:.7}.today-empty b{color:var(--text);font-size:15px}.today-empty p{max-width:300px;margin:0;font-size:13px;line-height:1.5}@media (width<=760px){.search{top:calc(10px + env(safe-area-inset-top));width:auto;left:10px;right:10px;transform:none}.search-bar{height:52px;padding-left:12px}.search-results{max-height:calc(100dvh - 120px)}.search-hit{padding:9px 10px}.today-badge{min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-1px;right:-3px}.float-pop{width:auto}.pop-btn,.pop-date{height:36px}.pop-item{min-height:42px}.today-filters{padding:10px 18px}.today-item>.icon{opacity:.6}}.tag-lib{flex-direction:column;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:flex}.tag-lib-row{border:1px solid var(--border);background:var(--panel-2);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.tag-lib-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tag-lib-head .chip-tag{border-radius:12px;height:24px;padding:0 10px;font-size:13px;line-height:24px}.tag-lib-remove{width:28px;height:28px}.tag-lib-add{margin-bottom:4px}.tag-lib-others-note{margin-top:12px}.tag-lib-others{flex-wrap:wrap;display:flex}.hint-template-btn{border:1px solid var(--border-strong);background:var(--panel);height:36px;color:var(--text);font:inherit;cursor:pointer;pointer-events:auto;box-shadow:var(--shadow-sm);transition:border-color var(--fast), box-shadow var(--fast);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.hint-template-btn:hover{border-color:var(--accent);box-shadow:var(--shadow)}.hint-template-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tpl-cards{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;display:grid}.tpl-card{border:1px solid var(--border);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--fast), box-shadow var(--fast), border-color var(--fast);border-radius:12px;grid-template-rows:auto auto auto;gap:2px;padding:0 0 10px;display:grid;overflow:hidden}.tpl-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.tpl-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tpl-name{padding:6px 12px 0;font-size:14px;font-weight:650}.tpl-desc{color:var(--muted);padding:0 12px;font-size:12px;line-height:1.35}.tpl-preview{background:var(--hover);align-items:flex-start;gap:5px;height:64px;padding:9px 10px;display:flex;overflow:hidden}.tp-list{background:var(--panel);min-width:0;box-shadow:inset 0 3px 0 var(--tc);border-radius:5px;flex:1;gap:4px;padding:5px 5px 6px;display:grid}.tp-list i{background:var(--border);border-radius:2px;height:4px;margin-top:2px}.tp-note{background:var(--tc);border-radius:4px;flex:.8;min-width:0;height:38px;box-shadow:0 1px 2px #0000001f}.tp-notes{flex:1.6;grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.tp-notes .tp-note{height:19px}.tp-shape{border:1.5px solid var(--tc);background:var(--panel);border-radius:6px;flex:1;height:30px;margin-top:8px}.tp-arrow{background:var(--muted);flex:none;width:12px;height:2px;margin-top:22px}.tpl-picker{gap:14px;width:min(780px,100vw - 32px);max-height:calc(100vh - 64px);padding:18px 20px 20px;display:grid;overflow:auto}.tpl-picker-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.tpl-picker-head h2{margin:0;font-size:18px}@media (width<=600px){.tpl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl-picker{padding:14px}}.ai-btn .icon{color:var(--accent-strong)}.ai-btn.is-busy .icon{animation:ai-pulse 1.2s var(--ease) infinite}@keyframes ai-pulse{50%{opacity:.35}}.ai-panel{grid-template-columns:minmax(0,1fr);gap:12px;width:min(680px,100vw - 32px);max-height:calc(100vh - 64px);padding:18px 20px;display:grid;overflow:auto}.ai-panel h2{align-items:center;gap:8px;display:flex}.ai-panel h2 .icon{color:var(--accent-strong)}.ai-modes{justify-content:center;display:flex}.ai-switch{background:var(--hover);max-width:100%;box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:inline-grid;position:relative}.ai-switch-thumb{background:var(--panel);width:calc(50% - 4px);box-shadow:var(--shadow-sm), 0 0 0 1.5px var(--accent);transition:transform .22s var(--ease);border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px}.ai-switch[data-mode=board] .ai-switch-thumb{transform:translate(100%)}.ai-switch-opt{min-width:0;min-height:40px;color:var(--text-2);text-align:center;cursor:pointer;transition:color var(--fast);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:6px 18px;font-size:14px;font-weight:600;line-height:1.25;display:flex;position:relative}.ai-switch-opt:hover,.ai-switch-opt.is-on{color:var(--text)}.ai-switch-opt .icon{color:var(--muted);transition:color var(--fast);flex:none}.ai-switch-opt.is-on .icon{color:var(--accent-strong)}.ai-switch-opt input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ai-switch-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.ai-switch.is-busy{opacity:.6;pointer-events:none}.ai-scope{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:12px;outline:none;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.ai-scope .icon{color:var(--accent-strong);flex:none}.ai-scope b{font-weight:600;display:block}.ai-scope-hint{color:var(--muted);margin-top:2px;font-size:12.5px;display:block}.ai-lead{color:var(--text-2);margin:0;font-size:13.5px;line-height:1.5}.ai-need-key{background:var(--accent-soft);color:var(--text);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 12px;font-size:13.5px;display:flex}.ai-text{resize:vertical;border:1px solid var(--border-strong);background:var(--panel-2);width:100%;min-height:220px;max-height:52vh;color:var(--text);font:inherit;border-radius:12px;padding:12px 14px;font-size:16px;line-height:1.5}.ai-text::placeholder{color:var(--faint)}.ai-text:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.ai-text[readonly]{opacity:.7}.ai-error{background:var(--danger-soft);color:var(--text);border-radius:10px;margin:0;padding:9px 12px;font-size:13.5px;line-height:1.45}.ai-error-detail{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:12px;display:block}.ai-foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 14px;display:flex}.ai-privacy{color:var(--muted);flex:240px;font-size:12px;line-height:1.45}.ai-privacy p{margin:0}.ai-privacy .ai-cost{margin-top:3px}.ai-estimate{color:var(--text-2);font-weight:600}.ai-link{color:var(--accent-strong);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.ai-status{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ai-seconds{color:var(--faint);font-variant-numeric:tabular-nums}.ai-spinner{border:2px solid var(--accent-ring);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite ai-spin}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-run{gap:7px}.ai-kbd{background:color-mix(in srgb, var(--on-accent) 18%, transparent);border-radius:5px;margin-left:2px;padding:1px 5px;font:600 11px/1.4 inherit}@media (prefers-reduced-motion:reduce){.ai-spinner,.ai-btn.is-busy .icon{animation:none}.ai-switch-thumb{transition:none}}@media (width<=600px){.ai-panel{padding:14px}.ai-switch{width:100%;display:grid}.ai-switch-opt{padding:6px 10px;font-size:13px}.ai-switch-opt .icon{display:none}.ai-text{min-height:180px}.ai-kbd{display:none}}.ai-models{gap:6px;margin-bottom:14px;display:grid}.ai-model{border:1.5px solid var(--border);background:var(--panel);cursor:pointer;transition:border-color var(--fast), box-shadow var(--fast);border-radius:11px;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:9px 12px;display:flex;position:relative}.ai-model:hover{border-color:var(--border-strong)}.ai-model.is-on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.ai-model:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.ai-model input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ai-model-name{color:var(--text);font-size:13.5px;font-weight:600}.ai-model-note{color:var(--muted);font-size:12.5px}.ai-key-label{margin-top:4px}.ai-key .pop-input{font-family:var(--font-mono,ui-monospace, monospace);font-size:14px}.ai-key-row{gap:8px;margin-top:8px;display:flex}.ai-key-ok{color:var(--accent-strong);align-items:center;gap:5px;display:flex}.ai-spent{background:var(--panel-2);color:var(--muted);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:10px;padding:9px 12px;font-size:12px;line-height:1.45;display:flex}.ai-spent p{margin:0}.ai-spent b{color:var(--text);font-weight:600}.welcome{height:100%;padding:max(14px, env(safe-area-inset-top)) 16px 40px;background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1.3px);background-position:-11px -11px;background-size:22px 22px;flex-direction:column;display:flex;overflow-y:auto}.welcome-card{z-index:auto;border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);animation:mini-in .22s var(--ease);margin:auto;padding:30px 30px 24px;position:relative}.welcome-head{margin-bottom:22px}.welcome-brand{letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:21px;font-weight:700;display:inline-flex}.welcome-tagline{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.45}.welcome-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.welcome-pill{border:1px solid var(--border);background:var(--panel);height:34px;box-shadow:var(--shadow-sm);color:var(--text-2);font:inherit;white-space:nowrap;cursor:pointer;transition:background var(--fast), color var(--fast);border-radius:10px;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.welcome-pill:hover{background:var(--hover);color:var(--text)}.welcome-pill:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.welcome-pill>.icon{color:var(--muted);flex:none}.lang-menu{position:relative}.lang-menu-chevron{color:var(--muted);transition:transform var(--fast);margin:0 -3px 0 -1px;display:inline-flex}.lang-menu [aria-expanded=true] .lang-menu-chevron{transform:rotate(180deg)}.lang-menu-list{z-index:5;min-width:180px;position:absolute;top:calc(100% + 6px);right:0}.lang-menu-list .menu-item{font-size:14px}.lang-menu-list .menu-item.is-on{font-weight:600}.lang-menu-list .menu-item.is-on .icon{color:var(--accent-strong)}.welcome-old{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text-2);gap:8px;margin:0 0 16px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.welcome-old>.icon{color:var(--accent-strong);flex:none;margin-top:1px}.welcome-or{color:var(--faint);align-items:center;gap:12px;margin:18px 0 14px;font-size:12px;display:flex}.welcome-or:before,.welcome-or:after{content:"";background:var(--line);flex:1;height:1px}.welcome-try{justify-content:center;width:100%;height:42px;font-weight:600}.welcome-try-note{color:var(--muted);text-align:center;margin:8px 0 0;font-size:12.5px}.google-choice{margin-bottom:4px}.google-btn{justify-content:center;min-height:44px;display:flex}.google-choice[data-state=loading] .google-btn{background:var(--hover);border-radius:999px}.google-busy{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.google-choice .auth-error{margin-top:10px}.account-via{color:var(--muted);font-weight:500}.account-delete-ask{color:var(--text-2);margin:8px 0 12px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-tabs{background:var(--hover);border-radius:11px;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:4px;padding:3px;display:grid}.auth-tab{height:34px;color:var(--muted);font:inherit;cursor:pointer;transition:background var(--fast), color var(--fast);background:0 0;border:0;border-radius:8px;font-size:14px;font-weight:600}.auth-tab.is-on{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.auth-head{margin-bottom:2px}.auth-title{letter-spacing:-.01em;margin:0 0 6px;font-size:18px;font-weight:700}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field>label{color:var(--text-2);font-size:13px;font-weight:600}.auth-field input{border:1px solid var(--border-strong);background:var(--panel);width:100%;height:44px;color:var(--text);font:inherit;transition:border-color var(--fast), box-shadow var(--fast);border-radius:10px;outline:none;padding:0 12px;font-size:15px}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.auth-field input:read-only{background:var(--panel-2);color:var(--text-2)}.auth-code{letter-spacing:.3em;font-variant-numeric:tabular-nums;font-size:18px!important}.auth-secret{display:block;position:relative}.auth-secret input{padding-right:78px}.auth-show{height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:13px;position:absolute;top:6px;right:6px}.auth-show:hover{background:var(--hover);color:var(--text)}.auth-note{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.auth-error{border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);margin:0;padding:9px 12px;font-size:13.5px;line-height:1.45}.auth-submit{border-radius:10px;justify-content:center;height:44px;margin-top:4px;font-size:15px}.auth-submit:disabled{opacity:.8}.auth-spinner{border:2px solid color-mix(in srgb, currentColor 35%, transparent);border-top-color:currentColor;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-link{color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border:0;align-self:center;padding:4px 6px;font-size:13.5px;font-weight:600}.auth-link:hover{text-decoration:underline}.auth-row{justify-content:space-between;display:flex}.auth-lock{color:var(--muted);gap:8px;margin:2px 0 0;font-size:12.5px;line-height:1.5;display:flex}.auth-lock>.icon{color:var(--accent-strong);flex:none;margin-top:1px}.auth-agree{color:var(--muted);text-align:center;margin:0;font-size:12px;line-height:1.5}.auth-agree a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:2px}.welcome-legal{color:var(--faint);justify-content:center;gap:8px;margin:18px 0 0;font-size:12px;display:flex}.welcome-legal a{color:var(--muted);text-underline-offset:2px;text-decoration:none}.auth-agree a:hover,.welcome-legal a:hover{color:var(--text);text-decoration:underline}.account-backdrop{z-index:65}.account-dialog{width:min(420px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);animation:mini-in .16s var(--ease);padding:26px 24px 22px;position:relative;overflow:auto}.account-close{position:absolute;top:10px;right:10px}.account-dialog .auth-tabs,.account-dialog>.auth-title{margin-right:34px}.account-dialog>.auth-note{margin-bottom:14px}.try-strip{z-index:30;border:1px solid color-mix(in srgb, var(--guide) 30%, var(--border));background:color-mix(in srgb, var(--guide) 9%, var(--panel));max-width:calc(100vw - 32px);box-shadow:var(--shadow-sm);color:var(--text-2);white-space:nowrap;animation:fade-in .2s var(--ease);border-radius:999px;align-items:center;gap:9px;padding:4px 4px 4px 12px;font-size:13px;display:flex;position:fixed;top:74px;left:50%;transform:translate(-50%)}.try-strip b{color:var(--text);font-weight:600}.try-dot{background:var(--guide);border-radius:50%;flex:none;width:7px;height:7px}.try-strip-hide{width:26px;height:26px;color:var(--muted);border-radius:50%;margin-left:-4px}.try-strip-keep{background:var(--panel);border:1px solid var(--border-strong);height:26px;color:var(--text);border-radius:999px;font-weight:600}.sync-badge{color:var(--muted)}.sync-badge[data-status=synced]{color:var(--accent-strong)}.sync-badge[data-status=offline]{color:var(--text-2)}.sync-badge.is-bad{color:var(--danger);background:var(--danger-soft);font-weight:600}.sync-badge-label{font-size:13px}@media (width<=640px){.sync-badge-label{display:none}.try-strip{top:106px}.try-strip-note{display:none}}.account-who .set-block-title{color:var(--muted);margin-bottom:2px;font-weight:500}.account-email{overflow-wrap:anywhere;font-size:15px;display:block}.account-who .set-status,.account-who .set-warn{flex-direction:row;align-items:flex-start;gap:7px;margin:8px 0 12px;line-height:1.45;display:flex}.account-who .set-status>.icon{color:var(--accent-strong)}.account-who .set-status>.icon,.account-who .set-warn>.icon{flex:none;margin-top:2px}.account-who .btn[aria-busy=true]{opacity:1;cursor:progress}.account-danger{border:1px solid var(--danger-line);background:color-mix(in srgb, var(--danger-soft) 55%, var(--panel));border-radius:12px;margin-top:10px;padding:0 14px}.account-danger .set-section{padding:14px 0}.account-danger .set-title,.account-danger .set-title .icon{color:var(--danger)}.account-delete{border:1px solid var(--danger-line);background:var(--panel);color:var(--danger);font-weight:600}.account-delete:hover:not(:disabled){background:var(--danger-soft)}@media (width<=480px){.welcome-top{margin-bottom:18px}.welcome-card{margin-top:0;padding:24px 20px 20px}}