*{box-sizing:border-box;letter-spacing:0}header,.intro,footer{display:none!important}main:not(.book-is-open) .toolbar{display:none}body{min-width:280px;margin:0;background:#f0f2f1;color:#292e31;font-family:Arial,Microsoft YaHei,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}header{position:absolute;inset:0 0 auto;z-index:5;min-height:80px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}header>a:first-child{font-weight:700}header>a:first-child span{font-weight:400;margin-left:12px}header>span{color:#596366}main{position:relative;min-height:100dvh}.intro{position:absolute;top:110px;left:5%;z-index:1;max-width:240px}h1{font-family:Georgia,SimSun,serif;font-weight:400;font-size:32px;margin:16px 0}.intro p{font-size:13px;color:#596366;line-height:1.8}.intro nav{display:flex;gap:24px;font-size:13px;margin-top:24px}#stage{height:100dvh;min-height:320px}canvas{display:block;touch-action:none}.toolbar{position:absolute;bottom:68px;left:0;right:0;z-index:4;display:flex;justify-content:center;align-items:center;gap:24px;padding:0 5%;font-size:12px}.scene-settings{position:absolute;right:5%;bottom:0;color:#40504e}.scene-settings summary{cursor:pointer;padding:12px 0;text-align:right}.scene-settings[open]{padding:12px 18px;background:#f6f8f4f2;border:1px solid #bcc7bf;border-radius:4px;box-shadow:0 10px 30px #273e3610}.scene-settings[open] summary{margin-bottom:6px}.scene-settings label{padding:10px 16px}#open-book{padding:14px 30px;min-height:48px}.book-is-open{min-height:100dvh;padding-top:80px;padding-bottom:70px}.book-is-open .toolbar{position:static;padding:14px 20px 24px}.book-is-open .scene-settings{display:none}.views{display:flex;gap:4px}button{border:0;background:transparent;color:#596366;padding:10px 16px;cursor:pointer;font:inherit;min-height:40px}button[aria-pressed=true]{background:#244957;color:#fff;border-radius:2px}button:hover:not(:disabled){background:#e1e6e4;color:#243f49}button[aria-pressed=true]:hover{background:#244957;color:#fff}button:disabled{opacity:.45;cursor:default}label{display:flex;gap:8px;align-items:center;cursor:pointer}input{accent-color:#244957}footer{position:absolute;bottom:0;left:0;right:0;padding:18px 5%;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#596366;pointer-events:none}.error{padding:240px 5% 40px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #244957;outline-offset:4px}@media(max-width:0px){header{min-height:68px;font-size:11px}header>span{display:none}.intro{position:relative;top:auto;left:auto;padding:18px 6% 0;max-width:none}h1{font-size:30px}.intro nav{margin-top:16px}#stage{height:330px;min-height:0}.toolbar{gap:10px;padding:8px 12px 20px}button{padding:10px 12px}footer{font-size:10px;flex-wrap:wrap}}