html,body,#root{height:100%;margin:0}body{background:#9fd8ef;font-family:system-ui,sans-serif}.island{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}.island:active{cursor:grabbing}.hud{color:#1d3557;background:#ffffffd9;border-radius:12px;padding:12px 16px;position:fixed;top:16px;left:16px}.hud h1{margin:0 0 4px;font-size:20px}.hud p{margin:0;font-size:14px}.card{color:#1d3557;background:#ffffffeb;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;font-size:14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}.card strong{font-size:16px}.views{gap:4px;margin-top:8px;display:flex}.views button{font:inherit;cursor:pointer;color:#1d3557;background:0 0;border:1px solid #1d35574d;border-radius:8px;padding:4px 10px;font-size:13px}.views button[aria-pressed=true]{color:#fff;background:#1d3557;border-color:#1d3557}