:root{font-family:system-ui,sans-serif;color:#132f3d;background:#f6f6ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 5vw;border-bottom:1px solid #d8e2d8;background:white}a{color:#155f63}.brand{font-size:23px;font-weight:800;text-decoration:none;color:#20343c}.brand strong{color:#9a7100}header>span{font-size:14px;color:#526670}main{max-width:1240px;margin:auto;padding:24px}nav{display:flex;gap:8px;flex-wrap:wrap}button,select,input{font:inherit}button,select{min-height:44px;border:1px solid #aabfbd;border-radius:12px;background:white;padding:10px 16px;color:#183d45;cursor:pointer}button[aria-pressed=true],#preset{background:#125e60;color:#fff;border-color:#125e60}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd7100;outline-offset:4px}.heading{margin:26px 0 22px}.heading>p:first-child,.try span,.discovery>span{font-size:12px;font-weight:800;letter-spacing:.12em;color:#287370}h1{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:10px 0}#intro{font-size:18px;max-width:780px;line-height:1.55;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px}.stage{background:#102f3d;color:#f7fbfa;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-width:0}.stage svg{width:100%;display:block;touch-action:pan-y}.caption{padding:0 24px 18px;line-height:1.5;min-height:50px}.panel{background:#fff;padding:24px;border:1px solid #dce5dc;border-radius:24px}label{display:block;margin:0 0 18px;font-weight:600}label input[type=range]{display:block;width:100%;margin-top:12px;accent-color:#137475;min-height:28px}label select{width:100%;margin-top:8px}.choices{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.discovery{border-top:1px solid #dce5dc;margin-top:20px;padding-top:18px}.discovery p{line-height:1.6;font-size:17px}.readings{display:flex;flex-wrap:wrap;gap:10px}.reading{background:#edf6f1;padding:10px 14px;border-radius:12px;font-size:14px}.reading strong{display:block;font-size:21px}.try{display:flex;gap:14px;align-items:center;background:#ffedb8;border-radius:18px;padding:22px;margin-top:22px}.try>div{flex:1}.try h2{font-size:20px;margin:8px 0}.try p{margin:0;line-height:1.5}.model-note,details{font-size:14px;line-height:1.6;color:#526670}summary{cursor:pointer;padding:12px 0}.drag-handle{cursor:ew-resize;touch-action:none}#visual text{font-family:system-ui,sans-serif}#visual [role=button]{cursor:pointer}input[type=range]{cursor:ew-resize}@media(max-width:760px){header>span{display:none}main{padding:18px}.workspace{grid-template-columns:1fr}.try{flex-wrap:wrap}.try>div{flex-basis:100%}.panel{padding:20px}header{padding:14px 18px}.heading{margin-top:22px}}