/* SnailRepo desktop / mobile view switch (see view.js) */
.view-toggle{font:inherit;color:var(--ink-2,#3A4358);background:none;border:0;padding:0;margin:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.view-toggle:hover{color:var(--blue,#1546E0)}
.view-toggle-wrap[hidden]{display:none}

/* Phone frame shown on a computer in "mobile view" */
html.sr-phone-preview body{background:#05070D}
html.sr-phone-preview body > :not(.sr-phone){display:none !important}
.sr-phone{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px}
.sr-phone-bar{display:flex;align-items:center;gap:16px;color:#F5F7FF;font-family:"Sora",system-ui,sans-serif;font-weight:600;font-size:15px}
.sr-phone-bar button{font:inherit;min-height:44px;padding:0 18px;border-radius:12px;border:2px solid #F5F7FF;background:transparent;color:#F5F7FF;cursor:pointer}
.sr-phone-bar button:hover{background:#F5F7FF;color:#05070D}
.sr-phone-frame{box-sizing:content-box;max-width:calc(100vw - 52px);height:min(844px,calc(100vh - 140px));border:10px solid #000;border-radius:44px;overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 2px #2A3852}
.sr-phone-frame iframe{display:block;width:100%;height:100%;border:0}