:root{color-scheme:light;--chalk: #fff8d8;--ink: #18210f;--board: #103f2e;--board-dark: #08271e;--desk: #b77133;--paper: #fff8de;--paper-strong: #ffeaa3;--mint: #8be5d5;--blue: #41bdd8;--yellow: #ffd84e;--orange: #ff9c41;--red: #e85c47;--green: #62d56d}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 10% 14%,rgba(255,216,78,.26),transparent 22rem),radial-gradient(circle at 90% 7%,rgba(65,189,216,.24),transparent 26rem),linear-gradient(145deg,#f6dd9a,#c98443 44%,#7c4b27);color:var(--chalk);font-family:Songti SC,"Noto Serif CJK SC",STSong,serif}button{font:inherit}.page{min-height:100vh;padding:clamp(12px,2.2vw,28px)}.hero-strip{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(12px,2vw,24px);align-items:center;width:min(1420px,100%);margin:0 auto clamp(12px,2vw,22px)}.title-mark{width:clamp(74px,9vw,116px);aspect-ratio:1;display:grid;place-items:center;border:4px solid #11180b;border-radius:28% 72% 43% 57%/51% 38% 62% 49%;background:var(--paper-strong);box-shadow:8px 9px #18210f42;color:var(--ink);font-family:Kaiti SC,STKaiti,cursive;font-size:clamp(15px,1.5vw,22px);font-weight:900;text-align:center;transform:rotate(-7deg)}.eyebrow{margin:0 0 4px;color:#3a2411;font-weight:900;letter-spacing:0}h1{margin:0;color:#0a2118;font-family:Kaiti SC,STKaiti,Xingkai SC,cursive;font-size:clamp(42px,7vw,98px);line-height:.92;letter-spacing:0;text-shadow:2px 0 var(--chalk),-2px 0 var(--chalk),0 2px var(--chalk),0 -2px var(--chalk),8px 10px rgba(0,0,0,.16)}.status-badge{min-width:clamp(122px,18vw,220px);padding:12px 16px;border:4px solid #0c1509;border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:7px 8px #18210f3d}.status-badge span,.status-badge strong{display:block}.status-badge span{color:#71451e;font-size:clamp(15px,1.5vw,18px);font-weight:900}.status-badge strong{margin-top:2px;font-size:clamp(22px,3vw,38px);line-height:1}.workspace{display:grid;grid-template-columns:minmax(174px,230px) minmax(0,1fr) minmax(240px,320px);gap:clamp(12px,2vw,22px);width:min(1420px,100%);margin:0 auto;align-items:stretch}.tool-shelf,.notebook{display:grid;gap:14px;align-content:start}.shelf-heading,.tool-card,.result-card,.direction-card,.conclusion,.history{border:4px solid #11180b;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:6px 7px #18210f40}.shelf-heading{padding:14px;background:#fff2b7}.shelf-heading span,.result-card span,.direction-card span,.conclusion span,.history-head span{display:block;color:#82532c;font-size:15px;font-weight:900}.shelf-heading b{display:block;margin-top:4px;font-size:22px;line-height:1.08}.tool-card{min-height:92px;display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center;padding:11px;cursor:grab;text-align:left;touch-action:none;transition:transform .16s ease,box-shadow .16s ease}.tool-card:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:9px 10px #18210f3d}.tool-card strong,.tool-card small{display:block}.tool-card strong{font-size:24px;line-height:1}.tool-card small{margin-top:6px;color:#6e4d2e;font-size:14px;font-weight:900}.tool-icon{width:62px;height:62px;display:block;position:relative;border:3px solid #11180b;border-radius:16px;background:#ffffef;overflow:hidden}.tool-battery .tool-icon:before{content:"";position:absolute;inset:8px 18px;border:4px solid #11180b;border-radius:9px;background:linear-gradient(#7be1e6 0 26%,#fff071 26% 78%,#1f1f1b 78%)}.tool-battery .tool-icon:after{content:"+";position:absolute;inset:14px 0 auto;color:#e86573;font-size:26px;font-weight:900;text-align:center}.tool-bulb .tool-icon:before{content:"";position:absolute;width:40px;height:40px;left:8px;top:6px;border:4px solid #11180b;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d6fbff 56%,#72d7eb)}.tool-bulb .tool-icon:after{content:"";position:absolute;width:27px;height:18px;left:15px;bottom:7px;border:4px solid #11180b;border-radius:6px;background:repeating-linear-gradient(90deg,#ddd 0 5px,#fff 5px 10px)}.tool-wire-a .tool-icon:before,.tool-wire-b .tool-icon:before{content:"";position:absolute;inset:21px 8px 10px;border-top:10px solid var(--wire-color, var(--yellow));border-radius:50%;filter:drop-shadow(0 4px 0 var(--wire-shadow, #8a5200))}.tool-wire-a{--wire-color: #40c9ff;--wire-shadow: #075a70}.tool-wire-b{--wire-color: #80e8ff;--wire-shadow: #0b7890}.lab-board{min-height:min(68vh,720px);height:clamp(560px,72vh,760px);position:relative;overflow:hidden;border:7px solid #11180b;border-radius:26px;background:linear-gradient(90deg,rgba(255,248,216,.07) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(rgba(255,248,216,.07) 1px,transparent 1px) 0 0 / 34px 34px,radial-gradient(circle at 50% 22%,rgba(255,248,216,.12),transparent 24rem),linear-gradient(160deg,var(--board) 0%,var(--board-dark) 100%);box-shadow:inset 0 0 0 3px #fff8d826,12px 14px #18210f42;touch-action:none}.lab-board.is-receiving{outline:5px dashed rgba(255,216,78,.9);outline-offset:-18px}.empty-note{position:absolute;left:50%;top:50%;width:min(420px,76%);padding:20px 24px;border:4px dashed rgba(255,248,216,.88);border-radius:20px;background:#0000002e;color:var(--chalk);text-align:center;transform:translate(-50%,-50%) rotate(-1deg)}.empty-note b,.empty-note span{display:block}.empty-note b{font-family:Kaiti SC,STKaiti,cursive;font-size:clamp(26px,3.2vw,42px)}.empty-note span{margin-top:8px;font-weight:900;line-height:1.45}.wire-layer{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none}.wire-shadow,.wire-core,.current-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.wire-shadow{stroke:#053e4ce0;stroke-width:16}.wire-core{stroke:#40c9ff;stroke-width:9;filter:drop-shadow(0 0 5px rgba(64,201,255,.72))}.wire-b .wire-shadow{stroke:#00414ad1}.wire-b .wire-core{stroke:#80e8ff;filter:drop-shadow(0 0 4px rgba(128,232,255,.7))}.current-path{stroke:#fff5a6;stroke-width:8;stroke-dasharray:12 18;filter:drop-shadow(0 0 13px rgba(255,245,166,1));animation:currentFlow .8s linear infinite}.current-filament{stroke-width:6;stroke-dasharray:9 14}.part{position:absolute;z-index:3;transform:translate(-50%,-50%);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.part img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(8px 16px 12px rgba(0,0,0,.28))}.battery-part{width:clamp(100px,13vw,158px);height:clamp(236px,32vw,380px)}.bulb-part{width:clamp(160px,21vw,264px);aspect-ratio:365 / 540;height:auto}.glow{position:absolute;left:50%;top:26%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,245,166,.94),rgba(255,216,78,.3) 42%,transparent 70%);opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .18s ease,transform .18s ease}.bulb-part.is-lit .glow{opacity:1;transform:translate(-50%,-50%) scale(1.25);animation:warmPulse 1.5s ease-in-out infinite}.terminal,.wire-end{position:absolute;z-index:8;width:38px;height:38px;display:grid;place-items:center;padding:0;border:4px solid #11180b;border-radius:999px;color:#11180b;font-size:18px;font-weight:900;line-height:1;transform:translate(-50%,-50%);touch-action:none}.terminal{width:1px;height:1px;border:0;background:transparent;box-shadow:none;color:transparent;opacity:0;pointer-events:none}.terminal-battery_positive,.terminal-battery_negative,.terminal.is-contact{background:transparent;box-shadow:none}.wire-end{cursor:grab;background:#40c9ff;box-shadow:inset 0 -5px #05586e7a,0 0 0 5px #fff8d8c7}.wire-end-button{background:#baf5ff}.wire-b .wire-end{background:#88e7e3;box-shadow:inset 0 -5px #00697d73,0 0 0 5px #fff8d8c7}.wire-b .wire-end-button{background:#f6f0ff}.wire-control{position:absolute;z-index:9;width:26px;height:26px;display:grid;place-items:center;padding:0;border:3px solid #11180b;border-radius:999px;background:#fff8d8;color:#075a70;cursor:move;opacity:.88;transform:translate(-50%,-50%);touch-action:none;box-shadow:inset 0 -3px #05586e33,0 0 0 3px #fff8d88f}.wire-control:before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor}.wire-control:hover{opacity:1;transform:translate(-50%,-50%) scale(1.08)}.wire-b .wire-control{background:#e8fcff;color:#00697d;box-shadow:inset 0 -3px #00697d29,0 0 0 3px #e8fcff8a}.result-card,.direction-card,.conclusion,.history{padding:15px}.result-card{background:#fff1ad}.result-card strong{display:block;margin:5px 0 8px;font-family:Kaiti SC,STKaiti,cursive;font-size:clamp(30px,3vw,42px);line-height:1}.direction-card{display:grid;gap:12px;background:#fff7cf}.direction-row{display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px;align-items:center}.direction-row strong{font-size:18px;line-height:1.1}.direction-buttons{display:grid;grid-template-columns:repeat(4,minmax(30px,1fr));gap:6px}.direction-buttons button{min-width:0;height:34px;display:grid;place-items:center;padding:0;border:3px solid #11180b;border-radius:999px;background:#fffdf0;color:#11180b;cursor:pointer;font-size:21px;font-weight:900;line-height:1;box-shadow:inset 0 -4px #18210f1f,2px 3px #18210f2e}.direction-buttons button:hover,.direction-buttons button:focus-visible{background:var(--mint)}.direction-buttons button.is-active{background:var(--yellow)}.direction-buttons button:disabled{cursor:not-allowed;opacity:.45;box-shadow:inset 0 -4px #18210f14}.scale-control{grid-column:2;display:grid;grid-template-columns:auto 30px minmax(0,1fr) 30px 44px;gap:8px;align-items:center;color:var(--ink);font-size:14px;font-weight:900}.scale-control button{width:30px;height:28px;display:grid;place-items:center;padding:0;border:3px solid #11180b;border-radius:999px;background:#fffdf0;color:#11180b;cursor:pointer;font-size:20px;font-weight:900;line-height:1;box-shadow:inset 0 -3px #18210f1a,2px 2px #18210f29}.scale-control button:hover,.scale-control button:focus-visible{background:var(--mint)}.scale-control button:disabled{cursor:not-allowed;opacity:.45}.scale-control input{width:100%;min-width:0;accent-color:var(--blue);cursor:pointer}.scale-control input:disabled{cursor:not-allowed;opacity:.45}.scale-control b{text-align:right;font-size:13px;line-height:1}.result-card p,.conclusion p{margin:0;font-size:16px;font-weight:900;line-height:1.55}.page[data-status=complete] .status-badge,.page[data-status=complete] .result-card{background:#ddffb7}.page[data-status=short] .status-badge,.page[data-status=short] .result-card{background:#ffd3c7}.history-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-head button{min-height:38px;padding:5px 12px;border:3px solid #11180b;border-radius:12px;background:var(--mint);color:var(--ink);cursor:pointer;font-weight:900;box-shadow:3px 4px #18210f40}.history ol{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}.history li{padding:10px;border:3px solid rgba(24,33,15,.2);border-radius:12px;background:#ffffff6b}.history li b,.history li span{display:block}.history li b{font-size:17px}.history li span{margin-top:4px;color:#4d3a24;font-size:14px;font-weight:900;line-height:1.35}.drag-ghost{position:fixed;z-index:50;left:-999px;top:-999px;padding:12px 16px;border:4px solid #11180b;border-radius:15px;background:var(--paper-strong);color:var(--ink);font-weight:900;pointer-events:none;transform:translate(-50%,-50%) rotate(-4deg);box-shadow:5px 6px #18210f47}@keyframes currentFlow{to{stroke-dashoffset:-30}}@keyframes warmPulse{50%{opacity:.75;transform:translate(-50%,-50%) scale(1.13)}}@media(max-width:980px){.hero-strip{grid-template-columns:auto 1fr}.status-badge{grid-column:1 / -1}.workspace{grid-template-columns:1fr}.tool-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-heading{grid-column:1 / -1}.lab-board{height:min(68vh,660px);min-height:520px}}@media(max-width:640px){.page{padding:10px}.hero-strip{grid-template-columns:1fr}.title-mark{width:72px}.tool-shelf{grid-template-columns:1fr}.tool-card{min-height:76px}.lab-board{height:560px;min-height:560px}.battery-part{width:104px;height:244px}.bulb-part{width:166px;height:auto}}