: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}.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-frame-header{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(--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-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-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);font-size:16px}.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}.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))}}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)}