:root{--paper:#fff;--panel:#fff;--canvas:#f5f6f8;--ink:#1a1d21;--muted:#6b7280;--line:#e3e6ea;--line-soft:#eef0f3;--acc:#29456b;--acc-ink:#fff;--st-open:#c94f42;--st-doing:#c78a2e;--st-check:#4a6fa5;--st-done:#55876a;--st-prop:#7d6b9e;--st-open-bg:#f8edeb;--st-check-bg:#ebf0f7}*{box-sizing:border-box}body,html{margin:0}body{background:var(--paper);color:var(--ink);font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,system-ui,sans-serif;font-feature-settings:"palt";font-size:13px;line-height:1.6}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.mainarea{display:flex;flex:1;flex-direction:column;min-width:0}.sidebar{background:var(--canvas);border-right:1px solid var(--line);display:flex;flex:none;flex-direction:column;gap:2px;height:100vh;overflow-y:auto;padding:14px 10px;position:sticky;top:0;width:224px}.ws-name{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;font-size:13.5px;font-weight:700;gap:6px;margin-bottom:8px;padding:4px 10px 12px}.wf-tag{border:1px solid var(--line);border-radius:3px;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:.08em;padding:0 5px}.side-item{background:none;border:none;border-radius:5px;color:var(--muted);cursor:pointer;display:block;font-family:inherit;font-size:12.5px;font-weight:500;padding:6px 10px;text-align:left}.side-item:hover{background:var(--line-soft);color:var(--ink)}.side-item.router-link-exact-active{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font-weight:700}.side-head{font-size:10.5px;font-weight:600;letter-spacing:.06em;padding:14px 10px 4px}.chan,.side-head{color:var(--muted)}.chan{align-items:center;background:none;border:none;border-radius:5px;cursor:pointer;display:flex;font-family:inherit;font-size:12.5px;gap:6px;padding:6px 10px;text-align:left;width:100%}.chan:hover{background:var(--line-soft);color:var(--ink)}.chan.on{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font-weight:700}.chan .hash{color:var(--muted);flex:none;font-weight:400}.chan .cname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chan .badge{background:var(--line);border-radius:10px;color:var(--ink);flex:none;font-size:10.5px;font-variant-numeric:tabular-nums;font-weight:700;padding:0 7px}.chan .badge.alert{background:var(--st-open);color:#fff}.chan.add{color:var(--muted);font-size:12px}.side-foot{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:10px}.side-input{border:1px solid var(--line);border-radius:5px;color:var(--ink);font:inherit;font-size:12px;padding:5px 8px;width:100%}.side-input,.topbar{background:var(--panel)}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;padding:10px 20px;position:sticky;top:0;z-index:50}.topbar .pj{font-size:13.5px}.tabs{display:flex;flex-wrap:wrap;gap:4px}.tabs a{border:1px solid transparent;border-radius:5px;color:var(--muted);cursor:pointer;font-size:12px;padding:5px 12px}.tabs a:hover{border-color:var(--line)}.tabs a.router-link-active{background:var(--canvas);border-color:var(--line);color:var(--ink);font-weight:600}.reset{background:none;border:1px solid var(--line);border-radius:5px;color:var(--muted);cursor:pointer;font-family:inherit;font-size:11px;padding:3px 10px}.page{margin:0 auto;max-width:1200px;padding:20px 24px}.page h2{font-size:16px;margin:0 0 4px}.page .sub{color:var(--muted);margin:0 0 18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:6px}.sec-h{align-items:baseline;display:flex;justify-content:space-between;margin:22px 0 8px}.sec-h h3{font-size:13px;margin:0}.sec-h .hint{color:var(--muted);font-size:11px}.chip{align-items:center;display:inline-flex;font-size:11px;font-weight:600;gap:6px;white-space:nowrap}.chip:before{background:currentColor;border-radius:2px;content:"";height:8px;width:8px}.chip.open{color:var(--st-open)}.chip.doing{color:var(--st-doing)}.chip.check{color:var(--st-check)}.chip.done{color:var(--st-done)}.chip.proposing{color:var(--st-prop)}.avatar{background:var(--canvas);border:1px solid var(--line);border-radius:50%;color:var(--muted);flex:none;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.avatar,.btn{align-items:center;display:inline-flex}.btn{background:var(--panel);border:1px solid #d5d8dd;border-radius:5px;color:var(--ink);cursor:pointer;font:inherit;font-size:12px;font-weight:600;gap:6px;padding:6px 14px}.btn.primary{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}.btn.danger{border-color:var(--st-open);color:var(--st-open)}.btn.sm{font-size:11px;padding:3px 9px}.btn:disabled{cursor:not-allowed;opacity:.45}.btn:focus-visible{outline:2px solid var(--st-check);outline-offset:1px}.due-over{color:var(--st-open);font-weight:700}table.wf{border-collapse:collapse;font-size:12.5px;width:100%}table.wf th{border-bottom:1px solid var(--line);color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.06em;padding:8px 10px;text-align:left;white-space:nowrap}table.wf td{border-bottom:1px solid var(--line-soft);padding:9px 10px;vertical-align:middle}table.wf tr:last-child td{border-bottom:none}table.wf tr.clickable{cursor:pointer}table.wf tr.clickable:hover td{background:var(--canvas)}.tbl-wrap{overflow-x:auto}td.num{font-variant-numeric:tabular-nums;white-space:nowrap}.kpis{align-items:start;display:grid;gap:10px;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.kpi{padding:12px 14px}.kpi .n{display:block;font-size:24px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.3}.kpi .l{color:var(--muted);display:block;font-size:11px}.kpi.alert .n{color:var(--st-open)}.kpi.review .n{color:var(--st-check)}.seg{border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{background:none;border:none;color:var(--muted);cursor:pointer;font-family:inherit;font-size:11.5px;padding:4px 12px}.seg button.on{background:var(--canvas);color:var(--ink);font-weight:700}.fpill{background:none;border:1px solid var(--line);border-radius:14px;color:var(--muted);cursor:pointer;font-family:inherit;font-size:11px;padding:3px 10px}.fpill.on{color:var(--ink);font-weight:700}.fpill.on,.tag{background:var(--canvas)}.tag{border:1px solid var(--line);border-radius:3px;color:var(--muted);font-size:10px;padding:1px 7px}.tag.pin-tag{background:transparent;border-color:var(--acc);color:var(--acc)}.toolbar{align-items:center;background:var(--panel);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;padding:10px 16px}.toolbar .crumb{font-weight:700}.toolbar .spacer{flex:1}.toolbar select{background:var(--paper);border:1px solid var(--line);border-radius:5px;font-family:inherit;font-size:12px;font-weight:600;padding:3px 10px}.tgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gcard{background:var(--panel);border:1px solid var(--line);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden}.gcard:hover{border-color:var(--muted)}.gthumb{align-items:center;background:var(--canvas);border-bottom:1px solid var(--line-soft);display:flex;flex:none;height:108px;justify-content:center}.gthumb,.mini{position:relative}.mini{background-color:#fff;background-image:url(./chirashi.DWJgXXO4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--line);height:86px;width:62px}.hl-mark{background:color-mix(in srgb,var(--st-check) 20%,transparent);border:2px solid var(--st-check);border-radius:2px;position:absolute}.hl-mark.red{background:color-mix(in srgb,var(--st-open) 20%,transparent);border-color:var(--st-open)}.gthumb .gpin{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000026;height:11px;position:absolute;width:11px}.gthumb .gpage{background:#fff;border:1px solid var(--line);border-radius:3px;color:var(--muted);font-size:9.5px;left:6px;padding:0 5px;position:absolute;top:6px}.gthumb.plain .mini{align-items:center;background-image:none;border-style:dashed;display:flex;justify-content:center}.gthumb.plain .mini span{color:var(--muted);font-size:9.5px;line-height:1.5;text-align:center}.gbody{display:flex;flex-direction:column;gap:5px;padding:8px 11px 10px}.gbody .gid{color:var(--muted);font-size:10.5px;font-variant-numeric:tabular-nums}.gbody .gtt{font-size:12.5px;font-weight:600;line-height:1.45}.gfoot{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:11px;gap:9px}.review-wrap{border-top:1px solid var(--line);display:flex;min-height:560px}.canvas-zone{align-items:center;background:var(--canvas);display:flex;flex:1;justify-content:center;min-width:0;padding:24px;position:relative}.chirashi{aspect-ratio:718/1024;background-color:var(--panel);background-image:url(./chirashi.DWJgXXO4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--line);box-shadow:0 2px 10px #0000001a;cursor:crosshair;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:360px}.rect-note{border:2px dashed;border-radius:3px}.rect-note,.shape-svg{pointer-events:none;position:absolute;z-index:2}.shape-svg{height:100%;inset:0;overflow:visible;width:100%}.chirashi.small{cursor:default;width:270px}.ph{background:var(--canvas);border-radius:2px;position:relative}.ph.title{height:44px}.ph.img{flex:1}.ph.row{height:26px}.ph.half{height:60px;width:48%}.ph-row{display:flex;gap:4%}.ph-label{color:var(--muted);inset:0;pointer-events:none}.ph-label,.pin{align-items:center;display:flex;font-size:10px;justify-content:center;position:absolute}.pin{border-radius:9px;box-shadow:0 1px 3px #00000040;color:#fff;cursor:pointer;font-family:ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;font-weight:700;height:17px;min-width:22px;padding:0 5px;transform:translate(-50%,-50%)}.pin.sel{outline:3px solid var(--ink);outline-offset:1px}.taskpanel{background:var(--panel);border-left:1px solid var(--line);display:flex;flex:none;flex-direction:column;min-width:0;width:340px}.tp-head{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 14px}.tp-progress{color:var(--muted);font-size:11.5px}.tp-progress b{color:var(--st-done)}.tp-body{display:flex;flex:1;flex-direction:column;gap:8px;overflow-y:auto;padding:10px}.task{border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;gap:7px;padding:10px 12px}.task .t-top{align-items:center;display:flex;gap:8px}.task .t-pin{align-items:center;border-radius:50%;color:#fff;display:inline-flex;flex:none;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:700;height:18px;justify-content:center;width:18px}.task .t-title{flex:1;font-weight:600;min-width:0}.task .t-meta{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:11px;gap:10px}.task.sel{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.t-actions{flex-wrap:wrap}.t-actions,.thread{display:flex;gap:6px}.thread{border-top:1px dashed var(--line);flex-direction:column;font-size:12px;padding-top:8px}.msg{display:flex;gap:7px}.msg .who{flex:none;font-weight:700}.popup{background:var(--panel);border:1px solid var(--ink);border-radius:8px;box-shadow:0 6px 24px #00000038;cursor:default;display:flex;flex-direction:column;font-size:12px;gap:8px;padding:12px;position:absolute;width:250px;z-index:10}.popup .p-title{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em}.popup .field{display:flex;flex-direction:column;gap:3px}.popup .field label{color:var(--muted);font-size:10.5px}.popup .inp{background:var(--paper);border:1px solid var(--line);border-radius:5px;color:var(--ink);font:inherit;padding:5px 8px;width:100%}.popup textarea.inp{height:48px;resize:none}.popup .row2{display:flex;gap:6px}.popup .row2 .field{flex:1}.approve-bar{background:var(--paper);border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:12px 18px}.approve-bar,.pr-row{align-items:center;display:flex}.pr-row{border-bottom:1px solid var(--line-soft);gap:12px;padding:12px 16px}.pr-row:last-child{border-bottom:none}.pr-row .body{flex:1;min-width:0}.pr-row .tt{font-weight:700}.pr-row .meta{color:var(--muted);font-size:11.5px}.cl-item{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:10px;padding:8px 4px}.cl-item:last-child{border-bottom:none}.cbox{align-items:center;border:1.5px solid var(--muted);border-radius:3px;color:#fff;display:inline-flex;flex:none;font-size:10px;height:15px;justify-content:center;width:15px}.cbox.done{background:var(--st-done);border-color:var(--st-done)}.cbox.ng{background:var(--st-open);border-color:var(--st-open)}.compare{background:var(--canvas);border-radius:6px;display:flex;flex-wrap:wrap;gap:0;justify-content:center;padding:20px}.cmp-col{flex-direction:column;padding:0 16px}.cmp-col,.cmp-col .cap{align-items:center;display:flex;gap:8px}.cmp-col .cap{font-weight:700}.cmp-col .cap .mono{color:var(--muted);font-size:11px;font-weight:400}.cmp-divider{background:var(--line);width:1px}.c-head{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px}.c-head h3{font-size:15px;margin:0}.why{border-bottom:1px solid var(--line-soft);display:flex;flex-direction:column;gap:6px;padding:12px 18px}.why .wrow{display:flex;gap:10px}.why .wlbl{color:var(--muted);flex:none;font-size:11px;padding-top:2px;width:130px}.pcards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:16px 18px}.pcard{background:var(--panel);border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.pcard .pthumb{align-items:center;background:var(--canvas);border-bottom:1px solid var(--line-soft);display:flex;height:116px;justify-content:center;position:relative}.pcard .pbody{display:flex;flex-direction:column;gap:6px;padding:9px 11px 11px}.pcard .pname{font-size:12.5px;font-weight:700}.pcard .pnote{color:var(--muted);font-size:11.5px;line-height:1.5}.pcard .pacts{display:flex;flex-wrap:wrap;gap:6px}.pcard.adopted{border-color:var(--st-done);box-shadow:0 0 0 1px var(--st-done)}.pcard .badge-adopt{background:var(--st-done);border-radius:10px;color:#fff;font-size:10.5px;font-weight:700;padding:1px 8px;position:absolute;right:8px;top:8px}.pcard.passed{opacity:.55}.dlog{padding:4px 18px 16px}.dlog .d-item{border-bottom:1px solid var(--line-soft);display:flex;font-size:12px;gap:10px;padding:7px 0}.dlog .d-item:last-child{border-bottom:none}.dlog .d-time{color:var(--muted);flex:none;font-size:11px;font-variant-numeric:tabular-nums;width:84px}.dlog .d-dot{background:var(--muted);border-radius:50%;flex:none;height:8px;margin-top:5px;width:8px}.dlog .d-dot.decide{background:var(--st-done)}.guide{margin:0 auto;max-width:720px;padding:12px 0 48px}.gstep{border-bottom:1px solid var(--line-soft);display:flex;gap:16px;padding:18px 0}.gstep:last-of-type{border-bottom:none}.gnum{align-items:center;background:var(--ink);border-radius:50%;color:var(--paper);display:flex;flex:none;font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;height:30px;justify-content:center;width:30px}.gstep .body{flex:1;min-width:0}.gstep h3{font-size:14px;margin:2px 0 4px}.gstep p{color:var(--muted);margin:0 0 8px}@media(max-width:860px){.review-wrap{flex-direction:column}.taskpanel{border-left:none;border-top:1px solid var(--line);width:100%}}