.account-methods{gap:var(--space-4);padding-block-start:.5lh;display:grid}.account-method-choice{min-inline-size:0;display:grid;position:relative}.account-method-hint{background:var(--gray-2);border-radius:var(--radius-1);pointer-events:none;position:absolute;inset-block-start:0;inset-inline-end:var(--space-3);transform:translateY(-50%)}.phone-viewer-control{gap:var(--space-1);flex:none;display:flex}.phone-viewer-control>.ozzi-action{--action-icon-size:18px;gap:var(--space-2);block-size:56px;inline-size:76px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-3) var(--radius-3) 0 0;font-size:var(--font-size-1);line-height:var(--line-height-1);white-space:nowrap;color:var(--gray-11);border-block-end:2px solid #0000;flex-direction:column}.phone-viewer-control>.ozzi-action[aria-pressed=true]{color:var(--gray-12);border-block-end-color:var(--action);background:0 0}.phone-viewer,html[data-phone-viewer]{--phone-width:384px;--phone-height:824px;--phone-status-height:30px;--phone-address-height:56px;--phone-system-size:52px}html[data-phone-viewer],.phone-viewport{--viewport-small-height:calc(var(--phone-height) - var(--phone-status-height) - var(--phone-address-height) - var(--phone-system-size))}.phone-device[data-orientation=landscape] .phone-viewport{--viewport-small-height:calc(var(--phone-width) - var(--phone-status-height) - var(--phone-address-height))}@media (orientation:landscape){html[data-phone-viewer]{--viewport-small-height:calc(var(--phone-width) - var(--phone-status-height) - var(--phone-address-height))}}[data-phone-gestures],[data-phone-gestures] :where(*){cursor:grab}[data-phone-gestures] :is(input,textarea,select,[contenteditable=true]){cursor:auto}[data-phone-gestures][data-phone-grabbing],[data-phone-gestures][data-phone-grabbing] *{cursor:grabbing;-webkit-user-select:none;user-select:none}[data-phone-scrolling]{scroll-snap-type:none!important}@media (prefers-reduced-motion:no-preference){[data-phone-gestures] :is(.feed-gallery,.feed-viewport,.browse-shelf-viewport){scroll-behavior:smooth}}@media (width>=1024px){html:has(.app-shell){scrollbar-gutter:stable}html:has(.app-shell) body[data-scroll-locked]{margin-right:0!important}.shell-header-actions>.phone-viewer-control:after{content:"";inline-size:1px;block-size:var(--space-6);background:var(--gray-6);flex:none;align-self:center;margin-inline-start:var(--space-2)}}html[data-phone-viewer],html[data-phone-viewer] *,.phone-viewport *{scrollbar-width:none}html[data-phone-viewer]::-webkit-scrollbar{display:none}html[data-phone-viewer] ::-webkit-scrollbar{display:none}.phone-viewport ::-webkit-scrollbar{display:none}.phone-viewer-control [aria-label="Landscape phone view"] svg{transform:rotate(-90deg)}@media (width<1024px){.shell-header-actions>.phone-viewer-control{display:none}}.app-shell[data-viewer=true]>.shell-sidebar,.app-shell[data-viewer=true]>.shell-bottom-nav{display:none}.app-shell[data-viewer=true]>.shell-header{pointer-events:none;background:0 0;position:fixed;inset:0 0 auto}.app-shell[data-viewer=true]>.shell-header>.ozzi-theme{background:0 0}.app-shell[data-viewer=true] .shell-header-content{background:0 0;grid-template-columns:auto auto;justify-content:space-between}.app-shell[data-viewer=true] .shell-search{display:none}.app-shell[data-viewer=true] :is(.shell-identity,.shell-header-actions){pointer-events:auto}.app-shell[data-viewer=true]>.shell-content{max-inline-size:none;margin:0;padding:0}.shell-phone-viewer{height:100dvh}.shell-phone-viewer>.promotion-rail{inline-size:var(--promotion-width);position:fixed;inset-inline-end:var(--space-3)}.phone-viewer{height:100%;min-height:0;padding:var(--space-3) clamp(24px, 4vw, 72px);box-sizing:border-box;grid-template-rows:minmax(0,1fr);display:grid}.phone-viewer-space{place-items:center;gap:var(--space-5);min-width:0;min-height:0;display:grid}.phone-device{width:calc(var(--phone-width) + 20px);height:calc(var(--phone-height) + 20px);box-sizing:border-box;zoom:var(--phone-scale,.7);background:linear-gradient(115deg,#74787c,#303338 8%,#131518 40%,#24272b 75%,#686c71);border:1px solid #777b80;border-radius:38px;padding:9px;position:relative;box-shadow:0 22px 65px #0006,0 3px 9px #0008,inset 0 0 0 2px #222529,inset 0 0 0 3px #ffffff16}.phone-screen{--phone-browser-height:var(--phone-address-height);width:var(--phone-width);height:var(--phone-height);grid-template-columns:minmax(0,1fr);grid-template-rows:var(--phone-status-height) var(--phone-browser-height) minmax(0, 1fr) var(--phone-system-size);background:var(--color-background);border-radius:28px;transition:grid-template-rows .16s ease-out;display:grid;overflow:hidden}.phone-screen[data-browser-hidden=true]{--phone-browser-height:0px}.phone-screen[data-fullscreen=true]{--phone-browser-height:0px;grid-template-rows:0 0 minmax(0,1fr) 0;transition:none}.phone-screen[data-fullscreen=true] :is(.phone-status,.phone-browser-slot,.phone-system-navigation){visibility:hidden}.phone-status{font-size:13px;font-weight:var(--font-weight-semibold);background:var(--gray-2);color:var(--gray-12);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.phone-status-icons{align-items:center;gap:5px;display:flex}.phone-status-icons svg{width:15px;height:15px}.phone-browser-slot{background:var(--gray-2);min-height:0;overflow:hidden}.phone-browser{height:var(--phone-address-height);background:var(--gray-2);border-bottom:1px solid var(--gray-6);align-items:center;gap:10px;padding:6px 12px;transition:transform .16s ease-out;display:flex}.phone-screen[data-browser-hidden=true] .phone-browser{transform:translateY(-100%)}.phone-address{background:var(--gray-4);min-width:0;color:var(--gray-12);-webkit-user-select:none;user-select:none;border-radius:30px;flex:1;align-items:center;gap:10px;padding:8px 12px;font-size:16px;display:flex}.phone-address svg{flex:none;width:18px;height:18px}.phone-address>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.phone-browser-decoration{color:var(--gray-11);gap:12px;display:flex}.phone-browser-decoration svg{width:20px;height:20px}.phone-tab-count{font-size:11px;font-weight:var(--font-weight-semibold);-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:grid}.phone-tab-count>*{grid-area:1/1}.phone-viewport{min-width:0;min-height:0;position:relative;overflow:hidden}.phone-viewport>iframe{background:var(--color-background);border:0;width:100%;height:100%;display:block}.phone-viewport[data-loading=true]>:not(.phone-loading){visibility:hidden}.phone-loading{background:var(--color-background);place-items:center;display:grid;position:absolute;inset:0}.phone-loading-brand{justify-items:center;gap:var(--space-5);color:var(--logo-accent);display:grid}.phone-system-navigation{background:var(--color-background);color:var(--gray-11);justify-content:space-evenly;align-items:center;display:flex}.phone-system-navigation svg{width:18px;height:18px}.phone-system-navigation .lucide-menu{transform:rotate(90deg)}.phone-camera{box-sizing:border-box;pointer-events:none;background:radial-gradient(circle at 40% 35%,#283647,#0a0c11 32%,#020304 70%);border:2px solid #030405;border-radius:50%;width:11px;height:11px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #34373b}.phone-speaker{background:#090a0b;border-radius:4px;width:51px;height:2px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.phone-volume,.phone-power{background:linear-gradient(90deg,#65686d,#25272c);border-radius:0 2px 2px 0;width:3px;position:absolute;right:-4px;box-shadow:1px 0 1px #0008}.phone-volume{height:86px;top:160px}.phone-power{height:49px;top:280px}.phone-device[data-orientation=landscape]{width:calc(var(--phone-height) + 20px);height:calc(var(--phone-width) + 20px)}.phone-device[data-orientation=landscape] .phone-screen{width:var(--phone-height);height:var(--phone-width);grid-template-columns:30px minmax(0, 1fr) var(--phone-system-size);grid-template-rows:var(--phone-status-height) var(--phone-browser-height) minmax(0, 1fr)}.phone-device[data-orientation=landscape] .phone-screen[data-fullscreen=true]{grid-template-rows:0 0 minmax(0,1fr);grid-template-columns:30px minmax(0,1fr) 0}.phone-device[data-orientation=landscape] .phone-screen:before{content:"";background:#101112;grid-area:1/1/-1}.phone-device[data-orientation=landscape] :is(.phone-status,.phone-browser-slot,.phone-viewport){grid-column:2}.phone-device[data-orientation=landscape] .phone-system-navigation{flex-direction:column;grid-area:1/3/-1}.phone-device[data-orientation=landscape] .phone-camera{top:50%;left:23px;transform:translate(-50%,-50%)}.phone-device[data-orientation=landscape] .phone-speaker{width:2px;height:51px;top:50%;left:5px;transform:translateY(-50%)}.phone-device[data-orientation=landscape] .phone-volume{width:86px;height:3px;top:-4px;left:160px;right:auto}.phone-device[data-orientation=landscape] .phone-power{width:49px;height:3px;top:-4px;left:280px;right:auto}