:root{color-scheme:dark;--bg:#111511;--fg:#eceee3;--muted:#919a8d;--accent:#d1e99b;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,"Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.35;cursor:default}button[aria-pressed=true]{color:var(--accent)}[hidden]{display:none!important}#exhibition{height:100svh;min-height:680px;position:relative;overflow:hidden;isolation:isolate}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 58% 45%,#424b352e,transparent 55%),linear-gradient(140deg,#1d251a33,transparent 50%);z-index:-2}.orbital{position:absolute;border:1px solid #c1d8ac0b;border-radius:50%;width:70vw;height:70vw;left:23%;top:calc(48% - 35vw);pointer-events:none}.orbital-two{width:59vw;height:59vw;left:28.5%;top:calc(48% - 29.5vw)}header{position:absolute;top:32px;left:40px;right:40px;z-index:5;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:15px;color:inherit;text-decoration:none;font-size:17px;letter-spacing:3px}.brand-icon{font:italic 43px Georgia;letter-spacing:-6px;border-right:1px solid var(--line);padding:0 25px 5px 0}.brand small{display:block;font:9px Arial;letter-spacing:2px;color:var(--muted);margin-top:8px}.header-right{display:flex;gap:32px;align-items:center;font-size:11px;color:var(--muted)}#sound{border:1px solid var(--line);padding:11px 15px;border-radius:24px;font-size:11px;display:flex;align-items:center;gap:10px}.sound-bars{color:var(--accent);letter-spacing:1px}.backdrop-word{position:absolute;left:22%;top:19%;font-size:clamp(80px,12vw,190px);font-weight:700;letter-spacing:-.07em;color:#d7e1ca06;pointer-events:none;white-space:nowrap}#viewport{position:absolute;left:20%;right:13%;top:16%;bottom:20%;touch-action:none}canvas{display:block;width:100%;height:100%;outline:0}.top-caption{position:absolute;top:126px;left:40px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1px;color:var(--muted);pointer-events:none}.live-dot{width:5px;height:5px;background:var(--accent);border-radius:100%;box-shadow:0 0 12px #d1e99b55}.caption-line{width:40px;height:1px;background:var(--line)}#medium{font-size:9px;letter-spacing:2px}.work-info{position:absolute;left:40px;bottom:184px;max-width:265px;pointer-events:none}.work-info button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 16px}#work-number{color:var(--accent);margin-right:8px}h1{font-size:58px;font-weight:400;letter-spacing:8px;margin:0 0 12px;line-height:1.2}#english{font-size:11px;letter-spacing:4px;margin:0 0 24px;color:var(--accent)}#description{font-size:12px;line-height:2;color:#aab2a3;letter-spacing:.5px;margin:0 0 20px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:9px;border:1px solid var(--line);padding:5px 8px;border-radius:3px;color:#aab2a3}.text-button{font-size:11px;padding:18px 0 5px;border-bottom:1px solid #d1e99b50}.text-button span{margin-left:30px;color:var(--accent)}#draft-note{font-size:10px;color:#d5bc8a}.detail-panel{position:absolute;right:40px;top:41%;width:142px}.detail-panel .eyebrow{font-size:8px;letter-spacing:1.2px}.detail-panel>p:last-child{font-size:9px;color:#727d6c;margin-top:22px}.detail-panel button{display:flex;align-items:center;gap:12px;font-size:11px;padding:12px 0;color:#b3bba9;text-align:left}.detail-panel button span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #b2c29f40;border-radius:50%;font-size:9px;color:var(--accent)}.detail-panel button:hover{color:var(--accent)}.view-controls{position:absolute;bottom:153px;left:50%;transform:translateX(-50%);display:flex;gap:5px;border:1px solid var(--line);border-radius:30px;background:#19201799;padding:4px}.view-controls button{font-size:17px;padding:8px 13px;white-space:nowrap}.view-controls span{font-size:10px;vertical-align:2px;margin-left:4px}footer{position:absolute;bottom:0;left:40px;right:40px;height:125px;border-top:1px solid var(--line);display:flex;align-items:center;gap:28px}.collection-label{font-size:9px;letter-spacing:2px;min-width:170px}.collection-label small{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:10px}#collection{display:flex;gap:10px;flex:1;min-width:0}.work-tab{position:relative;text-align:left;border:1px solid transparent;border-radius:7px;display:flex;gap:12px;align-items:center;padding:7px 10px;min-width:115px}.work-tab.active{border-color:#d1e99b55;background:#d1e99b08}.work-tab img{height:46px;width:46px;object-fit:cover;border-radius:3px;filter:saturate(.65)}.work-tab .thumbnail{height:46px;width:46px;display:grid;place-items:center;background:#ffffff05;font:25px Georgia;color:#b6c6a2}.work-tab b{display:block;font-size:11px;font-weight:400;white-space:nowrap}.work-tab small{display:block;font-size:8px;color:var(--muted);letter-spacing:1px;margin-top:7px}.gesture{text-align:right;font-size:10px;color:var(--muted);white-space:nowrap}.gesture small{display:block;font-size:9px;margin-top:8px;color:#697460}#loading{position:absolute;left:55%;top:48%;transform:translate(-50%,-50%);display:flex;gap:10px;align-items:center;font-size:11px;background:#111911dc;padding:18px 24px;border-radius:30px;z-index:4}.spinner{width:14px;height:14px;border:1px solid #ffffff30;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#focused{position:absolute;left:50%;top:155px;transform:translateX(-50%);font-size:10px;color:var(--muted);background:#101710cc;padding:9px 15px;border:1px solid var(--line);border-radius:30px}#focused button{color:var(--accent);font-size:10px;margin-left:12px}dialog{border:1px solid var(--line);background:#111511;padding:20px;color:var(--fg);max-width:94vw;width:1100px;border-radius:8px}dialog::backdrop{background:#000c;backdrop-filter:blur(12px)}dialog img{display:block;max-width:100%;max-height:78svh;object-fit:contain;margin:auto}dialog p{font-size:11px;color:var(--muted);margin:16px 0 0}#close-reference{position:absolute;right:25px;top:25px;width:36px;height:36px;border-radius:50%;font-size:26px;background:#000a}
@media(min-width:1500px){.work-info{max-width:300px;bottom:200px}h1{font-size:70px}#description{font-size:13px}}@media(max-width:1100px){.edition,.gesture{display:none}.collection-label{min-width:140px}footer{gap:12px}.work-tab{min-width:100px;padding:7px}.work-tab img,.work-tab .thumbnail{width:35px;height:40px}.work-info{max-width:220px}h1{font-size:48px}.detail-panel{right:25px;width:115px}#viewport{left:18%;right:10%}}
@media(max-width:700px){#exhibition{height:100svh;min-height:760px}header{top:20px;left:20px;right:20px}.brand{font-size:14px;gap:12px}.brand-icon{font-size:35px;padding-right:17px}.brand small{font-size:7px;letter-spacing:1.4px}.header-right{gap:0}#sound{padding:9px 10px;font-size:9px}.top-caption{left:20px;top:94px;font-size:9px;gap:8px}#medium{font-size:7px}.caption-line{width:20px}.backdrop-word{left:6%;top:19%;font-size:19vw}#viewport{left:0;right:0;top:125px;bottom:340px}.orbital{width:115vw;height:115vw;left:-7.5%;top:110px}.orbital-two{width:94vw;height:94vw;left:3%;top:150px}.work-info{left:22px;bottom:135px;max-width:calc(100% - 44px);width:100%;padding-right:105px}.eyebrow{font-size:8px;margin-bottom:9px}h1{font-size:34px;letter-spacing:5px;margin-bottom:7px}#english{font-size:8px;letter-spacing:2px;margin-bottom:10px}#description{font-size:10px;line-height:1.8;margin-bottom:10px;max-width:340px}.tags span{font-size:8px;padding:3px 6px}.text-button{font-size:9px;padding:12px 0 3px}#draft-note{font-size:9px;margin:10px 0 0}.detail-panel{right:18px;top:auto;bottom:172px;width:94px}.detail-panel .eyebrow{font-size:6px;letter-spacing:.5px;margin-bottom:6px}.detail-panel button{font-size:9px;gap:6px;padding:7px 0}.detail-panel button span{width:19px;height:19px;font-size:8px}.detail-panel>p:last-child{font-size:7px;line-height:1.6;margin-top:10px}.view-controls{bottom:352px;left:50%;padding:2px;gap:0}.view-controls button{padding:6px 12px;font-size:16px}.view-controls span{font-size:9px}footer{left:20px;right:0;height:112px;display:block;padding-top:12px}.collection-label{font-size:8px;letter-spacing:1.5px;margin-bottom:9px}.collection-label small{display:none}#collection{overflow-x:auto;padding-right:20px;gap:6px;scrollbar-width:none}.work-tab{min-width:104px;padding:5px 7px;gap:8px}.work-tab img,.work-tab .thumbnail{width:32px;height:36px}.work-tab b{font-size:10px}.work-tab small{font-size:7px;margin-top:5px}#loading{left:50%;top:31%;font-size:10px;white-space:nowrap}#focused{top:117px;z-index:3;white-space:nowrap;font-size:9px;padding:7px 12px}#focused button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}}

.work-info h1{font-size:clamp(32px,3.6vw,58px);letter-spacing:4px} @media(max-width:700px){.work-info h1{font-size:32px}#viewport{bottom:370px}}
.work-info h1{font-size:44px}@media(max-width:700px){.work-info h1{font-size:32px}}

/* Warm reference palette and artwork notes are maintained separately. */