/* Visual thesis: a silver sphere above clouds, with a tactile navigation pad and an open reading desk.
   Content: sphere and controller on top; full-width reading with media and sources below; point index.
   Interaction: eased point focus, terrain-to-spiral morph, deliberate movement between controls and reading. */
:root{--studio-accent:#a8dced;--studio-line:#354454;--studio-ink:#eaf1f6;--studio-muted:#a1b2c0}
.studio-page{background:#0b121b;color:var(--studio-ink);font-family:"Segoe UI",Arial,sans-serif}.studio-page a{color:#b4ddea}.studio-page .header-inner{max-width:1600px}.studio-page .nav{gap:20px}.studio-page button,.studio-page select{color:#e4edf3;background:#172432;border:1px solid #3c4f60;border-radius:5px;padding:9px 13px}.studio-page button:hover{background:#24394a;border-color:#99cbdc}.studio-page button:disabled{opacity:.4;cursor:default}.studio-page select{padding:7px;max-width:180px}.studio-page button:focus-visible,.studio-page select:focus-visible,.studio-page input:focus-visible,.studio-page canvas:focus-visible{outline:2px solid #bdeafa;outline-offset:4px}.studio-heading{max-width:1540px;margin:auto;padding:32px 36px 10px;display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600;color:#9eb6c9}.studio-heading .eyebrow{margin:0 0 8px}.studio-heading h1{font-weight:400;letter-spacing:-.055em;font-size:clamp(34px,4vw,55px);line-height:1.05;margin:0}.title-dot{color:#a7e8ff}.studio-heading p:last-child{color:#a4b7c5;margin:12px 0 0}.load-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button{cursor:pointer;display:inline-flex;gap:30px;justify-content:space-between;padding:12px 20px;border-radius:4px;font-weight:600}.primary{background:#dbedf3;color:#14232d}.primary:hover{background:white}.file-input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.load-actions:has(.file-input:focus-visible) .primary{outline:3px solid white;outline-offset:4px}.file-hint{max-width:1540px;margin:0 auto;color:#8195a6;font-size:12px;padding:12px 36px 20px}#import-status{max-width:1468px;margin:0 auto 12px;padding:0 12px;color:#bacfdc;font-size:13px}#import-status:empty{display:none}#import-status.error{padding:14px;background:#432e30;border:1px solid #946c6e;color:#ffe7df;white-space:pre-wrap}
.studio-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(350px,1fr);max-width:1468px;margin:0 auto;border:1px solid #334353;border-radius:10px;overflow:hidden;min-height:700px}.orb-stage{position:relative;min-height:700px;overflow:hidden;background:radial-gradient(ellipse at 45% 40%,#1a354c 0%,#112033 42%,#09111d 85%);isolation:isolate}.orb-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#06101b 1%,#12253844 40%,#07101dd9 78%),url('orb-clouds.jpg') center bottom/cover;opacity:.4}.orb-stage[data-finish=neptune]{background:radial-gradient(ellipse at 45% 40%,#205382,#102c4b 45%,#08101d 90%)}.stage-top{position:absolute;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.15em;color:#a8bdcc;z-index:2}.signal-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a0edff;margin-right:8px;box-shadow:0 0 10px #b6f2ff}.view-controls{position:absolute;right:22px;top:50px;display:flex;gap:10px;z-index:3}.view-controls label{font-size:10px;color:#9eb2c2;display:flex;flex-direction:column;gap:5px}.view-controls select{font-size:11px;background:#0b1828b3}#orb-canvas{width:100%;height:100%;position:absolute;inset:0;display:block;touch-action:pan-y;cursor:grab}#orb-canvas:active{cursor:grabbing}.stage-caption{position:absolute;left:30px;right:26px;bottom:64px;pointer-events:none;text-shadow:0 2px 15px #000}.stage-caption h2{font-weight:350;font-size:32px;letter-spacing:-.04em;line-height:1.1;margin:12px 0 7px;max-width:75%}.stage-caption p:last-child{font-size:12px;color:#b6c8d7;max-width:75%;margin:0}.stage-bottom{position:absolute;left:24px;right:24px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8ea5b6;font-size:10px}.stage-bottom button{font-size:10px;background:transparent;border-color:#486172;padding:7px 11px}
.reading-panel{background:#f2f3f2;color:#22313d;padding:24px 28px;max-height:760px;overflow:auto;scrollbar-width:thin;scrollbar-color:#bac5cb transparent}.reading-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.reading-top .eyebrow{color:#587387}.reading-panel button{color:#294557;background:transparent;border-color:#c4cfd6;font-size:11px}.reading-panel button:hover{background:#dce6ec;color:#182d3e}.reading-top button{border:0;padding-right:0}.thread-label{color:#517287;font-size:11px;letter-spacing:.025em;margin-top:28px}.reading-panel h2{font-size:clamp(24px,2.1vw,31px);font-weight:450;line-height:1.16;letter-spacing:-.035em;margin:12px 0 18px;overflow-wrap:anywhere}.reading-tags{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#617787;margin-bottom:20px}.reading-tags span{text-transform:uppercase;letter-spacing:.05em}.reading-tags .floor{color:#715336}#reading-text p{font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.7;overflow-wrap:anywhere}.reading-panel a{color:#315e78}.compass{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;border-top:1px solid #d2dadd;padding-top:20px;margin-top:24px}.compass button:nth-last-child(-n+2){grid-column:span 2}.edge-note{font-size:11px;color:#657986;line-height:1.5}.reading-panel details{border-top:1px solid #d2dadd;padding:13px 0;font-size:12px}.reading-panel summary{cursor:pointer;color:#344f61;font-weight:600}.source-list a{display:block;padding:8px 0 0;overflow-wrap:anywhere}#angle-list p{line-height:1.6;font-size:13px}#related-list{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.reading-actions{display:flex;justify-content:space-between;gap:8px;margin-top:15px}.continue-button{margin-top:15px;width:100%}#continuation{margin-top:12px;min-height:190px;width:100%;font-size:12px;line-height:1.5;padding:10px;color:#233e50;background:#fff;border:1px solid #b6c4cd}.continuation-note{font-size:11px;color:#597082}
.index-section,.studio-guide{max-width:1468px;margin:0 auto;padding:42px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading h2,.studio-guide h2{font-size:27px;line-height:1.1;letter-spacing:-.035em;font-weight:400;margin:12px 0}.index-search{font-size:11px;color:#9eb3c3}.index-search input{display:block;width:270px;max-width:100%;margin-top:6px;padding:10px 0;background:transparent;border:0;border-bottom:1px solid #536b7e;color:white;font-size:13px}.point-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}.point-index button{background:none;border:0;border-top:1px solid #293b4d;border-radius:0;padding:15px 3px;display:flex;gap:12px;text-align:left;align-items:baseline;font-size:12px;line-height:1.4}.point-index button span:first-child{font-size:10px;color:#83a6be;flex-shrink:0}.point-index button[aria-current=true]{color:#b3ecff;border-color:#a4deef}.point-index button:hover{background:#162637}.point-index button span:last-child{overflow-wrap:anywhere}#search-count{color:#849baa;font-size:11px}.studio-guide{border-top:1px solid #2c4052;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:36px;padding-bottom:50px}.studio-guide p{max-width:540px;font-size:13px;color:#a1b4c3;line-height:1.7}.studio-guide h3{font-weight:500;font-size:16px}.studio-guide code{display:block;padding:16px 0;color:#c4dfeb;white-space:normal;font-size:12px;overflow-wrap:anywhere}.studio-guide summary{cursor:pointer;color:#bdced9;font-size:12px}#review-content{font-size:11px;color:#b3c0cb;max-height:220px;overflow:auto;white-space:pre-wrap;margin-top:12px}.studio-footer{max-width:1468px;margin:auto;border-top:1px solid #283c4d;padding:25px 0 40px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#819aaa}.studio-launch{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#152b3d;color:#eef5f9;padding:18px 22px;margin:0 0 20px;border-radius:5px}.studio-launch a{color:#c3ecfa;font-size:17px;font-weight:500;white-space:nowrap}.studio-launch p{margin:0;color:#b5c9d8;font-size:12px}
.orb-stage::before{inset:auto 0 0;height:27%;background:url('orb-clouds.jpg') center bottom/auto 550% no-repeat;mask-image:linear-gradient(transparent,#000 42%,#000);opacity:.24}.orb-stage::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 75%,#55768b1a,transparent 70%);pointer-events:none}
@media(min-width:1000px){.orb-stage{animation:stage-enter .8s ease-out}@keyframes stage-enter{from{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}}
@media(max-width:1540px){.studio-workspace,.index-section,.studio-guide,.studio-footer{margin-left:36px;margin-right:36px}}
@media(max-width:1050px){.studio-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr)}.reading-panel{padding:22px}.point-index{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-caption h2{font-size:27px;max-width:100%}.studio-page .nav{gap:16px}.studio-heading{align-items:flex-start}}
@media(max-width:760px){.studio-heading{padding:25px 16px 10px;display:block}.load-actions{margin-top:20px}.file-hint{padding:9px 16px 18px;font-size:11px}.studio-workspace{display:block;margin:0 12px;min-height:0}.orb-stage{min-height:570px}.reading-panel{max-height:none;padding:24px}.stage-caption h2{font-size:30px;max-width:100%}.stage-caption p:last-child{max-width:100%}.view-controls{top:48px;right:18px}.index-section,.studio-guide,.studio-footer{margin:0 20px}.section-heading{display:block}.index-search{display:block;margin-top:22px}.index-search input{width:100%}.point-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.studio-guide{grid-template-columns:1fr;gap:20px}.studio-footer{flex-wrap:wrap}.studio-launch{align-items:start;flex-direction:column;gap:5px}.studio-page .nav{gap:18px}#import-status{margin:0 16px 12px}.stage-top{left:20px;right:20px;font-size:8px}.stage-bottom{left:18px;right:18px;font-size:9px}.stage-bottom button{font-size:9px}.studio-heading h1{font-size:44px}}
@media(max-width:360px){.view-controls{left:18px;right:18px}.view-controls select{max-width:135px}.stage-caption{left:20px}.stage-caption h2{font-size:27px}.orb-stage{min-height:540px}.point-index{grid-template-columns:1fr}.reading-panel{padding:20px}.load-actions{gap:8px}.button{gap:20px;padding:11px 14px}}
@media print{.studio-page{background:white;color:black}.site-header,.studio-heading,.file-hint,#import-status,.orb-stage,.compass,.reading-top button,.reading-actions,.continue-button,#continuation,.continuation-note,.index-section,.studio-guide,.studio-footer,.reading-panel details:not(#sources),.edge-note{display:none!important}.studio-workspace{display:block;border:0;margin:0}.reading-panel{max-height:none;overflow:visible;background:white;padding:0}.reading-panel h2{font-size:26px}#sources>div{display:block!important}.source-list a::after{content:" (" attr(href) ")"}#reading-text p{font-size:12pt}.reading-top .eyebrow{color:#333}}
/* Studio workspace v2: controls belong to the sphere, readings have their own space. */
.studio-workspace{display:block;min-height:0}.orb-stage{min-height:650px;height:650px}.stage-caption{top:80px;bottom:auto;right:auto;width:29%}.stage-caption h2{max-width:100%;font-size:clamp(25px,3vw,42px)}.stage-caption p:last-child{max-width:100%;line-height:1.6}.stage-caption .eyebrow{font-size:9px;line-height:1.7;display:block}.orb-controller{position:absolute;z-index:4;left:26px;bottom:66px;width:286px;padding:18px;background:#0b182ae8;border:1px solid #62829788;border-radius:16px;box-shadow:0 14px 40px #0003;backdrop-filter:blur(16px)}.controller-heading{display:flex;justify-content:space-between;gap:10px;color:#cee5ee;font-size:11px;margin-bottom:10px}.controller-heading #control-position{color:#92abbc;font-size:10px}.orb-controller button{font-size:11px;min-height:42px;padding:8px 6px;border-radius:8px;background:#203447}.orb-controller button:not(:disabled):active{transform:translateY(1px);background:#426276}.orb-controller button:disabled{opacity:.38}.orb-controller .compass{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,42px);gap:5px;border:0;padding:0;margin:0}.compass [data-move=up]{grid-area:1/2}.compass [data-move=left]{grid-area:2/1}.compass #home-point{grid-area:2/2;border-color:#86b5c9;color:#c8efff;background:#29475d}.compass [data-move=right]{grid-area:2/3}.compass [data-move=down]{grid-area:3/2}.thread-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.thread-controls button{flex:1}.thread-controls span{color:#8ea8ba;font-size:10px}.orb-controller .reading-actions{margin-top:10px;gap:6px}.orb-controller .reading-actions button{flex:1;font-size:10px}.orb-controller .edge-note{color:#9cb3c3;font-size:10px;line-height:1.5;margin:10px 0 0;min-height:30px}.stage-bottom>div{display:flex;gap:8px}.stage-bottom button{min-height:36px}.stage-bottom #read-point{border-color:#a1c6d7;color:#e0f3ff;background:#263e50}
.reading-panel{max-height:none;overflow:visible;padding:40px clamp(24px,5vw,76px) 28px;background:#f3f3ef;scroll-margin-top:18px}.reading-top{border-bottom:1px solid #cdd5d7;padding-bottom:18px}.reading-panel h2{max-width:920px;font-size:clamp(29px,3.5vw,46px);line-height:1.17;font-weight:450;letter-spacing:-.035em}.thread-label{font-size:12px;margin-top:30px}.reading-tags{margin-bottom:28px;gap:16px}.reading-columns{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:clamp(28px,5vw,80px);align-items:start}.reading-main{max-width:72ch;min-width:0}#reading-text p{font-size:19px;line-height:1.85;margin:0 0 1.35em}.reading-resources{border-left:1px solid #d2dadd;padding-left:24px;min-width:0}.reading-panel details{font-size:13px;line-height:1.6}.reading-resources details:first-child{border-top:0;padding-top:0}.source-list a{padding:12px 0;text-decoration-thickness:1px;text-underline-offset:3px}.reading-panel button{min-height:42px;font-size:12px}.reader-footer{margin-top:24px;padding-top:18px;border-top:1px solid #d2dadd}.reader-footer button{background:transparent}.reading-panel:focus-visible{outline:2px solid #8ab4c5;outline-offset:-4px}#point-media{margin:0 0 30px}#point-media[hidden]{display:none}.point-media-item{margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #d2dadd}.point-media-item img,.point-media-item video{display:block;width:100%;max-height:480px;object-fit:contain;background:#17232e;border-radius:4px}.point-media-item audio{width:100%}.point-media-item figcaption{font-size:12px;line-height:1.6;color:#576d7c;margin-top:10px}.point-media-item figcaption a{margin-left:8px}.point-media-item p{font-size:12px;color:#576d7c}.media-load{width:100%;padding:18px!important;text-align:left!important;white-space:normal}.media-error{font-size:12px;color:#825445}
@media(min-width:1000px){.reading-panel{animation:reading-enter .5s ease-out}@keyframes reading-enter{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(max-width:1050px){.orb-controller{width:252px;left:20px;padding:14px}.stage-caption{left:24px;width:31%}.reading-columns{grid-template-columns:minmax(0,1fr) 220px;gap:32px}.reading-resources{padding-left:20px}}
@media(max-width:760px){.orb-stage{height:880px;min-height:880px}.stage-caption{top:112px;left:20px;right:20px;width:auto;text-align:center}.stage-caption .eyebrow{display:none}.stage-caption h2{font-size:30px;margin:0 0 6px}.stage-caption p:last-child{font-size:11px;line-height:1.4}.orb-controller{left:18px;bottom:68px;width:calc(100% - 36px);max-width:320px;padding:15px}.orb-controller .edge-note{min-height:30px}.orb-controller .compass{grid-template-rows:repeat(3,42px)}.stage-bottom{bottom:14px;left:18px;right:18px}.stage-bottom>span{display:none}.stage-bottom>div{width:100%;justify-content:space-between}.reading-panel{padding:26px 24px}.reading-columns{display:block}.reading-resources{border:0;border-top:1px solid #cdd5d7;padding:24px 0 0;margin-top:24px}.reading-panel h2{font-size:31px}.reading-tags{gap:10px}#reading-text p{font-size:18px;line-height:1.8}.reading-panel .thread-label{margin-top:22px}}
@media(max-width:360px){.reading-panel{padding:24px 18px}.reading-panel h2{font-size:28px}.orb-stage{height:845px;min-height:845px}.orb-controller{left:14px;width:calc(100% - 28px);padding:12px}.stage-caption h2{font-size:26px}.controller-heading{font-size:10px}}
@media(prefers-reduced-motion:reduce){.orb-stage,.reading-panel{animation:none!important}html{scroll-behavior:auto!important}}
@media print{.reading-columns{display:block}.reading-panel{padding:0;background:white}.reading-resources{border:0;padding:0}.reader-footer,.media-load,.point-media-item audio,.point-media-item video{display:none!important}.reading-panel h2{font-size:26px}#reading-text p{font-size:12pt;line-height:1.6}.reading-top{border:0}.point-media-item img{max-height:220px}.point-media-item{break-inside:avoid}}
.orb-controller .compass [data-move=up]{grid-area:1/2/2/3}.orb-controller .compass [data-move=left]{grid-area:2/1/3/2}.orb-controller .compass [data-move=right]{grid-area:2/3/3/4}.orb-controller .compass [data-move=down]{grid-area:3/2/4/3}