*{box-sizing:border-box}body{margin:0;background:#172437;color:#edf1f7;font:15px/1.6 Arial,sans-serif}a{color:#f0c9ad;text-underline-offset:4px}button,select,input{font:inherit}button,select{color:inherit;background:#26374c;border:1px solid #67758a;border-radius:8px;min-height:44px;padding:10px 12px}button{cursor:pointer}button:hover{background:#385069}button[aria-pressed=true]{background:#f0c9ad;color:#172437}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9fd7de;outline-offset:3px}header{height:76px;display:flex;align-items:center;gap:28px;padding:12px 28px;border-bottom:1px solid #ffffff25;background:#111b2b}header strong{font:24px Georgia,serif}header span{color:#f0c9ad}header nav{margin-left:auto;display:flex;gap:24px;font-size:13px}.brand{color:#fff;text-decoration:none;font:22px Georgia,serif}main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr)}.visual{position:sticky;top:0;height:calc(100dvh - 76px);background:radial-gradient(ellipse at center,#394b62,#111b2b)}#scene{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.scene-heading{position:absolute;left:30px;top:14px;pointer-events:none}.scene-heading p,.eyebrow{font-size:10px;letter-spacing:.15em;color:#f0c9ad}.scene-heading h1{font:36px/1.1 Georgia,serif;margin:12px 0}.legend{position:absolute;bottom:88px;left:24px;display:flex;gap:15px;flex-wrap:wrap;font-size:12px;pointer-events:none}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.view-buttons{position:absolute;bottom:32px;left:24px;display:flex;gap:8px}.view-buttons button{font-size:12px}.gesture{position:absolute;bottom:0;left:24px;font-size:11px;color:#c5d1df}.guide{padding:30px;min-width:0;max-width:850px}#steps{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}#steps button{font-size:12px;flex:1 1 100px}h2{font:30px/1.15 Georgia,serif}h3{font-size:16px;color:#f0c9ad}article p,article li{color:#d4deeb}article ol{padding-left:22px}.practice{border-left:3px solid #f0c9ad;background:#ffffff08;padding:12px 16px}.guide details{border-top:1px solid #ffffff25;padding:18px 0}.guide details details{padding:14px 0}summary{cursor:pointer;font-weight:bold;min-height:32px}.controls label{display:block;margin:18px 0 6px;font-weight:bold;font-size:13px}.controls select{width:100%;min-width:0;font-size:14px}.controls input[type=range]{width:100%;accent-color:#edb69d;min-height:32px}.controls output{float:right;color:#f0c9ad}.range-ends{display:flex;justify-content:space-between;font-size:11px;color:#b7c7d9}.controls p{font-size:13px;color:#c4d2e4}.check{display:flex!important;gap:10px;align-items:start;font-size:14px;font-weight:normal!important}.check input{width:19px;height:19px;flex-shrink:0;accent-color:#edb69d}#feedback{margin-top:16px;padding:16px;background:#233e4b;border-radius:8px;font-size:14px}#feedback p{margin:6px 0}.sources{font-size:13px}.sources li{margin:10px 0}@media(max-width:800px){header{height:auto;min-height:70px;flex-wrap:wrap;gap:8px 20px;padding:12px 16px}header nav{width:100%;margin:0;gap:18px}header strong{font-size:20px}.brand{font-size:20px}main{display:block}.visual{position:relative;height:440px;min-height:360px}.scene-heading{left:18px;top:4px}.scene-heading h1{font-size:27px}.legend{left:16px;bottom:100px;gap:10px;font-size:11px}.view-buttons{left:16px;bottom:42px}.gesture{left:16px;font-size:10px}.guide{padding:24px 18px}h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media(max-width:800px){.visual{position:sticky;top:0;height:330px;min-height:300px;z-index:2;border-bottom:1px solid #ffffff25}.scene-heading h1{font-size:22px}.scene-heading p{margin-bottom:7px}.legend{bottom:78px}.view-buttons{bottom:28px}.view-buttons button{padding:6px 9px;min-height:38px}.gesture{bottom:0}.guide{position:relative;z-index:1}}

html.model-embed,html.model-embed body{height:100%;overflow:hidden}.model-embed header,.model-embed .guide{display:none}.model-embed main{display:block;height:100%}.model-embed .visual{position:relative;top:0;height:100%;min-height:0;border:0}.model-embed .scene-heading h1{font-size:25px}.model-embed .legend{bottom:90px}.model-embed .view-buttons{bottom:38px}.model-embed .gesture{bottom:0}