:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#192e2b;background:#f6f8f7;font-synthesis:none;--green:#146b60;--line:#dce5e1;--muted:#63736e}
*{box-sizing:border-box}body{margin:0}button,input,.button{font:inherit}button,.button{min-height:46px;border:1px solid var(--line);border-radius:10px;padding:10px 15px;background:#fff;color:#263d37;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;touch-action:manipulation}button:hover,.button:hover{background:#edf4f1}button:disabled{opacity:.42;cursor:default}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#0d574d}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e3aa39;outline-offset:3px}.topbar{min-height:88px;display:flex;align-items:center;gap:24px;padding:16px 28px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;gap:12px;align-items:center}.brand-mark{font-size:42px;color:var(--green)}h1{font-size:22px;margin:0}h2{font-size:24px;line-height:1.45;margin:8px 0}h3{font-size:18px;line-height:1.5;margin:8px 0}p{line-height:1.65}.brand p{margin:3px 0 0;font-size:13px;color:var(--muted)}.version{margin-left:6px}.session{display:flex;flex-direction:column;gap:4px;margin-left:auto;font-size:14px;color:var(--muted);text-align:right}#elapsed{font-variant-numeric:tabular-nums;font-size:17px;color:#263d37}.top-actions{display:flex;gap:8px}main{max-width:1700px;margin:auto;padding:22px 28px 10px}.question{margin-bottom:20px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--green)}.question p{margin:5px 0;color:var(--muted);font-size:15px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:20px;align-items:start}.board-panel{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #243f3005}.toolbar{padding:12px 16px;display:flex;gap:8px;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1ee}.segmented{display:flex;border-radius:12px;background:#eff3f1;padding:4px;gap:4px}.segmented button{border-color:transparent;background:transparent}.segmented button.active{background:#fff;box-shadow:0 1px 4px #183f2312;color:var(--green)}.history{display:flex;gap:6px}.history button{border:none;font-size:14px;padding:10px}.hint{background:#eff7f3;padding:10px 16px;margin:0;font-size:14px;min-height:43px;color:#37574b}.canvas-wrap{width:100%;background:#fff}#board{display:block;width:100%;height:min(620px,calc(100dvh - 310px));min-height:300px;touch-action:none;user-select:none;-webkit-user-select:none}#board .node{cursor:grab}#board .node:active{cursor:grabbing}#board .node rect{fill:#fff;stroke:#889c94;stroke-width:1.8}#board .node.selected rect{stroke:var(--green);stroke-width:3;fill:#edf7f2}#board .node text{font-size:26px;fill:#192e2b;pointer-events:none;font-weight:500}#board .edge-hit{stroke:transparent;stroke-width:28;fill:none;cursor:pointer}#board .edge-label{cursor:grab}#board .edge-label text{pointer-events:none;font-size:20px;fill:#243d35}#board .edge-label .condition-text{font-size:16px;fill:#5a6b63}.board-footer{padding:12px 16px;border-top:1px solid #edf1ee;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.side-card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.edge-description{font-size:14px;color:var(--muted);min-height:46px;margin:6px 0 14px}.relation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.relation-grid button{font-size:19px;min-height:50px;font-weight:500}.relation-grid button.selected{border-color:var(--green);background:#e7f3ed;color:#0c5c50}.side-card label{display:block;margin:20px 0 8px;font-size:14px;font-weight:600}.side-card label span{font-weight:400;color:var(--muted)}input:not([type=radio]){width:100%;min-height:48px;border:1px solid #ccd8d1;border-radius:9px;background:#fff;padding:12px;color:#1b3027;font-size:16px}input:disabled{background:#f6f8f7}.edge-actions{display:flex;gap:6px;margin-top:12px}.edge-actions button{font-size:13px;flex:1;padding:10px 4px}.danger{color:#a54234}.small{font-size:12px;color:var(--muted);line-height:1.8;margin:16px 0 0}.guide{padding:12px 16px;color:var(--muted);font-size:13px}.guide h3{color:#3e554c;font-size:15px}.guide ol{padding-left:20px;line-height:2}.guide p{margin-bottom:0}footer{font-size:12px;color:var(--muted);text-align:center;padding:18px 0;line-height:1.8}dialog{border:1px solid var(--line);border-radius:20px;padding:28px;width:min(540px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:0 20px 90px #092f2829;color:#192e2b}dialog::backdrop{background:#102d2759;backdrop-filter:blur(4px)}dialog p{color:var(--muted)}dialog label:not(.radio-card){display:block;margin:20px 0 8px;font-weight:600}fieldset{border:0;padding:0;margin:20px 0}legend{font-weight:600;margin-bottom:10px}.radio-card{display:inline-flex;align-items:center;gap:10px;min-height:52px;border:1px solid var(--line);border-radius:10px;padding:12px 22px;margin-right:8px}.radio-card input{accent-color:var(--green);width:20px;height:20px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reading-dialog{width:min(760px,calc(100% - 32px))}.reading-dialog article{font-size:19px;line-height:1.9}.reading-dialog article p{color:#263e35}.result-dialog{width:min(1200px,calc(100% - 24px))}#resultImage{width:100%;height:auto;max-height:calc(90dvh - 270px);min-height:180px;object-fit:contain;border:1px solid var(--line);display:block}.warning{background:#fff4df;border-radius:8px;padding:12px;color:#825a15}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#233c34;color:white;padding:14px 22px;border-radius:12px;box-shadow:0 4px 20px #0002;z-index:50;max-width:90vw;text-align:center}.toast[hidden]{display:none}
@media(max-width:1100px){.topbar{padding:14px 18px;gap:14px}.top-actions button{padding:10px 12px}main{padding:18px}.workspace{grid-template-columns:minmax(0,1fr) 210px;gap:12px}.side-card{padding:16px}.toolbar{padding:8px}.toolbar button{padding:10px 9px}.board-footer{font-size:11px}.guide{padding:8px}.session{font-size:12px}.question h2{font-size:22px}}
@media(max-width:950px){.topbar{flex-wrap:wrap;gap:10px}.top-actions{width:100%;justify-content:flex-end}.session{margin-left:auto}.workspace{grid-template-columns:1fr}.workspace aside{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px}.relation-grid{grid-template-columns:repeat(6,1fr)}.relation-grid button{font-size:17px;padding:8px}.guide{padding:12px}.edge-description{min-height:0}.side-card label{margin-top:12px}h1{font-size:20px}.question h2{font-size:20px}}
@media(max-width:550px){main{padding:12px}.workspace aside{display:block}.guide{display:none}.toolbar{flex-wrap:wrap}.toolbar button{font-size:13px}.relation-grid{grid-template-columns:repeat(3,1fr)}.board-footer span:last-child{display:none}.top-actions button{font-size:13px;flex:1;padding:10px 6px}.question h2{font-size:18px}.hint{font-size:12px}.radio-card{padding:10px 16px}dialog{padding:20px}.dialog-actions button,.dialog-actions a{flex:1}.brand-mark{font-size:32px}}
@media print{body>*,main{display:none}#resultDialog{display:block;position:static;border:none;max-height:none;width:100%;padding:0}#resultDialog>*:not(img){display:none}}

@media(min-width:951px){.workspace aside{max-height:calc(100dvh - 230px);overflow-y:auto;padding-bottom:12px}}
@media(min-width:951px){.topbar{min-height:72px;padding:10px 22px}main{padding:14px 22px 8px}.question{margin-bottom:12px}.question h2{font-size:21px;margin:5px 0}.question p{font-size:14px;margin:3px 0}.toolbar{padding:8px 12px}.hint{padding:8px 14px;min-height:38px}#board{height:min(620px,calc(100dvh - 330px))}}
.collaboration-bar{display:flex;align-items:center;gap:12px;padding:10px 24px;background:#e8f4ed;flex-wrap:wrap;font-size:14px;border-bottom:1px solid #c7ded5}.collaboration-bar[hidden],#roomOptions[hidden]{display:none}.collaboration-bar button{min-height:40px;padding:6px 12px}#connectionStatus{font-weight:700}#roomInfo{flex:1;user-select:text}#roomOptions{padding:12px;background:#f0f5f3;border-radius:12px;margin:12px 0}#roomCode{text-transform:uppercase;letter-spacing:2px}.node.remote-locked rect{fill:#fff1cf;stroke:#b27812;stroke-dasharray:6 4}.node.remote-locked{cursor:wait}#startDialog{max-height:90dvh;overflow:auto}#startError{white-space:normal}
[hidden]{display:none!important}#board .node.remote-locked rect{fill:#fff1cf;stroke:#b27812;stroke-dasharray:6 4}
@media(min-width:951px){body.collaborating #board{height:min(620px,calc(100dvh - 390px))}body.collaborating .workspace aside{max-height:calc(100dvh - 290px)}}