:root{--ink:#3d3326;--ink-soft:#3d33269e;--bg:#f3eadf;font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;display:block}.overlay{pointer-events:none;color:var(--ink);padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.brand{flex-direction:column;gap:4px;display:flex}.brand h1{letter-spacing:.32em;text-transform:uppercase;margin:0;font-size:15px;font-weight:700}.brand span{color:var(--ink-soft);letter-spacing:.06em;font-size:12px}.footer{color:var(--ink-soft);justify-content:space-between;align-items:flex-end;gap:12px;font-size:12px;display:flex}.hint{letter-spacing:.04em;line-height:1.6}.badge{pointer-events:auto;-webkit-backdrop-filter:blur(8px);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer;font-size:11px;font:inherit;background:#ffffff73;border:1px solid #3d33262e;border-radius:999px;padding:6px 12px}@media (width<=640px){.brand h1{font-size:13px}.footer{font-size:11px}}html{background:#020817}body{flex-direction:column;height:100dvh;display:flex}#root{background:var(--bg);flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}#root>div:first-of-type{height:100%}.overlay{position:absolute}.mm-bar{z-index:60;height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));-webkit-user-select:none;user-select:none;background:#020817;border-bottom:1px solid #6e8cff24;flex:none;align-items:center;gap:12px;font-family:ui-sans-serif,system-ui,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:flex;position:relative}.mm-bar a{color:#eef2ff;align-items:center;gap:8px;min-height:44px;text-decoration:none;display:inline-flex}.mm-bar a:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #4f7dff}.mm-bar .mm-mark{width:auto;height:24px}.mm-bar .mm-word{opacity:.9;width:auto;height:19px;display:none}.mm-bar .mm-sep{background:#7896ff3d;width:1px;height:16px}.mm-bar .mm-section{white-space:nowrap;font-size:15px;font-weight:500}.mm-bar .mm-back{color:#9fb0d9;white-space:nowrap;margin-left:auto;font-size:14px}.mm-bar .mm-back:hover{color:#eef2ff}@media (width>=768px){.mm-bar{height:calc(64px + env(safe-area-inset-top,0px));padding-left:24px;padding-right:24px}.mm-bar .mm-mark{height:32px}.mm-bar .mm-word{display:block}}.footer{justify-content:center;align-items:center}.hint{pointer-events:none;color:#c7d2f0;text-align:center;background:#020817c7;border:1px solid #7896ff3d;border-radius:999px;max-width:100%;padding:7px 14px}
