:root{color-scheme:light;--bg:#e9dfd1;--fg:#3c302a;--muted:#79685d;--accent:#855c45;--line:#71594733}
.ambient{background:radial-gradient(ellipse at 56% 42%,#fff8ecb3,transparent 68%),linear-gradient(140deg,#efdcd04d,transparent 55%)}
.orbital{border-color:#866c5312}.backdrop-word{color:#76573c08}.live-dot{box-shadow:0 0 10px #855c4522}
#description,.tags span{color:#6d5c50}.text-button{border-bottom-color:#855c4555}.detail-panel button{color:#675548}.detail-panel button span{border-color:#855c4560}.detail-panel>p:last-child,.gesture small{color:#816f61}
.view-controls{background:#f6ecdfd9;box-shadow:0 5px 22px #6e51300a}.work-tab.active{border-color:#91664b77;background:#fff8ed70}.work-tab .thumbnail{background:#85674b0a;color:#765b46}.work-tab img{filter:saturate(.8)}
#loading{background:#f9f1e5ed;color:#5e4a3c}.spinner{border-color:#855c4530;border-top-color:var(--accent)}#focused{background:#f7eddfed}
dialog{background:#f5ebde;color:var(--fg);border-color:#9b7c6050;box-shadow:0 20px 100px #4b302b33}dialog::backdrop{background:#43332980;backdrop-filter:blur(10px)}#close-reference{background:#f5ebdeed;color:#49362b}
.info-actions{display:flex;gap:24px}.info-actions .text-button{white-space:nowrap}.info-actions .text-button span{margin-left:12px}
#about-dialog{padding:0;width:980px;max-height:88svh;overflow:auto;border-radius:12px}.dialog-close{position:absolute;right:16px;top:16px;width:36px;height:36px;display:grid;place-items:center;font-size:26px;background:#f8f0e5ed;border:1px solid var(--line);border-radius:50%;z-index:2}
.about-layout{display:grid;grid-template-columns:42% 58%;min-height:520px}.about-art{background:#e5d7c5;display:flex;flex-direction:column;justify-content:center;padding:26px}.about-art img{width:100%;height:auto;max-height:60svh;border-radius:4px;object-fit:contain}.about-art span{font-size:9px;letter-spacing:2px;color:#786653;margin-top:16px}.about-text{padding:48px 44px 34px}.about-text h2{font-size:34px;font-weight:400;letter-spacing:4px;margin:0 0 30px}.about-text h3{font-size:12px;font-weight:600;letter-spacing:1px;margin:23px 0 9px;color:#79583e}.about-text p:not(.eyebrow){font-size:12px;line-height:1.95;margin:0;color:#69594b}
@media(max-width:700px){.info-actions{gap:20px}.info-actions .text-button{padding-top:12px}.info-actions .text-button span{margin-left:8px}.about-layout{display:block;min-height:0}.about-art{padding:20px 20px 14px}.about-art img{height:185px;max-height:28svh;width:100%;object-fit:cover}.about-art span{font-size:8px;margin-top:10px}.about-text{padding:24px}.about-text h2{font-size:28px;margin-bottom:20px}.about-text h3{font-size:12px}.about-text p:not(.eyebrow){font-size:12px;line-height:1.9}#about-dialog{max-height:88svh;max-width:92vw}.dialog-close{top:10px;right:10px}}