@charset "UTF-8";
:root{--paper:#f4f2ec;--ink:#173f35;--muted:#7b877c;--jade:#517e6b;--rule:rgba(31,64,49,.15);--serif:"Songti SC","Noto Serif CJK SC","STSong","Times New Roman",serif}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font:13px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #a87a48;outline-offset:5px}button{border:0;background:none}button:disabled{cursor:default}.paper{position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23827765' opacity='.28' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}.ambient-a{width:45vw;height:45vw;top:10vh;left:30vw;background:#d9e4d526;animation:ambient 24s ease-in-out infinite alternate}.ambient-b{width:28vw;height:28vw;left:-15vw;bottom:0;background:#c3bba529}.site-header{height:90px;margin:0 3.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);position:relative;z-index:4}.brand{display:flex;flex-direction:column;gap:7px}.brand strong{font:22px var(--serif);color:#8c4f3d;letter-spacing:8px}.brand small{font-size:7px;letter-spacing:4.1px;color:#625f52}.site-header nav{display:flex;gap:44px;align-items:center;margin-left:-3vw}.site-header nav>a,.current{letter-spacing:2px;font-size:12px;position:relative}.site-header nav>a{color:#576254}.current i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--ink);bottom:-14px;left:50%}.edition{display:flex;align-items:center;gap:8px;color:#849184;font-size:8px;letter-spacing:1.5px}.edition i,.tiny-dot{display:inline-block;width:4px;height:4px;border-radius:100%;background:#839b7f}.edition b{font:italic 15px var(--serif);margin-left:8px;color:var(--ink)}main{position:relative;z-index:1;margin:0 3.5vw}.experience{position:relative;height:calc(100svh - 255px);min-height:570px;max-height:960px;display:grid;grid-template-columns:25% 1fr 190px;isolation:isolate}.intro{padding-top:54px;z-index:3;align-self:start;pointer-events:none}.intro>*{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:13px;color:#738372}.eyebrow>span:last-child{font-size:7px;letter-spacing:2px}.short-rule{width:24px;height:1px;background:#a7b09f}h1{font:clamp(46px,4.5vw,81px)/1.28 var(--serif);letter-spacing:-1.5px;margin:40px 0 22px;position:relative;white-space:nowrap;font-weight:400}h1 em{font-style:normal;margin-left:26px;color:#2d5847}.seal{display:inline-flex;position:absolute;left:calc(3.6em + 27px);bottom:10px;font:11px/1.4 var(--serif);padding:5px 4px;border:1px solid #a2745c;color:#a2745c;letter-spacing:1px;opacity:.8}.lede{font:14px/2.15 var(--serif);letter-spacing:1px;color:#647565}.explore-button{margin-top:23px;background:var(--ink);color:#fcfcf4;display:flex;align-items:center;gap:32px;border-radius:50px;padding:15px 23px;font-size:11px;letter-spacing:2px;box-shadow:0 10px 28px #173f3512;transition:background .3s,transform .3s}.explore-button:hover{background:#365f4a;transform:translateY(-2px)}.explore-button .arrow{font-size:19px;transition:transform .3s}.explore-button:hover .arrow{transform:translate(2px,-2px)}.explore-button.running{background:#758b70}.chapter{margin-top:clamp(35px,6vh,90px);display:flex;align-items:center;gap:16px;color:#7f8c7d}.chapter>span:first-child{font:italic 36px var(--serif);color:#8a9987}.chapter i{height:31px;width:1px;background:var(--rule)}.chapter>span:last-child{font-size:9px;letter-spacing:1px;line-height:1.9}.chapter b{font-weight:400;color:#4e6c55}.canvas-wrap{position:absolute;z-index:1;left:17%;right:12%;top:3px;bottom:42px;touch-action:none;user-select:none;overflow:hidden;cursor:grab}.canvas-wrap:active{cursor:grabbing}canvas{display:block;width:100%;height:100%;position:relative;z-index:2}.stage-halo{position:absolute;width:56%;height:50%;left:25%;top:28%;border-radius:50%;background:radial-gradient(ellipse,#c4d6c444,transparent 65%);filter:blur(20px)}.orbit{position:absolute;width:76%;height:42%;left:12%;top:36%;border:1px solid #738c7222;border-radius:50%;transform:rotate(-12deg);pointer-events:none;z-index:0}.orbit-two{transform:rotate(17deg);width:64%;height:24%;left:18%;top:47%;border-style:dashed;opacity:.7}.orbit-label{position:absolute;font:8px var(--serif);letter-spacing:4px;color:#a1ab96;z-index:0}.label-top{top:9%;left:55%;writing-mode:vertical-rl}.label-bottom{bottom:13%;left:12%;font:7px sans-serif;letter-spacing:3px}.stage-caption{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;font:11px var(--serif);letter-spacing:2px;color:#71856e;z-index:2;pointer-events:none}.stage-caption i{width:3px;height:3px;background:#6c8266;border-radius:50%;box-shadow:0 0 0 5px #6c826611;animation:breathe 3.2s infinite}.interaction-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1px;color:#929d89;z-index:2;pointer-events:none}.interaction-hint span{padding:0 8px}.reading{grid-column:3;position:relative;z-index:3;margin-top:72px;margin-bottom:90px;align-self:stretch;border-left:1px solid var(--rule);padding:0 0 0 29px;display:flex;flex-direction:column;justify-content:space-between}.reading-content{transition:opacity .4s,transform .6s;min-height:330px}.reading-content.changing{opacity:0;transform:translateY(9px)}.reading-no{font:10px var(--serif);letter-spacing:2px;display:flex;align-items:center;justify-content:space-between}.reading-mark{font-size:14px;opacity:.4}h2{font:36px/1.4 var(--serif);font-weight:400;margin:15px 0 3px;letter-spacing:1px}.composition{font:11px var(--serif);letter-spacing:2px;margin:0;color:#82907f}.hexagram{width:81px;display:flex;flex-direction:column;gap:8px;margin:27px 0 25px}.hex-line{height:5px;display:flex;gap:13px;transform-origin:left;animation:lineIn .8s both}.hex-line i{flex:1;background:linear-gradient(90deg,#345f4c,#709079);display:block}.reading-line{display:block;width:30px;height:1px;background:#96a48f;margin:26px 0}h3{font:15px/1.7 var(--serif);font-weight:400;letter-spacing:.4px;margin:0 0 9px}.reading p:not(.composition){font:12px/2 var(--serif);color:#7b8977;letter-spacing:.3px}.read-link{padding:14px 0 5px;font:10px var(--serif);letter-spacing:1px;display:flex;width:100%;justify-content:space-between}.read-link span{font-size:15px}.reading-foot{font:8px var(--serif);color:#8f9c85;display:flex;gap:7px;align-items:center;margin-top:20px;letter-spacing:1px}.view-tabs{position:absolute;left:0;bottom:20px;display:flex;gap:25px;z-index:4}.view-tabs button{font:12px var(--serif);padding:11px 0;letter-spacing:1px;color:#8e9986;position:relative}.view-tabs small{font:italic 9px var(--serif);padding-right:7px;opacity:.6}.view-tabs button::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s}.view-tabs button[aria-selected=true]{color:var(--ink)}.view-tabs button[aria-selected=true]::after{transform:scaleX(1)}.motion-controls{position:absolute;right:0;bottom:21px;display:flex;align-items:center;gap:10px;z-index:4}.motion-label{font-size:8px;letter-spacing:1px;color:#8d9a83;margin-right:7px}.circle-button{width:32px;height:32px;border-radius:50%;border:1px solid #a5b19c;display:grid;place-content:center;transition:background .3s,transform .3s}.circle-button:hover{background:#dde5d6;transform:scale(1.07)}.circle-button svg{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round}.symbol-dock{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);height:107px;display:flex;align-items:center;position:relative}.dock-label{width:17%;padding-right:10px;display:flex;flex-direction:column;gap:10px}.dock-label span{font:15px var(--serif);letter-spacing:3px}.dock-label small,.dock-end small{font-size:7px;letter-spacing:1.6px;color:#9aa58d}.symbol-options{display:flex;flex:1;height:100%;align-items:center;justify-content:space-evenly}.symbol{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;height:76px;width:65px;justify-content:center;border-radius:50%;transition:color .4s,transform .4s;color:#899880}.symbol::before{content:"";position:absolute;inset:4px 0;border:1px solid #b4c1ab;border-radius:50%;transform:scale(.6);opacity:0;transition:transform .6s,opacity .6s}.symbol.selected{color:var(--ink)}.symbol.selected::before{transform:scale(1);opacity:1}.symbol:hover{transform:translateY(-3px);color:var(--ink)}.symbol .glyph{font:23px/1 sans-serif;opacity:.72}.symbol .name{font:12px var(--serif)}.symbol .element{font:7px var(--serif);letter-spacing:2px;opacity:.7}.dock-end{width:18%;padding-left:20px;text-align:right;display:flex;flex-direction:column;gap:10px}.dock-end span{font:10px var(--serif);letter-spacing:1px;color:#77866f}.site-footer{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;color:#9ba58f;letter-spacing:1px}.site-footer i{font-style:normal;margin:0 8px}.site-footer div{display:flex;gap:35px}.site-footer a{color:#657d60;font-size:9px}.footer-tag{font-size:6px;letter-spacing:1.5px}.intro,.reading,.symbol-dock,.site-header{animation:appear 1.5s both}.intro{animation-delay:.1s}.reading{animation-delay:.5s}.symbol-dock{animation-delay:.7s}.canvas-wrap{animation:appear 2.4s .3s both}body.immersive .intro,body.immersive .reading,body.immersive .chapter{opacity:0;pointer-events:none;transition:opacity .7s}body.immersive .canvas-wrap{left:0;right:0}body.network .stage-halo{background:radial-gradient(ellipse,#cbdbc34f,transparent 60%)}body.network .orbit-label,body.network .orbit{opacity:.2}dialog{border:1px solid #adb59f;background:#f4f2ec;color:var(--ink);max-width:500px;width:calc(100% - 36px);padding:45px;box-shadow:0 35px 100px #253b2633}dialog::backdrop{background:#243f304d;backdrop-filter:blur(9px)}dialog h2{font-size:36px;margin:25px 0 20px}dialog p{font:18px/2 var(--serif)}#close-dialog{position:absolute;right:13px;top:10px;font-size:25px;color:#7b8b72}.dialog-note{border-top:1px solid var(--rule);padding-top:22px;margin-top:22px;font-size:11px;line-height:2;color:#7b8971}.dialog-button{margin-top:28px;padding:12px 0;border-bottom:1px solid #7d9071;letter-spacing:2px;font-size:11px}
@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes lineIn{from{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}@keyframes ambient{to{transform:translate(-8vw,8vh) scale(1.2)}}@keyframes breathe{50%{opacity:.3;box-shadow:0 0 0 7px #6c826605}}
@media(min-width:1600px){.experience{grid-template-columns:25% 1fr 220px}.reading{padding-left:36px}.reading h2{font-size:44px}.canvas-wrap{left:16%;right:13%}.intro{padding-top:68px}h1{margin-top:55px}.lede{font-size:17px}.hexagram{margin-top:35px;width:96px;gap:10px}.hex-line{height:6px}.reading{margin-top:100px}h3{font-size:17px}.reading p:not(.composition){font-size:14px}}
@media(max-width:1100px){.experience{grid-template-columns:27% 1fr 158px;min-height:540px}.reading{padding-left:20px;margin-top:65px}.reading h2{font-size:30px}h1{font-size:48px}.seal{display:none}.eyebrow>span:last-child{display:none}.chapter{margin-top:48px}.canvas-wrap{left:15%;right:10%}.edition{font-size:7px;letter-spacing:.7px}.site-header nav{gap:28px}.dock-end{display:none}.dock-label{width:18%}.reading h3{font-size:13px}.footer-tag{display:none}}
@media(max-width:720px){.site-header{height:72px;margin:0 23px}.brand strong{font-size:19px;letter-spacing:6px}.brand small{font-size:6px;letter-spacing:3px}.site-header nav{display:none}.edition{font-size:6px}.edition b{font-size:14px}main{margin:0 23px}.experience{height:auto;min-height:0;display:flex;flex-direction:column;padding-bottom:65px}.intro{padding-top:29px}.eyebrow{font-size:8px}.eyebrow>span:last-child{display:block;font-size:6px}h1{font-size:45px;line-height:1.22;letter-spacing:0;margin:25px 0 0}h1 br{display:none}h1 em{display:block;margin-left:1.3em}.lede{font-size:11px;line-height:1.8;margin:13px 0 0;position:relative;z-index:3}.explore-button{position:absolute;right:0;top:174px;font-size:9px;padding:11px 13px;gap:15px;margin-top:0}.chapter{display:none}.canvas-wrap{position:relative;left:auto;right:auto;top:auto;bottom:auto;flex:none;width:calc(100% + 46px);margin:-6px -23px -6px;height:360px}.stage-caption{font-size:9px;bottom:34px;letter-spacing:1px}.interaction-hint{font-size:7px;bottom:9px}.orbit{top:38%}.label-top{top:6%;left:80%}.label-bottom{bottom:14%;left:7%;font-size:5px}.reading{margin:0;display:block;padding:19px 0 0;border-left:0;border-top:1px solid var(--rule)}.reading-content{display:grid;grid-template-columns:1fr 115px;position:relative;min-height:150px;column-gap:16px}.reading-no{font-size:9px;grid-column:1}.reading-mark{display:none}.reading h2{font-size:33px;margin:7px 0 0;grid-column:1}.composition{grid-column:1;font-size:9px;margin:2px 0 10px}.hexagram{position:absolute;right:9px;top:4px;width:78px;margin:0;gap:7px}.hex-line{height:4px}.reading-line{display:none}.reading h3{font-size:13px;grid-column:1/-1;margin-top:16px;max-width:75%}.reading p:not(.composition){font-size:11px;grid-column:1/-1;margin:0;max-width:75%}.reading p br{display:none}.read-link{font-size:9px;position:absolute;right:0;bottom:0;width:106px;padding:9px 0;justify-content:flex-end;gap:10px}.reading-foot{display:none}.view-tabs{bottom:7px;gap:20px}.view-tabs button{font-size:10px}.view-tabs small{font-size:7px;padding-right:4px}.motion-controls{bottom:10px;gap:7px}.motion-label{display:none}.circle-button{width:26px;height:26px}.symbol-dock{height:87px;overflow-x:auto}.dock-label{display:none}.symbol-options{min-width:360px;gap:5px}.symbol{width:43px;height:63px;gap:4px}.symbol::before{inset:0 -1px}.symbol .glyph{font-size:20px}.symbol .name{font-size:10px}.symbol .element{font-size:6px}.site-footer{flex-wrap:wrap;padding:16px 0 22px;line-height:1.8;gap:12px}.site-footer div{gap:20px}.site-footer a{font-size:8px}body.immersive .intro,body.immersive .reading{display:none}body.immersive .canvas-wrap{height:70svh;margin-top:15px}dialog{padding:34px}}
.seal{display:none}body.paused .ambient,body.paused .stage-caption i{animation-play-state:paused}body.immersive .intro,body.immersive .reading{animation:none;opacity:0;pointer-events:none}
@media(max-width:720px){.explore-button{position:static;margin-top:14px;width:143px;justify-content:space-between}.canvas-wrap{margin-top:-10px}.view-tabs{gap:12px}.view-tabs button{font-size:9px}.view-tabs small{font-size:6px;padding-right:3px}}
@media(min-width:721px) and (max-height:800px){.experience{min-height:455px}.intro{padding-top:32px}h1{font-size:clamp(44px,4.5vw,60px);margin-top:29px;margin-bottom:14px}.lede{font-size:12px;line-height:1.9}.explore-button{margin-top:16px;padding:12px 20px}.chapter{margin-top:27px}.chapter>span:first-child{font-size:29px}.reading{margin-top:41px;margin-bottom:65px}.reading-content{min-height:300px}.reading h2{font-size:31px;margin-top:12px}.hexagram{gap:6px;margin:20px 0}.hex-line{height:4px}.reading-line{margin:19px 0}.reading h3{font-size:13px}.reading p:not(.composition){font-size:11px}.reading-foot{margin-top:10px}.symbol-dock{height:98px}.site-footer{min-height:48px}.view-tabs{bottom:12px}.motion-controls{bottom:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.ambient{display:none}}
/* Integrated controls keep structural operations outside the quiet viewing space. */
[hidden]{display:none!important}.skip-link{position:absolute;top:-70px;left:20px;z-index:30;background:var(--ink);color:var(--paper);padding:14px}.skip-link:focus{top:10px}.query-error{padding:15px 20px;background:#e6e1cf;border:1px solid #c2b79a;line-height:1.8}.experience{min-height:605px}.reading{margin-top:52px;margin-bottom:85px}.reading h2{font-size:30px}.hexagram{width:122px;gap:2px;margin:18px 0}.hex-line{height:24px;min-height:24px;gap:10px;padding:0;width:122px;align-items:center;animation:none}.line-strokes{width:82px;height:4px;display:flex;gap:12px}.line-strokes i{flex:1;background:linear-gradient(90deg,#345f4c,#709079)}.line-label{font:8px var(--serif);color:#788873;min-width:28px}.hex-line:hover .line-strokes i{background:#ad8550}.hex-line:nth-child(3){margin-bottom:7px}.reading-line{margin:17px 0}.reading p:not(.composition){line-height:1.8}.view-tabs{gap:21px}.motion-controls{gap:9px}.reduced-control{display:flex;align-items:center;gap:6px;font-size:9px;color:#6e7e67}.reduced-control input{accent-color:var(--ink);width:13px;height:13px}.pair-labels{position:absolute;left:10%;right:7%;bottom:26%;display:flex;justify-content:space-around;z-index:3;pointer-events:none;font:11px var(--serif);letter-spacing:2px;color:#617a5f}.dock-target{width:175px;display:flex;gap:10px;flex-shrink:0}.dock-target button{font:11px var(--serif);padding:12px 9px;border:1px solid transparent;border-radius:4px;color:#7c8b73}.dock-target b{margin-left:5px;font-size:16px;font-weight:400}.dock-target button[aria-pressed=true]{color:var(--ink);border-color:#aebca2;background:#e8ecdf}.structure-panel{padding:48px 0 35px;scroll-margin-top:20px}.structure-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.structure-heading h2{font-size:28px;letter-spacing:1px;margin:14px 0 22px}.structure-heading>p{font:11px/1.9 var(--serif);color:#77866f;text-align:right}.structure-tools{display:flex;gap:25px;align-items:end;margin:12px 0 23px}.hex-picker{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#64735d;min-width:215px}select{font:14px var(--serif);color:var(--ink);border:1px solid #b2bea8;background:#f4f2ec;border-radius:4px;padding:12px 34px 12px 13px;min-height:44px}select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #a87a48;outline-offset:4px}.transforms{display:flex;gap:10px;flex:1}.transforms button{flex:1;text-align:left;min-height:48px;border:1px solid var(--rule);border-radius:4px;padding:10px 14px;font:11px var(--serif);display:flex;gap:12px;justify-content:space-between;align-items:center}.transforms span{color:#849078;font-size:10px}.transforms button:hover,.neighbor:hover{background:#e6ebdd;border-color:#adbca1}.neighbor-list{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.neighbor{position:relative;text-align:left;min-height:88px;border-top:1px solid #a7b39c;border-bottom:1px solid var(--rule);padding:15px 14px;background:#eceee345;transition:background .3s}.neighbor small{display:block;color:#87927e;font:10px var(--serif);margin-bottom:10px}.neighbor strong{font:17px var(--serif);font-weight:400}.neighbor-arrow{position:absolute;right:11px;top:13px;color:#9ca88f}.operation-status{font:12px/1.8 var(--serif);min-height:24px;color:#5e7758;margin:22px 0}.method-notes{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid var(--rule);padding-top:17px}.method-notes p{font-size:10px;line-height:2.1;color:#849078}.method-notes b{display:block;font-weight:500;color:#576e50;margin-bottom:6px;letter-spacing:1px}body.reduced .ambient,body.reduced .stage-caption i{animation:none}body.reduced .hex-line,body.reduced .reading-content{transition:none}body.immersive .canvas-wrap{left:0;right:0}body.immersive .reading a,body.immersive .reading button,body.immersive .intro button{visibility:hidden}body.immersive .pair-labels{bottom:23%}.circle-button{font-size:16px}.site-footer{border-top:1px solid var(--rule)}
@media(min-width:1600px){.reading h2{font-size:36px}.hexagram{margin-top:24px}.hex-line{height:27px}.reading{margin-top:75px}}
@media(min-width:721px) and (max-height:800px){.experience{min-height:570px}.reading{margin-top:40px}.reading h2{font-size:28px}.hexagram{margin:16px 0}.reading h3{font-size:13px}.reading-foot{margin-top:15px}}
@media(max-width:1100px){.view-tabs{gap:15px}.view-tabs button{font-size:11px}.dock-target{width:152px}.dock-target button{padding:10px 7px}.structure-tools{gap:15px}.transforms{gap:7px}.transforms button{display:block;padding:10px}.transforms span{display:block;margin-top:5px}.neighbor-list{gap:8px}.neighbor{padding-left:10px}.neighbor strong{font-size:15px}.reading{padding-left:17px}.reading h2{font-size:27px}}
@media(max-width:720px){.experience{min-height:0;padding-bottom:78px}.canvas-wrap{height:350px}.site-header nav{display:none}.edition{font-size:6px;letter-spacing:.6px}.edition b{font-size:12px}.reading{margin:0;padding:21px 0 0}.reading-content{min-height:196px;grid-template-columns:1fr 118px;display:block}.reading h2{font-size:32px;margin:8px 0 0;max-width:62%}.composition{margin-top:6px}.reading h3{font-size:12px;max-width:58%;margin-top:17px}.reading p:not(.composition){font-size:10px;max-width:58%;line-height:1.8}.hexagram{position:absolute;right:0;top:0;margin:0;width:112px}.hex-line{width:112px;height:23px;min-height:23px;gap:7px}.line-strokes{width:76px}.line-label{font-size:7px}.hex-line:nth-child(3){margin-bottom:6px}.read-link{bottom:7px;font-size:9px;width:125px;right:0}.view-tabs{left:0;right:0;bottom:35px;justify-content:space-between;gap:10px}.view-tabs button{font-size:11px}.motion-controls{bottom:0;left:0;right:0;justify-content:flex-end}.reduced-control{font-size:9px;margin-right:auto}.circle-button{width:29px;height:29px}.symbol-dock{height:auto;overflow:visible;display:block;padding-top:12px}.dock-target{width:100%;justify-content:center;gap:28px;margin-bottom:8px}.dock-target button{min-width:95px;min-height:43px;padding:8px 14px}.symbol-options{width:100%;min-width:0;height:83px;gap:1px;justify-content:space-between}.symbol{width:34px;flex:1;max-width:44px;min-width:0;height:66px}.symbol .glyph{font-size:22px}.symbol .name{font-size:12px}.symbol .element{font-size:8px}.symbol::before{inset:0 0}.structure-panel{padding:35px 0 25px}.structure-heading{display:block}.structure-heading h2{font-size:24px;line-height:1.5;margin:12px 0}.structure-heading>p{text-align:left;font-size:10px;margin-top:0}.structure-tools{display:block;margin-top:21px}.hex-picker{width:100%}.hex-picker select{width:100%}.transforms{margin-top:15px;gap:8px}.transforms button{padding:10px 8px;font-size:11px;min-height:63px}.transforms span{font-size:9px}.neighbor-list{grid-template-columns:repeat(2,1fr);gap:12px}.neighbor{min-height:83px;padding:14px}.neighbor strong{font-size:17px}.method-notes{grid-template-columns:1fr;gap:3px}.method-notes p{font-size:10px}.operation-status{font-size:11px}.pair-labels{font-size:9px;bottom:28%}.stage-caption{font-size:9px;max-width:90%;white-space:normal;text-align:center;line-height:1.7;justify-content:center;min-width:230px}.interaction-hint{white-space:normal;width:90%;text-align:center;line-height:1.6;font-size:7px}.site-footer div{gap:15px}.site-footer{gap:15px}.site-footer a{font-size:9px}}