:root,[data-theme=indigo]{--n-hue:262;--n-chroma:.012;--accent:oklch(52% .17 272);--on-accent:oklch(99% 0 0)}[data-theme=teal]{--n-hue:215;--n-chroma:.011;--accent:oklch(50% .09 195);--on-accent:oklch(99% 0 0)}[data-theme=plum]{--n-hue:330;--n-chroma:.009;--accent:oklch(50% .14 335);--on-accent:oklch(99% 0 0)}[data-theme=sumi]{--n-hue:70;--n-chroma:.008;--accent:oklch(30% .012 70);--on-accent:oklch(99% 0 0)}[data-mode=dark][data-theme=indigo]{--accent:oklch(72% .13 276);--on-accent:oklch(18% .03 272)}[data-mode=dark][data-theme=teal]{--accent:oklch(75% .09 195);--on-accent:oklch(18% .02 200)}[data-mode=dark][data-theme=plum]{--accent:oklch(75% .11 335);--on-accent:oklch(18% .02 330)}[data-mode=dark][data-theme=sumi]{--accent:oklch(93% .006 70);--on-accent:oklch(20% .008 70)}:root,[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:oklch(.982 calc(var(--n-chroma) * .3) var(--n-hue));--bg-surface:oklch(.997 calc(var(--n-chroma) * .1) var(--n-hue));--bg-sunken:oklch(.963 calc(var(--n-chroma) * .35) var(--n-hue));--bg-raised:oklch(100% 0 0);--ink:oklch(.24 var(--n-chroma) var(--n-hue));--ink-2:oklch(.46 var(--n-chroma) var(--n-hue));--ink-3:oklch(.62 calc(var(--n-chroma) * .8) var(--n-hue));--line:oklch(.24 var(--n-chroma) var(--n-hue) / .11);--line-2:oklch(.24 var(--n-chroma) var(--n-hue) / .2);--hover:oklch(.24 var(--n-chroma) var(--n-hue) / .05);--press:oklch(.24 var(--n-chroma) var(--n-hue) / .09);--dot:oklch(.24 var(--n-chroma) var(--n-hue) / .17);--scrim:oklch(.2 var(--n-chroma) var(--n-hue) / .34);--shadow-1:0 1px 2px oklch(.2 .01 var(--n-hue) / .14), 0 0 0 .5px oklch(.2 .01 var(--n-hue) / .06);--shadow-2:0 4px 16px oklch(.2 .01 var(--n-hue) / .12), 0 1px 3px oklch(.2 .01 var(--n-hue) / .08);--shadow-3:0 18px 48px oklch(.2 .01 var(--n-hue) / .22), 0 2px 6px oklch(.2 .01 var(--n-hue) / .08);--danger:oklch(55% .2 27);--danger-soft:oklch(55% .2 27/.09);--ext:oklch(50% .14 50);--ext-soft:oklch(50% .14 50/.1);--st-todo:oklch(.72 .008 var(--n-hue));--st-doing:oklch(60% .15 250);--st-wait:oklch(76% .15 75);--st-done:oklch(66% .14 150);--st-todo-ink:var(--ink-2);--st-doing-ink:oklch(44% .13 250);--st-wait-ink:oklch(47% .1 65);--st-done-ink:oklch(43% .11 150);--gh-open:oklch(50% .13 150);--gh-merged:oklch(50% .16 305);--gh-closed:oklch(55% .2 27);--sticky-yellow:oklch(94% .075 96);--sticky-pink:oklch(92.5% .045 350);--sticky-blue:oklch(92.5% .04 240);--sticky-green:oklch(93.5% .055 155);--sticky-purple:oklch(92% .045 300);--p1:oklch(52% .14 272);--p2:oklch(50% .1 165);--p3:oklch(55% .15 45);--p4:oklch(52% .15 335);--p5:oklch(50% .11 220);--p6:oklch(53% .11 115);--p7:oklch(55% .17 18);--p8:oklch(45% .03 262);--av-ink:oklch(99% 0 0)}[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:oklch(.2 calc(var(--n-chroma) * .7) var(--n-hue));--bg-surface:oklch(.235 calc(var(--n-chroma) * .7) var(--n-hue));--bg-sunken:oklch(.175 calc(var(--n-chroma) * .6) var(--n-hue));--bg-raised:oklch(.27 calc(var(--n-chroma) * .7) var(--n-hue));--ink:oklch(.94 calc(var(--n-chroma) * .3) var(--n-hue));--ink-2:oklch(.76 calc(var(--n-chroma) * .5) var(--n-hue));--ink-3:oklch(.58 calc(var(--n-chroma) * .5) var(--n-hue));--line:oklch(100% 0 0/.1);--line-2:oklch(100% 0 0/.19);--hover:oklch(100% 0 0/.05);--press:oklch(100% 0 0/.09);--dot:oklch(100% 0 0/.13);--scrim:oklch(0% 0 0/.55);--shadow-1:0 1px 2px oklch(0% 0 0/.4), 0 0 0 .5px oklch(0% 0 0/.3);--shadow-2:0 4px 16px oklch(0% 0 0/.45), 0 1px 3px oklch(0% 0 0/.3);--shadow-3:0 18px 48px oklch(0% 0 0/.6), 0 2px 6px oklch(0% 0 0/.3);--danger:oklch(72% .16 27);--danger-soft:oklch(72% .16 27/.15);--ext:oklch(76% .12 55);--ext-soft:oklch(76% .12 55/.15);--st-todo:oklch(.62 .008 var(--n-hue));--st-doing:oklch(68% .13 250);--st-wait:oklch(80% .13 78);--st-done:oklch(72% .13 150);--st-todo-ink:var(--ink-2);--st-doing-ink:oklch(80% .1 250);--st-wait-ink:oklch(84% .11 80);--st-done-ink:oklch(80% .11 150);--gh-open:oklch(76% .12 150);--gh-merged:oklch(76% .12 305);--gh-closed:oklch(72% .16 27);--sticky-yellow:oklch(86% .08 96);--sticky-pink:oklch(85% .05 350);--sticky-blue:oklch(85% .045 240);--sticky-green:oklch(86% .06 155);--sticky-purple:oklch(84% .05 300);--p1:oklch(68% .12 272);--p2:oklch(68% .1 165);--p3:oklch(72% .13 50);--p4:oklch(70% .12 335);--p5:oklch(70% .1 220);--p6:oklch(72% .11 115);--p7:oklch(70% .14 18);--p8:oklch(62% .02 262);--av-ink:oklch(18% .01 262)}:root,[data-theme],[data-mode]{--accent-soft:color-mix(in oklab, var(--accent) 11%, transparent);--accent-line:color-mix(in oklab, var(--accent) 45%, transparent);--accent-ink:color-mix(in oklab, var(--accent) 84%, var(--ink));--focus-ring:0 0 0 3px color-mix(in oklab, var(--accent) 28%, transparent);--mcp:var(--accent);--sticky-ink:oklch(22% .012 262);--sticky-sub:oklch(40% .012 262);--sticky-line:oklch(20% .01 262/.11);--sticky-danger:oklch(47% .2 27);--sticky-chip:oklch(100% 0 0/.72);--sticky-chip-line:oklch(0% 0 0/.07)}.pg-canvas{background:var(--bg-sunken);width:100%;height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;position:relative;overflow:hidden;container:pg-canvas/inline-size}.pg-world{transform-origin:0 0;will-change:transform;position:absolute;inset:0 auto auto 0}.pg-world[data-lod=far] .pg-sticky-text,.pg-world[data-lod=far] .pg-task-footer,.pg-world[data-lod=far] .pg-geo-text,.pg-world[data-lod=far] .pg-text-body,.pg-world[data-lod=far] .pg-frame-header,.pg-world[data-lod=far] .pg-connector text{visibility:hidden}.pg-object{transform-origin:0 0;box-sizing:border-box;position:absolute;top:0;left:0}.pg-sticky{box-shadow:var(--shadow-1);contain:strict;color:var(--sticky-ink);border-radius:4px;flex-direction:column;padding:16px;display:flex}.pg-sticky-yellow{background:var(--sticky-yellow)}.pg-sticky-pink{background:var(--sticky-pink)}.pg-sticky-blue{background:var(--sticky-blue)}.pg-sticky-green{background:var(--sticky-green)}.pg-sticky-purple{background:var(--sticky-purple)}.pg-sticky-text{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;font-size:20px;line-height:1.4;overflow:hidden}.pg-sticky-s .pg-sticky-text{font-size:14px}.pg-sticky-l .pg-sticky-text{font-size:26px}.pg-text-editor{resize:none;min-height:0;font:inherit;color:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-size:20px;line-height:1.4}.pg-task-footer{border-top:1px solid var(--sticky-line);white-space:nowrap;align-items:center;gap:6px;height:32px;margin:8px -8px -8px;padding:0 4px;font-size:13px;display:flex}.pg-task-key{font-variant-numeric:tabular-nums;font-weight:600}.pg-avatar{background:var(--pg-person,var(--p8));width:22px;height:22px;color:var(--av-ink);border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.pg-due{font-variant-numeric:tabular-nums}.pg-due-overdue{color:var(--sticky-danger);font-weight:600}.pg-status{margin-left:auto;position:relative}.pg-status-chip{border:1px solid var(--sticky-chip-line);background:var(--sticky-chip);color:var(--sticky-ink);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:4px;padding:1px 7px;font-size:12px;font-weight:600;display:inline-flex}.pg-status-menu{z-index:1;background:var(--bg-raised);border:1px solid var(--line);box-shadow:var(--shadow-2);border-radius:6px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;right:0}.pg-status-menu button{width:100%;color:var(--ink);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;margin:2px 0;padding:4px 10px;font-size:12px;display:flex}.pg-status-menu button:hover{background:var(--hover)}.pg-status-dot{border-radius:50%;flex:none;width:6px;height:6px}.pg-status-todo{background:var(--st-todo)}.pg-status-in_progress{background:var(--st-doing)}.pg-status-waiting{background:var(--st-wait)}.pg-status-done{background:var(--st-done)}.pg-frame{border:2px solid var(--line-2);background:color-mix(in oklab, var(--bg-surface) 74%, transparent);contain:layout style;border-radius:8px}.pg-frame-phase{border-color:var(--accent-line)}.pg-frame-status{border-style:dashed}.pg-frame-header{height:40px;color:var(--ink);white-space:nowrap;align-items:center;gap:8px;padding:0 12px;font-size:20px;font-weight:600;display:flex;overflow:hidden}.pg-frame-range{color:var(--ink-2);font-size:16px;font-weight:400}.pg-frame-header .pg-status-dot{width:12px;height:12px}.pg-frame-count{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.pg-frame-progress{background:var(--line);border-radius:3px;flex:none;width:72px;height:6px;overflow:hidden}.pg-frame-progress i{background:var(--st-done);height:100%;display:block}.pg-frame-milestone{align-items:center;gap:6px;margin-left:auto;font-size:16px;display:inline-flex}.pg-frame-milestone i{background:var(--accent);width:10px;height:10px;transform:rotate(45deg)}.pg-image{contain:strict;background:var(--bg-sunken)}.pg-image-content{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.pg-image-missing{box-sizing:border-box;border:1px dashed var(--line-2);width:100%;height:100%;color:var(--ink-3);place-items:center;padding:8px;font-size:12px;display:grid;overflow:hidden}.pg-geo{contain:strict}.pg-geo-shape{position:absolute;inset:0;overflow:visible}.pg-geo-shape path{fill:var(--bg-surface);stroke:var(--ink-2);stroke-width:2px}.pg-geo-text{text-align:center;place-items:center;padding:12px;font-size:18px;display:grid;position:absolute;inset:0}.pg-geo .pg-text-editor{text-align:center;padding:12px;font-size:18px;position:absolute;inset:0}.pg-text{color:var(--ink)}.pg-text-s{font-size:14px}.pg-text-m{font-size:20px}.pg-text-l{font-size:28px}.pg-text-xl{font-size:40px}.pg-text-serif{font-family:Hiragino Mincho ProN,Yu Mincho,serif}.pg-text-mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.pg-text-align-center{text-align:center}.pg-text-align-end{text-align:right}.pg-text-body,.pg-text .pg-text-editor{box-sizing:border-box;white-space:pre;padding:4px;line-height:1.4}.pg-text .pg-text-editor{font-size:inherit;text-align:inherit;position:absolute;top:0;left:0;overflow:hidden}.pg-text-placeholder{color:var(--ink-3)}.pg-text-skeleton{background:var(--line-2);border-radius:2px;position:absolute;inset:4px}.pg-connector{pointer-events:none;overflow:visible}.pg-connector path{fill:none;stroke:var(--ink-2);stroke-width:2px}.pg-connector polygon{fill:var(--ink-2)}.pg-connector text{text-anchor:middle;fill:var(--ink-2);paint-order:stroke;stroke:var(--bg-sunken);stroke-width:6px;stroke-linejoin:round;font-size:16px}.pg-connector-label-editor{z-index:1;background:var(--bg-raised);min-width:120px;min-height:28px;box-shadow:var(--shadow-1);border-radius:4px;padding:2px 6px;display:flex;position:absolute;top:0;left:0}.pg-connector-label-editor .pg-text-editor{text-align:center;white-space:nowrap;height:24px;font-size:16px;line-height:24px}.pg-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pg-selection polygon{fill:none;stroke:var(--accent);stroke-width:2px}.pg-marquee{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1px}.pg-handles rect,.pg-handles circle{fill:var(--bg-raised);stroke:var(--accent);stroke-width:1.5px}.pg-selection .pg-connector-outline{fill:none;stroke:var(--accent);stroke-width:2px}.pg-selection .pg-connect-target{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2px}.pg-canvas[data-tool=hand]{cursor:grab}.pg-canvas[data-tool=sticky],.pg-canvas[data-tool=text],.pg-canvas[data-tool=geo],.pg-canvas[data-tool=frame],.pg-canvas[data-tool=arrow]{cursor:crosshair}.pg-canvas[data-handle=nw],.pg-canvas[data-handle=se]{cursor:nwse-resize}.pg-canvas[data-handle=ne],.pg-canvas[data-handle=sw]{cursor:nesw-resize}.pg-canvas[data-handle=rotate]{cursor:grab}.pg-canvas[data-handle=point]{cursor:move}.pg-toast{background:var(--ink);color:var(--bg-surface);box-shadow:var(--shadow-3);white-space:nowrap;pointer-events:none;border-radius:8px;padding:10px 14px;font-size:12.5px;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.pg-toolbar{background:var(--bg-surface);border:1px solid var(--line);box-shadow:var(--shadow-2);border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.pg-tool-group{align-items:center;gap:2px;display:flex}.pg-vsep{background:var(--line);flex:none;width:1px;height:20px;margin:0 4px}.pg-tool,.pg-ibtn,.pg-zoom-value{font:inherit;cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:inline-grid}.pg-tool{width:34px;height:34px;color:var(--ink);border-radius:7px}.pg-tool:hover{background:var(--hover)}.pg-tool[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.pg-tool:disabled{color:var(--ink-3);opacity:.5;cursor:default;background:0 0}.pg-ibtn{width:28px;height:28px;color:var(--ink-2);border-radius:6px}.pg-ibtn:hover{background:var(--hover);color:var(--ink)}.pg-tool:focus-visible,.pg-ibtn:focus-visible,.pg-zoom-value:focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}.pg-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;display:block}.pg-zoom{background:var(--bg-surface);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:8px;align-items:center;gap:2px;padding:3px;font-size:12px;display:flex;position:absolute;bottom:16px;right:16px}.pg-zoom-left{left:16px;right:auto}.pg-zoom-value{width:46px;height:28px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:6px}.pg-zoom-value:hover{background:var(--hover)}@container pg-canvas (width<820px){.pg-toolbar{box-sizing:border-box;scrollbar-width:thin;max-width:calc(100% - 32px);bottom:60px;overflow-x:auto}.pg-toast{bottom:116px}}.pg-stb{background:var(--bg-raised);border:1px solid var(--line);box-shadow:var(--shadow-2);border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;top:0;left:0}.pg-stb[hidden]{display:none}.pg-stb .pg-vsep{height:18px;margin:0 2px}.pg-stb-text{height:28px;color:var(--accent-ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:12.5px;font-weight:600;display:inline-flex}.pg-stb-text:hover{background:var(--hover)}.pg-stb-text .pg-icon{width:16px;height:16px}.pg-stb-text kbd,.pg-pop kbd{border:1px solid var(--line-2);color:var(--ink-3);font:inherit;border-radius:4px;padding:0 4px;font-size:10.5px;font-weight:500}.pg-pop{box-sizing:border-box;background:var(--bg-raised);border:1px solid var(--line);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-3);color:var(--ink);cursor:auto;border-radius:10px;flex-direction:column;gap:12px;padding:16px;font-size:13px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.pg-pop b{font-size:14px}.pg-field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pg-field-row{gap:8px;display:flex}.pg-field-label{color:var(--ink-2);font-size:12px;font-weight:600}.pg-field select,.pg-field input{box-sizing:border-box;border:1px solid var(--line-2);background:var(--bg-surface);height:32px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;border-radius:6px;padding:0 8px}.pg-field select:focus-visible,.pg-field input:focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}.pg-field-help{color:var(--ink-3);font-size:12px}.pg-field-error{color:var(--danger);font-size:12px}.pg-pop-actions{justify-content:flex-end;gap:8px;display:flex}.pg-btn{border:1px solid var(--line-2);background:var(--bg-surface);height:30px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;padding:0 12px;font-size:12.5px;font-weight:600}.pg-btn:hover{background:var(--hover)}.pg-btn-primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.pg-btn-primary:hover{background:color-mix(in oklab, var(--accent) 88%, var(--ink))}.pg-btn:disabled{opacity:.5;cursor:default}.pg-btn:focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}.pg-btn-danger{border-color:var(--danger);background:var(--danger);color:var(--on-accent)}.pg-btn-danger:hover{background:color-mix(in oklab, var(--danger) 88%, var(--ink))}.pg-tool-text{height:34px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:4px;padding:0 10px 0 6px;font-size:12.5px;font-weight:600;display:inline-flex}.pg-tool-text:hover{background:var(--hover)}.pg-tool-text:disabled{color:var(--ink-3);opacity:.5;cursor:default}.pg-tool-text .pg-icon{width:16px;height:16px}.pg-dialog{background:var(--bg-raised);border:1px solid var(--line);width:480px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-3);color:var(--ink);border-radius:12px;padding:0;font:13px/1.5 system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}.pg-dialog::backdrop{background:var(--scrim)}.pg-dialog form{flex-direction:column;display:flex}.pg-options{flex-direction:column;gap:8px;display:flex}.pg-dialog-title{margin:0;padding:16px 20px 0;font-size:16px}.pg-dialog-body{flex-direction:column;gap:16px;padding:16px 20px;display:flex}.pg-dialog-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.pg-dialog-text{color:var(--ink-2);margin:0}.pg-field-range{align-items:center}.pg-field-range input{flex:1;min-width:0}.pg-field-range span{color:var(--ink-3)}.pg-dialog .pg-field input{box-sizing:border-box;border:1px solid var(--line-2);background:var(--bg-surface);height:32px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;border-radius:6px;padding:0 8px}.pg-dialog .pg-field input:focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}.pg-phase-preview{border:1.5px solid var(--accent-line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px;display:grid}.pg-phase-preview span{border:1px dashed var(--line-2);border-radius:5px;align-items:flex-start;gap:5px;height:44px;padding:7px 8px 0;font-size:11.5px;font-weight:600;display:flex}.pg-phase-preview .pg-status-dot{margin-top:5px}.pg-check{align-items:center;gap:8px;display:flex}.pg-option{border:1px solid var(--line-2);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.pg-option-on{border-color:var(--accent);background:var(--accent-soft)}.pg-option input{margin-top:3px}.pg-option span{flex-direction:column;gap:2px;display:flex}.pg-option small{color:var(--ink-2);font-size:12px}.pg-selection .pg-peer-selection{fill:none;stroke:var(--pg-person);stroke-width:1.5px}.pg-selection .pg-peer-editing{fill:none;stroke:var(--pg-person);stroke-width:2px}.pg-peers{transform-origin:0 0;pointer-events:none;--pg-inv-zoom:1;position:absolute;inset:0 auto auto 0}.pg-peer-pin{width:0;height:0;position:absolute;top:0;left:0}.pg-peer-cursor{transition:transform 80ms linear}.pg-peer-scale{transform:scale(var(--pg-inv-zoom));transform-origin:0 0}.pg-peer-arrow{display:block;overflow:visible}.pg-peer-arrow path{fill:var(--pg-person);stroke:var(--bg-raised);stroke-width:1.2px;stroke-linejoin:round}.pg-peer-name,.pg-peer-tag{background:var(--pg-person);height:20px;color:var(--av-ink);white-space:nowrap;align-items:center;padding:0 8px;font-size:10.5px;font-weight:700;display:inline-flex}.pg-peer-name{border-radius:0 10px 10px;position:absolute;top:16px;left:10px}.pg-peer-tag{border-radius:10px;position:absolute;bottom:-9px;right:6px}.board-body{flex:1;min-height:0;display:flex}.board-body .pg-canvas{flex:1;min-width:0}.side-panel{border-left:1px solid var(--line);background:var(--bg-surface);width:320px;min-height:0;color:var(--ink);flex-direction:column;flex:none;font:13px/1.5 system-ui,-apple-system,Hiragino Sans,sans-serif;display:flex}.side-panel-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px 10px 16px;display:flex}.side-panel-key{font-variant-numeric:tabular-nums;font-weight:600}.side-panel-badge{background:var(--accent-soft);color:var(--accent-ink);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.side-panel-sub{color:var(--ink-2);font-size:12px}.side-panel-close{width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;font-size:18px}.side-panel-close:hover{background:var(--hover);color:var(--ink)}.side-panel-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.side-panel-section{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.side-panel-section:last-child{border-bottom:none}.side-panel-title{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;resize:vertical;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 8px;font-size:15px;font-weight:600}.side-panel-title:hover:not(:disabled){border-color:var(--line-2)}.side-panel-crumb{color:var(--ink-3);font-size:11.5px}.side-panel-fields{gap:4px}.side-panel-field{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;min-height:34px;display:grid}.side-panel-field>span:first-child{color:var(--ink-2);font-size:12px}.side-panel-field select,.side-panel-field input,.side-panel-add input{box-sizing:border-box;border:1px solid var(--line-2);background:var(--bg-surface);width:100%;min-width:0;height:30px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;border-radius:6px;padding:0 8px}.side-panel :is(select,input,textarea,button):focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}.side-panel-inline{align-items:center;gap:6px;min-width:0;display:flex}.side-panel-late{background:var(--danger-soft);color:var(--danger);border-radius:4px;flex:none;padding:1px 6px;font-size:11px;font-weight:600}.side-panel-readonly{color:var(--ink-2);align-items:center;gap:8px;display:flex}.side-panel-readonly small{color:var(--ink-3);margin-left:auto;font-size:11px}.side-panel-check{align-items:center;gap:8px;min-height:34px;display:flex}.side-panel-heading{align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.side-panel-count{color:var(--ink-3);font-weight:500}.side-panel-links{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.side-panel-links li{align-items:center;gap:8px;display:flex}.side-panel-brand{background:var(--bg-sunken);width:24px;height:24px;color:var(--ink-2);border-radius:6px;flex:none;place-items:center;font-size:10.5px;font-weight:700;display:grid}.side-panel-link-text{flex-direction:column;flex:1;min-width:0;display:flex}.side-panel-link-text a{color:var(--accent-ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.side-panel-link-text small{color:var(--ink-3);font-size:11px}.side-panel-remove{width:24px;height:24px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none}.side-panel-remove:hover{background:var(--hover);color:var(--ink)}.side-panel-add{gap:6px;display:flex}.side-panel-add button,.side-panel-confirm-actions button,.side-panel-danger{border:1px solid var(--line-2);background:var(--bg-surface);height:30px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;flex:none;padding:0 10px;font-size:12.5px;font-weight:600}.side-panel-add button:disabled{opacity:.5;cursor:default}.side-panel-help{color:var(--ink-3);margin:0;font-size:12px}.side-panel-error{color:var(--danger);margin:0;font-size:12px}.side-panel-actions{flex-flow:wrap}.side-panel-danger{color:var(--danger);background:0 0;border-color:#0000}.side-panel-danger:hover{background:var(--danger-soft)}.side-panel-confirm{background:var(--bg-sunken)}.side-panel-confirm p{margin:0}.side-panel-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.side-panel-primary{border-color:var(--accent)!important;background:var(--accent)!important;color:var(--on-accent)!important}@media (width<=720px){.board-body{position:relative}.side-panel{z-index:2;border-top:1px solid var(--line);width:auto;max-height:55%;box-shadow:var(--shadow-3);border-left:none;position:absolute;bottom:0;left:0;right:0}}.workspace-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}a.settings-button{text-decoration:none}.workspace-head-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.workspace-form{border:1px solid var(--line);background:var(--bg-surface);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.workspace-input-wide{width:100%;max-width:360px;font-family:inherit}.project-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.project-card{border:1px solid var(--line);background:var(--bg-surface);box-shadow:var(--shadow-1);color:var(--ink);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 8px;padding:14px 16px;text-decoration:none;display:grid}.project-card:hover{border-color:var(--accent)}.project-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.project-key{background:var(--ink);height:22px;color:var(--bg-surface);border-radius:5px;place-items:center;padding:0 6px;font:700 10.5px/1 ui-monospace,SF Mono,Menlo,monospace;display:inline-grid}.project-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.project-role{color:var(--ink-3);grid-column:2;font-size:11.5px}.member-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.member-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 96px auto;align-items:center;gap:10px;min-height:48px;padding:6px 0;display:grid}.member-row:last-child{border-bottom:0}.member-name{flex-direction:column;min-width:0;display:flex}.member-name b,.member-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-email{color:var(--ink-3);font-size:11.5px}.member-role{color:var(--ink-2);font-size:12.5px}.member-you{color:var(--ink-3);margin-left:6px;font-size:11px;font-weight:600}.member-add{flex-wrap:wrap;gap:8px;display:flex}.member-add .settings-input{font-family:inherit}.member-add-email{flex:1;min-width:200px}.member-add-role{width:auto}.settings-button-danger{color:var(--danger)}.board-header{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.board-header a{color:inherit;text-decoration:none}.board-header a:hover{color:var(--accent)}.board-project{font-weight:700}.board-tabs{flex-wrap:wrap;gap:2px;margin:0;padding:0;list-style:none;display:flex}.board-tab{color:var(--ink-2);border-radius:5px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.board-tab[aria-current=page]{background:var(--bg-sunken);color:var(--ink);font-weight:600}.board-status{color:var(--ink-2);margin-left:auto}.board-presence{align-items:center;gap:4px;margin-left:auto;display:flex}.board-presence+.board-status{margin-left:8px}.board-avatar{background:var(--pg-person);width:24px;height:24px;color:var(--av-ink);box-shadow:0 0 0 2px var(--bg-surface);font:inherit;cursor:pointer;border:none;border-radius:50%;place-items:center;padding:0;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.board-avatar:focus-visible{box-shadow:0 0 0 2px var(--bg-surface), var(--focus-ring);outline:none}.board-avatar[data-external]{box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 3.5px var(--ext)}.board-avatar[data-follow]{box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 4px var(--accent)}.board-external{height:18px;color:var(--ext);white-space:nowrap;border:1px solid;border-radius:4px;align-items:center;margin-left:4px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.board-message{max-width:520px;margin:64px auto;padding:0 16px}.settings{background:var(--bg-app);min-height:100%;color:var(--ink);font:13px/1.5 system-ui,-apple-system,Hiragino Sans,sans-serif}.settings *,.settings :before,.settings :after{box-sizing:border-box}.settings-header{background:var(--bg-surface);border-bottom:1px solid var(--line);align-items:center;gap:8px;height:48px;padding:0 14px;font-weight:700;display:flex}.settings-logo{background:var(--ink);border-radius:5px;flex:none;width:20px;height:20px}.settings-body{flex-direction:column;gap:26px;max-width:760px;margin:0 auto;padding:28px 40px;display:flex}.settings-title{margin:0;font-size:22px;font-weight:700}.settings-section{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.settings-section-title{align-items:center;gap:8px;padding:0;font-size:15px;font-weight:700;display:flex}.settings-row{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:16px;display:grid}.settings-label{color:var(--ink-2);flex-direction:column;gap:2px;padding-top:7px;font-size:12px;font-weight:600;display:flex}.settings-help{color:var(--ink-3);font-size:11.5px;font-weight:400}.settings-controls{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.settings-note{background:var(--bg-sunken);color:var(--ink-2);border-radius:8px;gap:8px;padding:10px 12px;font-size:12.5px;line-height:1.7;display:flex}.settings-status{color:var(--ink-2);font-size:12px}.settings-status-saved{color:var(--st-done-ink)}.settings-error,.settings-status-failed{color:var(--danger)}.theme-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.theme-card{border:1.5px solid var(--line-2);cursor:pointer;border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:hidden}.theme-card:has(input:checked){border-color:var(--accent);box-shadow:var(--focus-ring)}.theme-card:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.theme-card input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.theme-card-preview{background:var(--bg-app);align-items:center;gap:6px;padding:12px;display:flex}.theme-swatch{border-radius:6px;flex:none;width:22px;height:22px}.theme-swatch-accent{background:var(--accent)}.theme-swatch-soft{background:var(--accent-soft)}.theme-swatch-sunken{background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line)}.theme-card-button{background:var(--accent);height:22px;color:var(--on-accent);border-radius:6px;align-items:center;margin-left:auto;padding:0 7px;font-size:10.5px;font-weight:600;display:inline-flex}.theme-card-label{border-top:1px solid var(--line);background:var(--bg-surface);color:var(--ink);align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;display:flex}.radio-mark{border:1.5px solid var(--line-2);background:var(--bg-surface);border-radius:50%;flex:none;width:16px;height:16px}.theme-card:has(input:checked) .radio-mark{border:5px solid var(--accent)}.settings-input{border:1px solid var(--line-2);background:var(--bg-surface);width:120px;height:32px;color:var(--ink);border-radius:6px;padding:0 10px;font:500 12.5px ui-monospace,SF Mono,Menlo,monospace}.settings-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.settings-input[aria-invalid=true]{border-color:var(--danger)}.color-picker{border:1px solid var(--line-2);background:var(--bg-surface);cursor:pointer;border-radius:6px;width:32px;height:32px;padding:2px}.settings-button{border:1px solid var(--line-2);background:var(--bg-surface);height:32px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;font-weight:600;display:inline-flex}.settings-button-primary{background:var(--accent);color:var(--on-accent);border-color:#0000}.settings-button:disabled{opacity:.42;cursor:default}.settings-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.contrast{flex-direction:column;gap:6px;display:flex}.contrast-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.contrast-mode{width:44px;color:var(--ink-2);font-size:11.5px;font-weight:600}.contrast-chip{white-space:nowrap;border-radius:11px;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:11.5px;font-weight:700;display:inline-flex}.contrast-chip-passes{background:color-mix(in oklab, var(--st-done) 18%, transparent);color:var(--st-done-ink)}.contrast-chip-fails{background:var(--danger-soft);color:var(--danger)}.segmented{border:1px solid var(--line);background:var(--bg-sunken);border-radius:7px;place-self:start;gap:2px;padding:2px;display:inline-flex}.segmented label{height:26px;color:var(--ink-2);white-space:nowrap;cursor:pointer;border-radius:5px;align-items:center;padding:0 10px;font-weight:500;display:flex;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented label:has(input:checked){background:var(--bg-surface);color:var(--ink);box-shadow:var(--shadow-1);font-weight:600}.segmented label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}@media (width<=640px){.settings-body{padding:20px 16px}.settings-row{grid-template-columns:minmax(0,1fr);gap:6px}.theme-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.tl-toolbar{border-bottom:1px solid var(--line);background:var(--bg-surface);flex-wrap:wrap;align-items:center;gap:8px;min-height:48px;padding:6px 16px;font-size:13px;display:flex}.tl-seg{background:var(--bg-sunken);border-radius:7px;padding:2px;display:inline-flex}.tl-seg button{height:26px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 10px}.tl-seg button[aria-pressed=true]{background:var(--bg-raised);color:var(--ink);box-shadow:var(--shadow-1);font-weight:600}.tl-button{border:1px solid var(--line-2);background:var(--bg-raised);height:28px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;padding:0 10px}.tl-button:hover,.tl-seg button:hover{background:var(--hover)}.tl-sep{background:var(--line);width:1px;height:20px}.tl-filter{color:var(--ink-2);align-items:center;gap:4px;font-size:12px;display:inline-flex}.tl-filter select{border:1px solid var(--line-2);background:var(--bg-raised);height:28px;color:var(--ink);font:inherit;border-radius:6px}.tl-spacer{flex:1}.tl-note{color:var(--ink-2);flex-wrap:wrap;gap:8px;font-size:12px;display:inline-flex}.tl-warn{color:var(--danger);font-weight:600}.tl-body-wrap{background:var(--bg-surface);flex:1;min-height:0;display:flex;position:relative}.tl-empty{color:var(--ink-3);margin:24px}.tl-scroll{--label-w:300px;flex:1;min-width:0;font-size:13px;overflow:auto}.tl-head,.tl-row{grid-template-columns:var(--label-w) var(--chart-w);width:calc(var(--label-w) + var(--chart-w));display:grid}.tl-head{z-index:4;border-bottom:1px solid var(--line-2);background:var(--bg-surface);height:50px;position:sticky;top:0}.tl-label{z-index:3;border-right:1px solid var(--line);background:var(--bg-surface);white-space:nowrap;align-items:center;gap:8px;min-width:0;padding:0 12px 0 30px;display:flex;position:sticky;left:0}.tl-head-label{color:var(--ink-3);align-items:flex-end;padding-bottom:7px;font-size:11px}.tl-chart{min-width:0;position:relative}.tl-ticks{position:absolute;inset:0}.tl-month{border-left:1px solid var(--line);white-space:nowrap;height:24px;padding-left:8px;font-size:12px;font-weight:600;line-height:24px;position:absolute;top:0}.tl-tick{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:6px;font-size:11px;position:absolute;bottom:7px}.tl-today-tag{z-index:1;background:var(--accent);height:16px;color:var(--on-accent);white-space:nowrap;border-radius:8px;padding:0 7px;font-size:10.5px;font-weight:700;line-height:16px;position:absolute;top:4px;transform:translate(-50%)}.tl-body{width:calc(var(--label-w) + var(--chart-w));min-height:100%;position:relative}.tl-grid{top:0;bottom:0;left:var(--label-w);width:var(--chart-w);pointer-events:none;position:absolute}.tl-weekend{background:var(--hover);position:absolute;top:0;bottom:0}.tl-line{background:var(--line);width:1px;position:absolute;top:0;bottom:0}.tl-now{z-index:2;background:var(--accent);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tl-row{height:32px;position:relative}.tl-row.is-selected .tl-label,.tl-row.is-selected{background:var(--accent-soft)}.tl-row-group{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-sunken);height:36px}.tl-row-group .tl-label{background:var(--bg-sunken);gap:6px;padding-left:8px;font-weight:700}.tl-group-name{text-overflow:ellipsis;overflow:hidden}.tl-caret{width:20px;height:20px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:0}.tl-count{background:var(--bg-surface);color:var(--ink-2);border-radius:9px;padding:0 6px;font-size:11px;font-weight:600}.tl-range{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:400}.tl-task-label{border:0;border-right:1px solid var(--line);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.tl-task-label:hover{background:var(--hover)}.tl-task-label:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.tl-key{width:52px;color:var(--ink-2);flex:none;font:600 11.5px/1 IBM Plex Mono,ui-monospace,monospace}.tl-title{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.tl-avatar{background:var(--pg-person);width:20px;height:20px;color:var(--av-ink);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:700;display:inline-grid}.tl-band{background:color-mix(in oklab, var(--accent) 30%, transparent);border-radius:4px;height:8px;position:absolute;top:14px}.tl-milestone{background:var(--accent);width:10px;height:10px;margin-left:-5px;position:absolute;top:13px;transform:rotate(45deg)}.is-editable{cursor:grab;touch-action:none}.tl-bar:focus-visible,.tl-point:focus-visible,.tl-band:focus-visible{box-shadow:var(--focus-ring);outline:none}.is-dragging{cursor:grabbing}.tl-bar{border-radius:4px;height:18px;position:absolute;top:7px}.tl-point{border:2px solid var(--bg-surface);width:14px;height:14px;box-shadow:0 0 0 1px var(--line-2);border-radius:50%;margin-left:-7px;position:absolute;top:9px}.tl-bar.todo,.tl-point.todo{background:var(--st-todo)}.tl-bar.doing,.tl-point.doing{background:var(--st-doing)}.tl-bar.wait,.tl-point.wait{background:var(--st-wait)}.tl-bar.done,.tl-point.done{background:var(--st-done)}.tl-bar.is-late,.tl-point.is-late{box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 3.5px var(--danger)}.tl-bar.is-selected,.tl-point.is-selected{box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 4px var(--accent)}.tl-bar.is-dragging{box-shadow:var(--shadow-2);top:5px}.tl-handle{cursor:ew-resize;touch-action:none;width:8px;height:24px;position:absolute;top:-3px}.tl-handle.start{left:-4px}.tl-handle.end{right:-4px}.tl-bar:hover .tl-handle:after{content:"";border:1.5px solid var(--accent);background:var(--bg-raised);border-radius:3px;position:absolute;inset:0 1px}.tl-late{color:var(--danger);white-space:nowrap;pointer-events:none;font-size:11px;font-weight:700;position:absolute;top:9px}.tl-tip{z-index:5;background:var(--ink);color:var(--bg-surface);white-space:nowrap;box-shadow:var(--shadow-2);pointer-events:none;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;position:absolute;top:4px}.tl-undated-label{color:var(--ink-2);font-size:12px}.tl-undated{align-items:center;gap:6px;padding-left:10px;display:flex;overflow:hidden}.tl-chip{border:1px solid var(--line-2);background:var(--bg-raised);height:22px;color:var(--ink);font:inherit;cursor:pointer;z-index:1;border-radius:11px;flex:none;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex;position:relative}.tl-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.tl-chip .tl-key{width:auto}.tl-row-add{height:30px}.tl-add{color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.tl-add:hover{color:var(--accent)}.tl-add-form{flex:1}.tl-add-input{border:1px solid var(--accent);background:var(--bg-raised);width:100%;height:24px;color:var(--ink);font:inherit;border-radius:5px;padding:0 6px;font-size:12.5px}.tl-list-scroll{flex:1;min-width:0;overflow:auto}.tl-list{border-collapse:collapse;width:100%;font-size:13px}.tl-list th{z-index:1;border-bottom:1px solid var(--line-2);background:var(--bg-surface);height:34px;color:var(--ink-3);text-align:left;white-space:nowrap;padding:0 12px;font-size:11.5px;font-weight:600;position:sticky;top:0}.tl-sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.tl-list th[aria-sort] .tl-sort{color:var(--ink)}.tl-list td{border-bottom:1px solid var(--line);white-space:nowrap;height:40px;padding:0 12px}.tl-list tbody tr:hover{background:var(--hover)}.tl-list tbody tr.is-selected{background:var(--accent-soft)}.tl-list-title{text-overflow:ellipsis;width:100%;max-width:0;font-weight:500;overflow:hidden}.tl-list-open{max-width:100%;color:inherit;font:inherit;text-align:left;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.tl-status{border-radius:11px;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.tl-status.todo{background:var(--st-todo);color:var(--st-todo-ink)}.tl-status.doing{background:var(--st-doing);color:var(--st-doing-ink)}.tl-status.wait{background:var(--st-wait);color:var(--st-wait-ink)}.tl-status.done{background:var(--st-done);color:var(--st-done-ink)}.tl-person{align-items:center;gap:6px;display:inline-flex}.tl-due{font-variant-numeric:tabular-nums}.tl-due.is-late{color:var(--danger);font-weight:600}.tl-late-badge{background:var(--danger-soft);color:var(--danger);border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700}.tl-muted{color:var(--ink-2)}.tl-board-link{color:var(--ink-3);text-decoration:none}.tl-board-link:hover{color:var(--accent)}.tl-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=720px){.tl-scroll{--label-w:180px}}.tl-panel-board{border:1px solid var(--line-2);color:var(--ink);white-space:nowrap;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:12px;text-decoration:none}.tl-panel-board:hover{background:var(--hover)}.tl-panel-board+.side-panel-close{margin-left:0}.tl-panel-message{color:var(--ink-2);margin:16px}.tl-panel-notice{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--ink);border-radius:8px;align-items:flex-start;gap:8px;margin:12px 16px 0;padding:10px 12px;font-size:12.5px;line-height:1.6;display:flex}.tl-panel-notice span{flex:1}html,body,#root{height:100%;margin:0}body{background:var(--bg-app);color:var(--ink)}.app{flex-direction:column;height:100%;display:flex}.app-header{border-bottom:1px solid var(--line);background:var(--bg-surface);padding:8px 16px;font:14px system-ui,-apple-system,Hiragino Sans,sans-serif}.app .pg-canvas{flex:1}.app-reject{color:var(--danger)}.auth-page{max-width:420px;margin:64px auto;padding:0 16px;font:15px/1.7 system-ui,-apple-system,Hiragino Sans,sans-serif}.auth-page h1{font-size:20px}.auth-page section{margin:24px 0}.auth-page label{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.auth-page input{font:inherit;padding:8px}.auth-page button{font:inherit;cursor:pointer;padding:8px 16px}.auth-error{color:var(--danger)}