@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#e7e8e5;background:#070e12;font-synthesis:none;font-weight:400;--muted:#738486;--line:#c2d2d51a;--pink:#e5b7c8;--gold:#d2b780}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:6px}button{border:0;background:none}button:hover{color:#fff}button:disabled{cursor:wait;opacity:.45}#app{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 64% 44%,#10242a55,transparent 52%)}.header{height:94px;margin:0 48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.brand{display:flex;align-items:center;gap:13px}.brand svg{width:30px;height:38px;stroke:var(--pink);stroke-width:.85}.brand span{font-size:10px;line-height:1.75;letter-spacing:2.8px;font-weight:400}.brand strong{font-weight:500}.header-caption{font-size:10px;color:#879799;letter-spacing:2px;margin-left:38px}.header-caption span{margin:0 16px;color:#435255}.header-actions{display:flex;gap:28px;align-items:center;font-size:11px;letter-spacing:1px}.text-btn{color:#b7c2c2}.text-btn .icon{font-size:19px;vertical-align:-1px;margin-right:6px}.export-btn{border:1px solid #9ca8a13d;border-radius:2px;padding:11px 16px}.export-btn span{margin-right:8px;font-size:15px}.export-btn:hover{background:#d7b3a51a;border-color:#d7b3a577}main{display:grid;grid-template-columns:340px minmax(0,1fr);flex:1;min-height:760px;margin:0 48px}.editorial{padding:62px 26px 22px 5px;position:relative;z-index:2}.eyebrow{font-size:9px;letter-spacing:2.7px;color:#adb7b5;display:flex;gap:9px;align-items:center}.eyebrow>span{width:4px;height:4px;background:#cdb194;border-radius:50%}h1{font-family:"Noto Serif SC",Songti SC,serif;font-weight:500;font-size:65px;letter-spacing:5px;margin:21px 0 1px;line-height:1.5}.title-dot{font-size:38px;color:var(--pink);letter-spacing:0;margin-left:1px}.latin{font-family:Georgia,serif;font-style:italic;font-size:19px;color:#ac909a;margin:0;letter-spacing:1px}.short-line{width:32px;height:1px;background:#b1998766;margin:31px 0 25px}.intro{font-family:"Noto Serif SC",Songti SC,serif;font-size:19px;line-height:1.9;letter-spacing:3px;margin:0 0 19px;color:#d7ddda}.description{font-size:11px;line-height:2.05;letter-spacing:.6px;color:#839193;margin:0}.spec-label{display:flex;justify-content:space-between;margin-top:38px;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#657c80}.spec-label span:last-child{font-size:8px;letter-spacing:1.5px}.controls{padding-top:23px}.control-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.control-header output{font-size:19px;font-weight:400;color:#ceb9ae;letter-spacing:0;font-variant-numeric:tabular-nums}.control-header output span{font-size:10px;padding-left:3px;color:#788889}input[type=range]{width:100%;height:16px;margin:11px 0 2px;appearance:none;background:none;cursor:pointer;--fill:72%}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#d5b5b3 var(--fill),#263a3e var(--fill));border-radius:2px}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;background:#f1d5d7;border:2px solid #e0c1c8;border-radius:50%;margin-top:-3.5px;box-shadow:0 0 14px #e5b7c833}input[type=range]::-moz-range-track{height:2px;background:#263a3e}input[type=range]::-moz-range-progress{height:2px;background:#d5b5b3}input[type=range]::-moz-range-thumb{width:8px;height:8px;border:0;background:#f1d5d7;border-radius:50%}.range-labels{display:flex;justify-content:space-between;color:#586d72;font-size:9px;letter-spacing:1px}.energy-label{margin-top:22px}#energy{--fill:68%;margin-bottom:16px}.control-row{display:flex;align-items:center;justify-content:space-between;height:37px;font-size:10px;letter-spacing:1px;color:#a9b4b2}.switch{width:28px;height:14px;border:1px solid #52656966;background:#1a2d3266;padding:2px;border-radius:10px;transition:background .2s}.switch i{display:block;background:#788b8e;height:8px;width:8px;border-radius:50%;transition:transform .2s}.switch.active{background:#6d60674d;border-color:#d8b5c077}.switch.active i{transform:translate(13px);background:#e2bccc}.reset-btn{color:#6a8185;font-size:10px;letter-spacing:1px;margin:20px 0 0;padding:0}.reset-btn>span{font-size:15px;margin-right:6px}.specimen{position:relative;min-width:0;overflow:hidden;border-left:1px solid #bad9e608;margin-left:22px}#viewport{position:absolute;inset:0}#viewport canvas{width:100%;height:100%;display:block;touch-action:none}.scene-top{position:absolute;left:27px;right:0;top:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;pointer-events:none;color:#617f85}.scene-top>span:first-child{display:flex;gap:7px;align-items:center}.scene-top i{width:4px;height:4px;background:#96b9ad;border-radius:50%;box-shadow:0 0 8px #9ccbae88}#render-status{letter-spacing:1px;font-size:8px;color:#51747c}.coordinate{position:absolute;font-size:8px;letter-spacing:2px;color:#45636a;pointer-events:none}.vertical{writing-mode:vertical-rl;top:45%;right:2px}.callout{position:absolute;display:flex;align-items:center;gap:10px;pointer-events:none;opacity:.7}.callout-petal{right:0;top:24%}.callout-leaf{left:22px;top:57%}.callout strong{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:#b2c2c3}.callout small{display:block;font-size:6px;letter-spacing:1.5px;color:#5f828b;margin-top:6px}.callout-num{font-size:9px;font-variant-numeric:tabular-nums;color:#859c9d;border:1px solid #688b903d;padding:6px;border-radius:50%}.callout>i{width:50px;height:1px;background:linear-gradient(90deg,#6c8c8c77,transparent)}.callout-leaf>i{background:linear-gradient(90deg,transparent,#6c8c8c77);width:24px}.callout-petal>i{order:-1}.scene-bottom{position:absolute;bottom:26px;left:26px;right:0;display:flex;align-items:center;justify-content:space-between}.interaction-hint{font-size:9px;color:#64838c;letter-spacing:1px}.interaction-hint>span{font-size:18px;vertical-align:-2px;margin-right:7px}.interaction-hint>b{font-weight:400;color:#3b5861;margin:0 10px}.capture-btn{width:30px;height:30px;padding:7px;border:1px solid #6b8e9533;border-radius:2px;color:#87a1a6}.capture-btn:hover{border-color:#bbd0d566}.capture-btn svg{width:100%;stroke:currentColor;stroke-width:1}.part-info{position:absolute;right:24px;bottom:80px;padding:22px 28px;width:250px;background:#0d1c23ed;border:1px solid #70989c55;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 60px #0005}.part-info>button{position:absolute;right:7px;top:5px;font-size:21px;color:#a3babf}.part-info>span{color:#dcbbbf;font-size:8px;letter-spacing:2px}.part-info h2{font-family:"Noto Serif SC",serif;font-size:23px;font-weight:400;letter-spacing:2px;margin:14px 0}.part-info p{color:#9eb0b1;font-size:11px;line-height:1.9;letter-spacing:.5px;margin:0}#loading{position:absolute;inset:0;background:#070e12;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;transition:opacity .7s}#loading.done{opacity:0;pointer-events:none}#loading p{font-family:"Noto Serif SC",serif;font-size:13px;color:#a59496;letter-spacing:3px;margin-top:24px}.loader-orbit{width:42px;height:42px;border:1px solid #bd95aa22;border-top-color:#d7b4c4;border-radius:50%;animation:orbit 2s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}footer{height:62px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin:0 48px;font-size:8px;letter-spacing:1.5px;color:#65818a}footer>span{display:flex;align-items:center;gap:9px}footer i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#799b8c}footer p{font-size:10px;letter-spacing:4px;color:#91a39f;margin-left:50px}footer p b{font-weight:300;margin:0 12px;color:#617174}footer a{font-size:7px;letter-spacing:1.4px}footer a span{margin-left:9px;font-size:13px}dialog{max-width:1000px;width:85vw;height:86svh;border:1px solid #74929444;padding:26px;background:#0a151b;color:#e8e3e3;overflow:hidden}dialog[open]{display:flex;gap:48px;justify-content:center;align-items:center}dialog::backdrop{background:#02070be6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog img{height:100%;object-fit:contain;max-width:60%}.dialog-close{position:absolute;top:9px;right:12px;font-size:28px;z-index:1;color:#afc0c3}.reference-copy{max-width:270px}.reference-copy>span{font-size:9px;letter-spacing:3px;color:#c9a3b1}.reference-copy h2{font-family:"Noto Serif SC",serif;font-size:34px;font-weight:400;line-height:1.6;letter-spacing:3px}.reference-copy p{font-size:11px;line-height:2;color:#acb8b6}.reference-copy .reference-note{margin-top:38px;font-size:9px;color:#6a848b}#toast{position:fixed;left:50%;bottom:36px;transform:translate(-50%,16px);background:#17272bef;border:1px solid #95aba644;color:#cfdddd;padding:13px 23px;font-size:11px;letter-spacing:1px;opacity:0;transition:.25s;pointer-events:none;z-index:20}#toast.visible{opacity:1;transform:translate(-50%)}body.review main{display:block;margin:0;min-height:0;height:100svh}body.review .editorial,body.review header,body.review footer,body.review .specimen>*:not(#viewport){display:none}body.review .specimen{height:100%;margin:0;border:0}body.review #app{background:#070e12}@media(min-height:1000px){.editorial{padding-top:85px}.spec-label{margin-top:52px}main{min-height:calc(100svh - 156px)}}@media(max-width:1100px){.header,footer{margin:0 28px}main{margin:0 28px;grid-template-columns:280px minmax(0,1fr)}.editorial{padding-right:20px}.header-caption{display:none}h1{font-size:53px}.callout{display:none}.specimen{margin-left:0}.description{font-size:10px}.scene-top,.scene-bottom{left:15px}}@media(max-width:700px){.header{height:76px;margin:0 22px}.brand svg{width:24px}.brand span{font-size:8px;letter-spacing:2px}.header-actions{gap:13px;font-size:10px}.export-btn{padding:9px 10px}.text-btn .icon{display:none}main{display:flex;flex-direction:column;margin:0;min-height:0}.editorial{padding:33px 26px 0;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.eyebrow{grid-column:1/-1;font-size:8px}h1{font-size:44px;margin:12px 0 0}.latin{grid-column:1;grid-row:3;font-size:16px}.intro{grid-column:2;grid-row:2/4;font-size:14px;margin:auto 0;letter-spacing:2px}.short-line,.description,.spec-label{display:none}.controls{grid-column:1/-1;grid-row:5;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;padding-top:16px;position:relative;margin-top:540px}.control-header{font-size:10px}.control-header:first-child{grid-column:1;grid-row:1}#bloom{grid-column:1;grid-row:2}.range-labels{display:none}.energy-label{margin:0;grid-column:2;grid-row:1}#energy{grid-column:2;grid-row:2;margin-bottom:8px}.control-row{grid-row:3;font-size:10px}.reset-btn{grid-column:1/-1;text-align:center;margin:10px 0 20px}.specimen{position:absolute;top:226px;left:0;right:0;height:550px;border:0;overflow:hidden}.scene-top{top:15px;left:25px;right:25px;font-size:6px}.scene-bottom{bottom:5px;left:25px;right:25px}.interaction-hint{font-size:8px;letter-spacing:0}.coordinate{display:none}footer{height:58px;margin:0 24px;font-size:6px}footer p{margin:0;font-size:9px;letter-spacing:2px}footer p b{margin:0 5px}footer a{display:none}.reference-copy{display:none}dialog{width:94vw;padding:24px 10px}dialog img{max-width:100%;width:100%;height:100%}.part-info{right:20px;bottom:50px;width:220px}body.review .specimen{position:relative;inset:auto;height:100svh}body.review main{display:block;height:100svh}}@media(prefers-reduced-motion:reduce){.loader-orbit{animation:none}*{scroll-behavior:auto!important}}@media(max-width:700px){h1{font-size:38px;letter-spacing:3px;white-space:nowrap}.title-dot{font-size:25px}.reset-btn{grid-row:6}.controls{margin-top:555px}}