:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f9fd;--line:#88a0b429;--line-strong:#7693ac42;--text:#133149;--text-soft:#4b667b;--muted:#546d81b3;--accent:#6fc1d2;--shadow:#96b1c41f}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}html{background:var(--bg)}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 18% 18%,#bdebdc29,#0000 22%),radial-gradient(circle at 72% 40%,#bad7f32e,#0000 30%),radial-gradient(circle at 84% 16%,#dcecf757,#0000 22%),linear-gradient(#fbfeff 0%,#f5f9fd 46%,#edf5fb 100%);margin:0;font-family:PingFang SC,Hiragino Sans GB,SF Pro Text,Helvetica Neue,Noto Sans SC,sans-serif;font-weight:400}button,select,input{font:inherit}button{cursor:pointer}.shell{height:100dvh;overflow:hidden}.shell--centered{color:var(--muted);place-items:center;display:grid}.experience{height:100%;position:relative;overflow:hidden}.experience__visualPane{place-items:center start;padding:0 1vw 0 0;display:grid;position:absolute;inset:0}.panel__label,.panel__fieldLabel{color:#4b677d9e;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;font-weight:500}.experience__stage{place-items:center start;width:100%;height:100%;display:grid;overflow:hidden}.experience__canvas{width:min(50dvh - 1px,500px);height:calc(100dvh - 2px);margin-left:22vw;display:block}.experience__panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff1f,#ffffff0a);border-left:1px solid #849aac29;flex-direction:column;justify-content:center;gap:22px;width:min(26vw,360px);padding:22px 18px 22px 24px;display:flex;position:absolute;top:26px;bottom:26px;right:26px}.panel__section{border-bottom:1px solid #849aac1f;gap:8px;min-height:0;padding-bottom:20px;display:grid}.panel__field{gap:8px;display:grid}.panel__caption,.panel__hint{color:var(--muted);line-height:1.6}.sample-select{width:100%;color:var(--text);box-shadow:none;background:0 0;border:0;border-bottom:1px solid #849aac2e;border-radius:0;padding:10px 0 8px}.panel__section--pose{padding-top:4px}.panel__poseValue{letter-spacing:-.03em;font-size:clamp(.98rem,1.18vw,1.16rem);font-weight:430;line-height:1.12}.panel__section--narrative{padding-top:2px}.panel__narrative{margin:0;font-size:.92rem;font-weight:400;line-height:1.68}.panel__hint{margin:0;font-size:.84rem;line-height:1.66}.panel__section--playback{border-bottom:0;gap:12px;padding-bottom:0}.panel__metaRow{color:var(--text-soft);justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;display:flex}.playback{background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 0 0;display:grid}.playback__button{color:#1c445d;background:linear-gradient(135deg,#c2ecdecc,#d6e9f5d6);border:0;border-radius:999px;padding:7px 11px;font-weight:420}.playback__slider{accent-color:#69b8c9;width:100%}.playback__time{color:var(--text-soft);gap:8px;display:inline-flex}.sample-select:focus-visible,.playback__button:focus-visible,.playback__slider:focus-visible{outline-offset:2px;outline:2px solid #69b8c9bf}@media (width<=1180px){html,body,#root{overflow:auto}.shell{height:auto;min-height:100dvh;overflow:visible}.experience{min-height:100dvh;overflow:visible}.experience__visualPane{min-height:58vh;padding:0;position:relative}.experience__stage{place-items:center;min-height:58vh}.experience__canvas{width:min(50dvh - 6px,390px);height:min(100dvh - 12px,82vh);margin-left:0}.experience__panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid #849aac29;border-left:0;width:min(100%,760px);margin:0 auto;padding:22px 18px 20px;position:relative;top:auto;bottom:auto;right:auto}}@media (width<=720px){.experience__panel{width:auto;margin:0 12px 12px;padding-inline:16px}.experience__canvas{width:min(50dvh - 4px,320px);height:min(100dvh - 8px,76vh)}.panel__metaRow,.playback{grid-template-columns:1fr;display:grid}.playback__time{justify-content:space-between}}