:root{--cork:#6b4a35;--cork-dark:#4a3225;--cork-speck:#0000001a;--card:#f2ead6;--card-edge:#c9b78e;--paper:#efe6cf;--ink:#241f1a;--ink-soft:#5a4f42;--string-red:#a8272c;--string-muted:#8a7960;--pin-gold:#c9a227;--role-victim:#7a2e2e;--role-suspect:#8a6d1f;--role-detective:#2c3e5c;--role-witness:#3f6b4a;--role-other:#5c5449;--focus:#c9a227;--danger:#a8272c}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);background:var(--cork-dark);-webkit-font-smoothing:antialiased;margin:0;font-family:Zen Kaku Gothic New,sans-serif}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app-root{flex-direction:column;height:100vh;min-height:560px;display:flex;overflow:hidden}.app-loading{color:#f2ead6;justify-content:center;align-items:center;height:100vh;font-family:Shippori Mincho,serif;display:flex}.app-header{background:linear-gradient(180deg, var(--cork-dark), #3c2a1f);border-bottom:3px solid var(--pin-gold);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.app-title{color:#f2ead6;letter-spacing:.04em;margin:0;font-family:Shippori Mincho,serif;font-size:20px;font-weight:800}.app-subtitle{color:#cbb99a;margin:2px 0 0;font-size:12px}.app-header-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.app-stats{color:#e8dcc0;align-items:center;gap:6px;font-size:12px;display:flex}.app-stats-sep{color:#8a7960}.app-help-link{color:var(--pin-gold);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.app-help-link:hover{color:#e2c04a}.app-body{flex:1;min-height:0;display:flex}.app-sidebar{background:repeating-linear-gradient(var(--paper), var(--paper) 27px, #e3d7b8 28px), var(--paper);border-right:3px solid var(--cork-dark);flex:none;width:330px;padding:14px 16px 40px;overflow-y:auto}@media (width<=820px){.app-body{flex-direction:column}.app-sidebar{border-right:none;border-bottom:3px solid var(--cork-dark);width:100%;max-height:42vh}}.board-wrap{background-color:var(--cork);background-image:radial-gradient(var(--cork-speck) 1px, transparent 1.3px), radial-gradient(var(--cork-speck) 1px, transparent 1.3px);background-position:0 0,7px 11px;background-size:14px 14px,22px 22px;flex:1;min-width:0;position:relative}.board-wrap:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #00000059}.board-svg{width:100%;height:100%;display:block}.board-empty{text-align:center;color:#e8dcc0;pointer-events:none;text-shadow:0 1px 3px #00000080;justify-content:center;align-items:center;font-family:Shippori Mincho,serif;font-size:15px;line-height:2;display:flex;position:absolute;inset:0}.board-node{cursor:grab}.board-node:active{cursor:grabbing}.board-node .board-card-rect{fill:var(--card);stroke:var(--card-edge);stroke-width:1.5px;filter:drop-shadow(2px 4px 3px #00000073)}.board-node.dim{opacity:.32}.board-node text{pointer-events:none;-webkit-user-select:none;user-select:none}.board-node:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.board-name{fill:var(--ink);font-family:Shippori Mincho,serif;font-size:13px;font-weight:700}.board-role{fill:#fff;font-size:9.5px;font-weight:700}.board-pin-shine{fill:#fff;opacity:.65}.board-link{fill:none;stroke-width:2px;transition:opacity .15s}.board-link.revealed{stroke:var(--string-red)}.board-link.hidden{stroke:var(--string-muted);stroke-dasharray:5 5}.board-link.dim{opacity:.18}.board-link-hit{fill:none;stroke:#0000;stroke-width:14px;cursor:pointer}.board-link-label-bg{fill:#f2ead6f0;stroke:var(--card-edge);stroke-width:1px}.board-link-label{fill:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10.5px;font-weight:700}.board-legend{border:1px solid var(--card-edge);color:var(--ink);background:#f2ead6f0;border-radius:5px;padding:8px 10px;font-size:11px;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 6px #0000004d}.board-legend-row{align-items:center;gap:6px;margin:3px 0;display:flex}.board-legend-dot{border-radius:50%;flex:none;width:10px;height:10px}.board-legend-line{border-top:2px solid var(--string-red);flex:none;width:22px;height:0}.board-legend-line.dashed{border-top:2px dashed var(--string-muted)}@media (prefers-reduced-motion:reduce){.board-link{transition:none}}.toolbar{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.toolbar-btns{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.toolbar-btn{border:1px solid var(--card-edge);background:var(--card);color:var(--ink);cursor:pointer;border-radius:5px;padding:5px 11px;font-size:12px;transition:filter .12s}.toolbar-btn:hover:not(:disabled){filter:brightness(1.05)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.primary{background:var(--pin-gold);border-color:var(--pin-gold);font-weight:700}.toolbar-btn.danger{color:var(--danger);border-color:var(--danger);background:#f2ead6}.toolbar-sep{background:#f2ead659;width:1px;height:18px}.toolbar-file{display:none}.toolbar-confirm{color:#f2ead6;border:1px solid var(--pin-gold);background:#00000040;border-radius:5px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:460px;padding:6px 10px;font-size:12px;display:flex}.toolbar-msg{border-radius:4px;padding:3px 9px;font-size:12px}.toolbar-msg.ok{color:#dff0d8}.toolbar-msg.error{color:#ffd7d7;background:#a8272c66}.lp-root{background-color:var(--cork);background-image:radial-gradient(var(--cork-speck) 1px, transparent 1.3px), radial-gradient(var(--cork-speck) 1px, transparent 1.3px);color:#f2ead6;background-position:0 0,7px 11px;background-size:14px 14px,22px 22px;height:100vh;overflow-y:auto}.lp-back{max-width:1040px;margin:0 auto;padding:14px 20px 0}.lp-back-btn{color:#e8dcc0;cursor:pointer;background:0 0;border:1px solid #f2ead666;border-radius:999px;padding:6px 12px;font-size:13px;transition:background .15s,border-color .15s}.lp-back-btn:hover{border-color:var(--pin-gold);background:#f2ead61a}.lp-hero{text-align:center;max-width:820px;margin:0 auto;padding:64px 24px 40px}.lp-eyebrow{letter-spacing:.34em;text-indent:.34em;color:var(--pin-gold);margin:0 0 14px;font-size:13px;font-weight:700}.lp-title{letter-spacing:.02em;color:#f6efdc;text-shadow:0 3px #00000040,0 10px 30px #0006;margin:0;font-family:Shippori Mincho,serif;font-size:clamp(52px,11vw,96px);font-weight:800;line-height:1}.lp-title:after{content:"";background:var(--string-red);border-radius:2px;width:132px;height:3px;margin:22px auto 0;display:block;box-shadow:0 0 0 3px #a8272c40}.lp-lead{color:#e6dbbe;max-width:560px;margin:24px auto 0;font-size:16px;line-height:1.95}.lp-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}.lp-cta-bottom{margin:8px auto 48px}.lp-btn{cursor:pointer;border-radius:8px;padding:13px 30px;font-family:Shippori Mincho,serif;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s}.lp-btn:hover{transform:translateY(-2px)}.lp-btn:active{transform:translateY(0)}.lp-btn-primary{background:var(--string-red);color:#fdf4e3;border:1px solid #7f1d22;box-shadow:0 4px #7f1d22,0 8px 18px #0006}.lp-btn-primary:hover{background:#b62d33}.lp-btn-ghost{color:#f2ead6;background:#f2ead614;border:1px solid #f2ead673}.lp-btn-ghost:hover{border-color:var(--pin-gold);background:#f2ead629}.lp-demo-section,.lp-steps-section,.lp-features-section{max-width:1040px;margin:0 auto;padding:26px 20px}.lp-section-head{text-align:center;margin-bottom:18px}.lp-h2{color:#f4edd8;margin:0;font-family:Shippori Mincho,serif;font-size:22px;font-weight:700}.lp-h2-center{text-align:center;margin-bottom:26px}.lp-note{color:#d8cba9;margin:8px 0 0;font-size:13px}.lp-demo{border:10px solid #3c2a1f;border-radius:10px;height:460px;display:flex;overflow:hidden;box-shadow:0 14px 40px #00000080,inset 0 0 0 1px #0000004d}.lp-steps{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.lp-step{background:var(--paper);color:var(--ink);border:1px solid var(--card-edge);border-radius:6px;padding:30px 20px 22px;position:relative;box-shadow:0 6px 16px #00000059}.lp-step:before{content:"";background:radial-gradient(circle at 40% 35%, #f0d36a, var(--pin-gold) 55%, #8a6d1f);border-radius:50%;width:14px;height:14px;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000073}.lp-step-n{background:var(--string-red);color:#fdf4e3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-family:Shippori Mincho,serif;font-size:16px;font-weight:800;display:inline-flex}.lp-step-title{color:var(--ink);margin:12px 0 8px;font-family:Shippori Mincho,serif;font-size:17px}.lp-step-body{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.85}.lp-features{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lp-feature{color:#f0e6cc;background:#f2ead61a;border:1px solid #f2ead64d;border-radius:999px;padding:8px 16px 8px 30px;font-size:13.5px;position:relative}.lp-feature:before{content:"";background:var(--string-red);border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:13px}.lp-foot{text-align:center;max-width:1040px;margin:0 auto;padding:10px 20px 48px}.lp-foot-note{color:#c3b189;margin:0;font-size:12px}.lp-credit{letter-spacing:.08em;color:#9c8a67;margin:10px 0 0;font-family:Shippori Mincho,serif;font-size:12px}@media (width<=760px){.lp-hero{padding-top:44px}.lp-steps{grid-template-columns:1fr}.lp-demo{height:380px}}@media (prefers-reduced-motion:reduce){.lp-btn:hover{transform:none}}.sidebar-hint{color:var(--ink-soft);border:1px dashed var(--card-edge);background:#fff6;border-radius:4px;margin:0 0 14px;padding:8px 10px;font-size:11.5px;line-height:1.6}.sidebar-section-title{border-bottom:2px solid var(--ink);margin:18px 0 8px;padding-bottom:4px;font-family:Shippori Mincho,serif;font-size:14.5px;font-weight:700}.sidebar-section-title:first-of-type{margin-top:0}.form-field{margin-bottom:9px}.form-field label{color:var(--ink-soft);margin-bottom:3px;font-size:11px;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--card-edge);width:100%;color:var(--ink);background:#fffdf7;border-radius:3px;padding:7px 8px;font-size:13px}.form-textarea{resize:vertical;min-height:40px}.form-row2{gap:8px;display:flex}.form-row2>*{flex:1;min-width:0}.form-check{color:var(--ink-soft);align-items:center;gap:6px;margin:6px 0 10px;font-size:12px;display:flex}.form-check input{width:15px;height:15px}.form-note{color:var(--danger);margin:4px 0;font-size:11.5px}.form-actions{gap:8px;margin-top:4px;display:flex}.form-submit{background:var(--ink);color:#f2ead6;cursor:pointer;border:none;border-radius:3px;flex:1;padding:9px 10px;font-size:13px;font-weight:700}.form-submit:hover{background:#3a332c}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-cancel{border:1.5px solid var(--ink-soft);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:3px;padding:9px 12px;font-size:12.5px}.sidebar-list{flex-direction:column;gap:6px;display:flex}.sidebar-empty{color:var(--ink-soft);margin:0;padding:6px 2px;font-size:12px;font-style:italic}.sidebar-item{border:1px solid var(--card-edge);background:#fffdf7;border-radius:4px;padding:7px 9px;font-size:12px}.sidebar-item-top{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.sidebar-item-name{font-size:12.5px;font-weight:700}.sidebar-badge{color:#fff;vertical-align:1px;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.sidebar-item-sub{color:var(--ink-soft);margin-top:2px;font-size:11px;line-height:1.5}.sidebar-item-btns{flex:none;gap:4px;display:flex}.sidebar-icon-btn{border:1px solid var(--card-edge);cursor:pointer;color:var(--ink-soft);background:#fff;border-radius:3px;padding:2px 6px;font-size:11px}.sidebar-icon-btn:hover{background:#f0e9d4}.sidebar-icon-btn.danger{color:var(--danger);border-color:var(--danger)}.sidebar-icon-btn.danger:hover{background:var(--danger);color:#fff}