:root{color-scheme:light dark;--bg:light-dark(#faf9f5,#151b21);--fg:light-dark(#213342,#e7edf2);--muted:light-dark(#576875,#a9b7c3);--line:light-dark(#ccd4d8,#3f4e5b);--soft:light-dark(#eef0ed,#202b33);--blue:light-dark(#0869a1,#69baff);--orange:light-dark(#ad561e,#f7ac70);--green:light-dark(#177456,#7ed5b3);--red:light-dark(#a52235,#ff9da8)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,sans-serif}header{max-width:1400px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}a{color:var(--blue);text-underline-offset:4px}.brand{color:var(--fg);font-size:18px;font-weight:750;text-decoration:none;letter-spacing:.13em}.brand span{display:block;font-size:12px;font-weight:400;letter-spacing:.05em;color:var(--muted)}nav{display:flex;gap:24px;font-size:14px;flex-wrap:wrap}main{max-width:1400px;margin:auto;padding:32px 36px 50px}.intro{max-width:760px;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:650;color:var(--muted)}h1{font:500 clamp(32px,5vw,54px)/1.15 Georgia,serif;margin:8px 0 16px}h2{font-size:17px;font-weight:600;margin:0}.intro p{color:var(--muted)}.controls{display:grid;grid-template-columns:minmax(250px,2.3fr) repeat(3,minmax(90px,1fr)) minmax(210px,1.8fr);gap:16px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}input,select,button{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:5px;min-height:42px;max-width:100%}input,select{padding:8px 10px;font-size:15px;width:100%}button{padding:8px 15px;font-size:14px;cursor:pointer}button:hover{background:var(--soft)}button:disabled{opacity:.45;cursor:default}.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.primary:hover{background:var(--blue)}.toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:18px 0 22px}.toolbar label{min-width:220px}.toolbar span{font-size:12px;max-width:350px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px}.drawing{min-width:0;border-top:1px solid var(--line)}.panel-head{height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head span{font-size:12px;color:var(--muted)}.view-label{display:block}.view-label select{margin-left:6px;width:auto;font-size:12px;min-height:34px;padding:5px}canvas{display:block;width:100%;height:400px;border:0}#rotation{display:flex;gap:20px}#rotation[hidden]{display:none}#rotation label{flex:1}input[type=range]{padding:0;min-height:32px;accent-color:var(--blue)}.legend{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:18px 0}.legend span{display:flex;align-items:center;gap:7px}.legend i{display:inline-block;width:20px;border-top:2px solid}.fixed{color:var(--line)}.previous{color:var(--muted)}.active{color:var(--blue)}.circle{color:var(--orange)}.result{color:var(--green)}.steps{border-top:1px solid var(--line);padding-top:16px}.step-tools{display:flex;align-items:center;gap:8px}.step-tools label{flex:1;max-width:680px;flex-direction:row;align-items:center;gap:10px}.step-tools label input{flex:1;min-width:40px}.step-tools output{min-width:50px;font-variant-numeric:tabular-nums}#step-text{font-size:14px;min-height:24px}.readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--line);padding:20px 0}.readouts span{display:block;font-size:12px;color:var(--muted)}.readouts strong{font-size:clamp(17px,2vw,24px);font-weight:500;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.protocol{font-size:13px;color:var(--muted)}details{border-top:1px solid var(--line);padding:16px 0;font-size:14px;max-width:950px}summary{cursor:pointer;font-weight:550}details p{color:var(--muted)}.notice,#error{padding:12px 15px;border-left:3px solid var(--orange);background:var(--soft);font-size:14px}#error{border-color:var(--red);color:var(--red)}.gallery{margin-top:48px}.gallery>p{max-width:780px;color:var(--muted);font-size:14px}.gallery h2{font:500 28px/1.25 Georgia,serif}.gallery-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:24px}.gallery-links a{border-top:1px solid var(--line);padding:18px 0;text-decoration:none}.gallery-links strong,.gallery-links span{display:block}.gallery-links strong{font-size:15px;font-weight:550}.gallery-links span{font-size:13px;color:var(--muted);margin-top:6px}footer{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer p{max-width:760px}@media(max-width:1050px){.controls{grid-template-columns:2fr 1fr 1fr 1fr}.controls label:last-child{grid-column:1/-1;max-width:400px}}@media(max-width:720px){header,main{padding-left:18px;padding-right:18px}header{align-items:start;flex-direction:column;gap:12px}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.method{grid-column:1/-1}.workspace{grid-template-columns:1fr;gap:8px}canvas{height:350px}.detail canvas{height:260px}.panel-head{height:60px}.panel-head h2{font-size:15px}.readouts{grid-template-columns:1fr;gap:16px}.gallery-links{grid-template-columns:1fr 1fr}.toolbar label{width:100%}.step-tools{flex-wrap:wrap}.step-tools label{flex-basis:100%}.legend{gap:12px}.view-label{font-size:0}.view-label select{max-width:185px}.gallery h2{font-size:25px}nav{gap:14px}}@media(max-width:420px){.gallery-links{grid-template-columns:1fr}.toolbar button{padding:8px 10px}.legend{font-size:11px}h1{font-size:34px}}[hidden]{display:none!important}

.toolbar button{max-width:100%;white-space:normal;overflow-wrap:anywhere}#adaptive-status,#fast-status{overflow-wrap:anywhere}

.answer-card{margin:24px 0;padding:22px 26px;background:var(--soft);border-radius:8px}.answer-card>span{display:block;color:var(--muted);font-size:14px}.answer-card strong{display:block;font:500 clamp(28px,4vw,44px)/1.4 Georgia,serif;overflow-wrap:anywhere}.answer-card p{font-size:13px;color:var(--muted);margin:6px 0 0}#advanced{max-width:none;margin-bottom:24px}#advanced .controls{margin:18px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.manual-toggle{display:flex;flex-direction:row;align-items:center;margin:18px 0}.manual-toggle input{width:20px;min-height:20px}body[data-manual="false"] #internal-controls,body[data-manual="false"] .toolbar,body[data-manual="false"] #layout-controls{display:none}body[data-manual="true"] #calculate{display:none}#layout-status,#initialization-status{overflow-wrap:anywhere}.controls[aria-label="Construction parameters"]{grid-template-columns:minmax(250px,2fr) 1fr 1fr auto}body[data-manual="false"] .gallery{display:none}@media(max-width:720px){.controls[aria-label="Construction parameters"]{grid-template-columns:1fr 1fr}#calculate{grid-column:1/-1}#advanced .controls{grid-template-columns:1fr 1fr}.answer-card{padding:18px}.panel-head{height:auto;min-height:68px}}

#iteration-controls{margin:14px 0}#iteration-controls button{min-width:180px}

#overview.sphere-interactive{cursor:grab;touch-action:none;user-select:none}#overview.sphere-interactive.dragging{cursor:grabbing}#rotation{flex-wrap:wrap}.drag-hint{flex-basis:100%;font-size:12px;color:var(--muted);margin:4px 0 0}