:root{color:#273e39;font-synthesis:none;background:#bddff0;font-family:system-ui,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}#app{width:100%;height:100dvh;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}canvas:focus-visible{outline-offset:-2px;outline:2px solid #356858}.panel{left:max(20px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));background:#f7faf0ed;border:1px solid #ffffffb3;border-radius:16px;width:min(360px,100% - 40px);max-height:calc(100dvh - 40px);padding:20px;position:absolute;overflow:auto;box-shadow:0 8px 36px #223c3420}.eyebrow{letter-spacing:1.4px;color:#5d786b;font-size:10px;font-weight:750}.eyebrow span{float:right}h1{margin:8px 0 4px;font-size:23px;font-weight:650}p{margin:0;font-size:12px;line-height:1.7}.subtitle,.note{color:#65776b}.toolbar{gap:8px;margin:18px 0 14px;display:flex}button{color:#354d42;min-height:42px;font:inherit;cursor:pointer;background:#fff9;border:1px solid #ccd7cb;border-radius:8px;flex:1;font-size:13px}button[aria-pressed=true]{color:#fff;background:#356858;border-color:#356858}button:hover{border-color:#356858}button:disabled{opacity:.4;cursor:default}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #bf8b39}.stats{justify-content:space-between;font-size:12px;font-weight:650;display:flex}.status{color:#4a6e5b;min-height:42px;padding-top:8px}details{border-top:1px solid #d9e2d4;margin-top:8px;padding-top:10px}summary{cursor:pointer;margin-bottom:7px;font-size:12px}.note{margin-top:7px;font-size:11px}@media (height<=600px){.panel{padding:12px}h1{font-size:18px}.toolbar{margin:8px 0}details p{font-size:11px}}