*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:20px;font-size:calc(clamp(28px,3vw,40px));line-height:1.3}h1,h2{font-weight:650}h2{margin-bottom:14px;font-size:19px}h3{font-size:18px;font-weight:600;line-height:1.5}p{margin-bottom:16px}.eyebrow,.muted,.nav-link,small{color:var(--muted)}.eyebrow{letter-spacing:.1em;font-size:12px}.app-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:20px;height:100vh;padding:36px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;font-size:21px;font-weight:650;display:flex}.brand-mark{flex:0 0 38px;width:38px;height:38px;overflow:visible}.wheat-stem{fill:none;stroke-width:2px}.wheat-grain,.wheat-stem{stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round}.wheat-grain{fill:var(--accent);stroke-width:.65px}nav{flex-direction:column;gap:10px;margin-top:24px;display:flex}.nav-link{border-radius:var(--smallRadius);align-items:center;gap:16px;padding:12px 16px;display:flex}.nav-link>span{font-size:11px}.nav-link.router-link-exact-active{background:var(--soft);color:var(--text);font-weight:600}.nav-link:hover{background:var(--soft)}.preferences{gap:16px;margin-top:auto;padding-top:32px;display:grid}.setting{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.preferences small{font-size:11px}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:12px;padding:22px 40px;font-size:12px;display:flex}.status-dot:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}main{max-width:1250px;margin:auto;padding:44px 48px}.page-heading{padding:12px 0 30px}.page-heading .eyebrow{margin-bottom:18px}.intro{max-width:680px;color:var(--muted);font-size:16px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-bottom:16px;display:flex}.section-heading .muted{font-size:12px}.board-grid,.scene-grid,.states-grid{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.panel,.scene-card,.state-message{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.scene-card{transition:border-color var(--motion);padding:28px}.scene-card:hover{border-color:var(--accent)}.scene-top{align-items:center;gap:14px;margin-bottom:26px;display:flex}.scene-symbol{background:var(--soft);width:44px;height:44px;color:var(--accent);border-radius:var(--smallRadius);place-items:center;font-size:20px;display:grid}.scene-number{color:var(--muted);margin-left:auto;font-size:12px}.scene-card p{color:var(--muted);min-height:52px}.scene-card .n-button{margin-top:12px}.scene-card .n-button span[aria-hidden]{margin-left:20px}.detail-modal{width:calc(min(560px,100vw - 32px))!important}.detail-steps{padding-left:24px}.detail-steps li{padding:8px 0}.panel{padding:28px}.panel+.panel{margin-top:0}.states-grid{margin-bottom:var(--gap)}.states-grid~.panel{margin-top:var(--gap)}.board-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.current-task,.path-list li.current,blockquote{background:var(--soft)}.task-title{margin-top:24px;font-size:24px}details{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}summary{cursor:pointer;color:var(--accent);padding:4px 0}details p{margin-top:12px}.next-step{color:var(--muted);margin-top:28px;font-size:13px}.path-list{margin:20px 0 0;padding:0;list-style:none}.path-list li{border-radius:var(--smallRadius);align-items:center;gap:16px;padding:16px 8px;display:flex}.path-number{border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.path-list small{font-size:11px;display:block}blockquote{border-left:2px solid var(--accent);margin:16px 0;padding:12px 16px}.state-message{align-items:flex-start;gap:16px;padding:24px;display:flex}.state-message h3{margin-bottom:6px;font-size:16px}.state-message p{color:var(--muted);margin:0;font-size:13px}.state-symbol{color:var(--accent);min-width:26px;font-size:22px}[data-state=error] .state-symbol,[data-state=failed] .state-symbol{color:var(--error)}.button-row{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}footer{color:var(--muted);max-width:1250px;margin:auto;padding:12px 48px 32px;font-size:12px}.skip-link{z-index:9999;background:var(--surface);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.error-page{max-width:720px;padding:15vh 24px}.error-page a{color:var(--accent);text-decoration:underline}.form-grid,.placeholder-note,.stack{gap:12px;display:grid}.placeholder-note{border:1px dashed var(--border);background:var(--soft);border-radius:var(--smallRadius);color:var(--muted);padding:12px 16px;font-size:13px}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--border);border-radius:var(--smallRadius);background:var(--bg);width:100%;color:var(--text);padding:10px 12px}.module-canvas{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:8px;display:grid}.module-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;padding:12px}.module-card header{justify-content:space-between;align-items:center;gap:8px;display:flex}.handle{cursor:grab;color:var(--accent);background:0 0;border:0;padding:4px}.button-row .n-button,.inline-actions{margin-right:8px}.task-row{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.task-row small{display:block}[data-reduced-motion=true] *{transition:none!important;animation:none!important}.done-pop{animation:done-pop var(--motion) ease}@keyframes done-pop{0%{transform:scale(.98)}to{transform:none}}@media (width<=1050px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:28px 16px}main{padding:32px 24px}.topbar{padding:20px 24px}.panel,.scene-card{padding:22px}.board-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);gap:12px;height:auto;padding:18px 20px;position:static}.sidebar>.eyebrow{display:none}nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:4px;display:grid}.nav-link{gap:10px;padding:10px 12px}.preferences{flex-wrap:wrap;gap:12px 24px;margin-top:0;padding-top:8px;display:flex}.preferences small,.topbar .status-dot{display:none}.setting{gap:10px}.topbar{padding:12px 20px}main{padding:28px 20px}.module-canvas{flex-direction:column;display:flex}.module-card{grid-area:auto!important}.page-heading{padding:4px 0 20px}.scene-grid,.states-grid{grid-template-columns:1fr;gap:16px}.scene-card p{min-height:auto}.scene-top{margin-bottom:18px}.task-row{flex-direction:column}footer{padding:8px 20px 28px}.task-title{font-size:22px}.button-row .n-button{max-width:100%}.state-message{padding:20px}small{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-reduced-motion=true] *,html[data-reduced-motion=true] :after,html[data-reduced-motion=true] :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}