:root{--primary:#2563eb;--primary-hover:#1d4ed8;--surface:#fff;--bg:#f1f5f9;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--danger:#dc2626;--radius:8px;color:var(--text);font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--primary);text-decoration:none}h1,h2,h3{font-weight:600}button,.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;padding:6px 14px;font-size:13px}button:hover{background:#f8fafc}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover{background:var(--primary-hover)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:7px 10px;font-family:inherit;font-size:13px}textarea.code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.layout{min-height:100vh;display:flex}.sidebar{color:#cbd5e1;background:#0f172a;flex-shrink:0;width:210px;padding:16px 10px}.sidebar .brand{color:#fff;padding:0 8px 14px;font-size:18px;font-weight:700}.sidebar a{color:#cbd5e1;border-radius:6px;margin-bottom:2px;padding:8px 10px;display:block}.sidebar a:hover{background:#1e293b}.sidebar a.active{background:var(--primary);color:#fff}.sidebar .section{color:#64748b;text-transform:uppercase;padding:14px 10px 4px;font-size:11px}.main{flex:1;min-width:0;padding:20px 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:16px}table.grid{border-collapse:collapse;background:var(--surface);width:100%}table.grid th{text-align:left;color:var(--muted);border-bottom:2px solid var(--border);padding:8px 12px;font-size:12px}table.grid td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 12px}table.grid tr.clickable{cursor:pointer}table.grid tr.clickable:hover td{background:#f8fafc}.badge{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11px;display:inline-block}.badge.draft{color:#475569;background:#e2e8f0}.badge.review{color:#92400e;background:#fef3c7}.badge.agreed{color:#166534;background:#dcfce7}.badge.change_proposed{color:#b91c1c;background:#fee2e2}.badge.in_dev{color:#1e40af;background:#dbeafe}.badge.done{color:#065f46;background:#d1fae5}.badge.open{color:#b91c1c;background:#fee2e2}.badge.in_progress{color:#92400e;background:#fef3c7}.badge.resolved,.badge.answered{color:#166534;background:#dcfce7}.badge.ai{color:#5b21b6;background:#ede9fe}.workspace{gap:14px;height:calc(100vh - 90px);display:flex}.ws-tree{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;width:240px;padding:10px;overflow-y:auto}.ws-tree .app-name{color:var(--muted);padding:8px 6px 4px;font-size:12px;font-weight:600}.ws-tree .screen-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex}.ws-tree .screen-item:hover{background:#f1f5f9}.ws-tree .screen-item.selected{background:var(--primary);color:#fff}.ws-center{flex-direction:column;flex:1;min-width:0;display:flex}.ws-tabs{gap:4px;margin-bottom:10px;display:flex}.ws-tabs button{border-radius:var(--radius) var(--radius) 0 0;border-bottom:none}.ws-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.ws-content{background:var(--surface);border:1px solid var(--border);border-radius:0 var(--radius) var(--radius) var(--radius);flex:1;padding:16px;overflow-y:auto}.ws-rail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;width:290px;padding:12px;overflow-y:auto}.comment{border-bottom:1px solid var(--border);padding:8px 0}.comment .meta{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.mock-frame{border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:100%;height:480px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:10px;display:flex}.muted{color:var(--muted);font-size:12px}pre.codeblock{color:#e2e8f0;border-radius:var(--radius);background:#0f172a;padding:12px;font-size:12px;overflow-x:auto}.error-banner{color:#b91c1c;border-radius:var(--radius);background:#fee2e2;margin-bottom:12px;padding:10px 14px}.matrix-check{text-align:center}