:root{color-scheme:light;--ink:#51594e;--muted:#8b918a;--accent:#737f56;--line:#dedfd9;font-family:"Songti SC","STSong","SimSun",serif;background:#fff;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:#fff}main{width:min(100%,478px);margin:0 auto;padding:calc(52px + env(safe-area-inset-top,0px)) 8px calc(24px + env(safe-area-inset-bottom,0px))}button,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:disabled{opacity:.42;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 13px 24px}.tabs button{font-size:14px;letter-spacing:.5px;min-height:36px;white-space:nowrap;padding:0 0 10px;position:relative;color:#90948d}.tabs button[aria-selected=true]{color:#444d3c}.tabs button:after{content:"";position:absolute;left:11%;right:11%;height:1.5px;background:var(--accent);bottom:0;transform:scaleX(0);transition:transform .25s}.tabs button[aria-selected=true]:after{transform:scaleX(1)}
#landscape{width:100%;aspect-ratio:1;position:relative}#view{display:block;width:100%;height:100%;touch-action:pan-y}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#ffffffd9;font-size:12px;letter-spacing:2px;color:var(--muted)}#loading[hidden]{display:none}#retry{border-bottom:1px solid var(--line);padding:8px 12px}h1{font-weight:400;font-size:27px;line-height:1.4;letter-spacing:6px;padding-left:6px;margin:25px 0 13px;text-align:center}#description{font-size:12px;line-height:1.95;letter-spacing:.7px;max-width:320px;min-height:70px;margin:0 auto;text-align:center;color:#878c84;padding:0 8px}.controls{display:flex;justify-content:center;gap:49px;margin-top:19px}.controls button{min-width:40px;min-height:51px;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;letter-spacing:1px}.controls svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}#status{min-height:16px;margin:8px 15px 0;text-align:center;color:var(--muted);font-size:11px}#status:empty{visibility:hidden}.source-canvas{position:fixed;left:-12000px;top:0;pointer-events:none;visibility:hidden}
@media(max-width:375px){.tabs{margin-inline:8px}.tabs button{font-size:13px}.controls{gap:43px}h1{font-size:25px}#description{max-width:306px}}
@media(max-height:740px){main{padding-top:calc(24px + env(safe-area-inset-top,0px))}.tabs{margin-bottom:16px}h1{margin-top:18px;font-size:25px}#description{font-size:11px;min-height:58px}.controls{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.tabs button:after{transition:none}}