@font-face{font-family:Inter;src:url('/fonts/Inter-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0020-007E}
:root{--bg:#fff;--text:#202020;--muted:#606060;--line:#d8d8d8;--surface:#f7f7f7;--surface-2:#eee;--accent:#111;--accent-ink:#fff;--accent-hover:#333;--hover-bg:#f0f0f0;--subtle-line:#e8e8e8}
@media(prefers-color-scheme:dark){:root{--bg:#121212;--text:#f5f5f5;--muted:#b0b0b0;--line:#444;--surface:#1c1c1c;--surface-2:#2a2a2a;--accent:#fff;--accent-ink:#111;--accent-hover:#ddd;--hover-bg:#252525;--subtle-line:#303030}}
body,button,input{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{line-height:1.6}.topbar{border-bottom:1px solid var(--subtle-line)}.mark{background:#111;color:#fff}.button{min-height:48px;font-weight:500;padding:12px 25px}.button:hover,.feature:hover,.real-device a:hover{transform:none}.button.primary:hover{background:var(--accent-hover)}.button.secondary:hover{background:var(--hover-bg);border-color:var(--accent)}.cta .button:hover{background:var(--surface-2);color:var(--text)}.feature:hover,.release:hover{background:var(--surface)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.docs-sidebar a:hover,.mobile-directory:hover{background:var(--hover-bg)}.real-device a{transition:transform 180ms cubic-bezier(.2,.8,.2,1)}.real-device a:active{transform:none}@media(prefers-reduced-motion:reduce){.real-device a:active{transform:none}}
/* Press feedback and Material-style ripples, without delaying navigation. */
:is(.button,button,.feature,.release,nav a,.text-link,.back,.footer a){position:relative;overflow:hidden;isolation:isolate;transition:transform 180ms cubic-bezier(.2,.8,.2,1),background-color 160ms,color 160ms,border-color 160ms}
:is(.button,button,.text-link,.back,.footer a):active{transform:none}
:is(.feature,.release):active{transform:none}
nav a:active{transform:none}
.tap-ripple{position:absolute;display:block;pointer-events:none;border-radius:50%;background:currentColor;opacity:0;transform:scale(0);animation:tap-ripple 550ms cubic-bezier(.2,.6,.3,1) forwards}
@keyframes tap-ripple{0%{transform:scale(0);opacity:.16}65%{opacity:.1}100%{transform:scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){
 :is(.button,button,.feature,.release,nav a,.text-link,.back,.footer a):active{transform:none}
 .tap-ripple{display:none;animation:none}
}

.gallery-next{display:block;width:100%;padding:0;border:7px solid var(--text);border-radius:18px;overflow:hidden;background:var(--surface);color:var(--text);box-shadow:var(--soft-shadow);cursor:pointer}.gallery-next img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.gallery-next:active{transform:none}@media(max-width:760px){.gallery-next{border-width:5px;border-radius:12px}}@media(prefers-reduced-motion:reduce){.gallery-next:active{transform:none}}

.real-device .gallery-next{appearance:none;-webkit-appearance:none;display:block;padding:0;border:12px solid #111;background:#111;border-radius:24px;box-shadow:0 0 0 1px #444,0 20px 45px #0003;overflow:hidden}.real-device .gallery-next img{border-radius:10px}@media(max-width:760px){.real-device .gallery-next{border-width:9px;border-radius:19px}.real-device .gallery-next img{border-radius:8px}}