:root{--panel: rgba(250, 247, 242, .62);--panel-border: rgba(255, 255, 255, .55);--ink: #2b2420}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#2a1f17;color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer}#controls>button,#size{background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 6px 24px #1e12082e}#controls{position:fixed;top:max(16px,env(safe-area-inset-top));right:16px;display:flex;gap:8px}#controls button{font:inherit;font-size:13px;font-weight:600;color:var(--ink);padding:9px 14px;border-radius:999px;cursor:pointer;transition:background .15s,transform .1s}#controls button:hover{background:#fffcf8d1}#controls button:active{transform:scale(.96)}#controls button:disabled{opacity:.5;cursor:default}#size{display:flex;padding:3px;border-radius:999px}#size button{background:transparent;border:0;padding:6px 12px}#size button:hover{background:#fffcf880}#size button[aria-checked=true]{background:#fffcf8f2;box-shadow:0 1px 4px #1e12082e}#hint{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);padding:8px 16px;border-radius:999px;font-size:13px;color:#fff8ef;background:#1e140c73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap;transition:opacity 1.2s ease}#hint.hidden{opacity:0}