.lk-device{--device-w:min(272px,70vw);--device-r:calc(var(--device-w)*.162);--bezel:calc(var(--device-w)*.034);--device-body:linear-gradient(150deg,#4b524d,#272d29 24%,#1b1f1d 62%,#363c38);--device-key:#2c312e;position:relative;width:var(--device-w);aspect-ratio:9/19.3;margin-inline:auto;padding:var(--bezel);box-sizing:border-box;border-radius:var(--device-r);background:var(--device-body);box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 0 calc(var(--bezel)*.45) #111412,0 2px 3px #171c1933,0 30px 60px -22px var(--device-glow,color-mix(in srgb,var(--world-ink,#272e2a) 55%,transparent))}.lk-device:before,.lk-device:after{content:"";position:absolute;width:3px;background:var(--device-key);pointer-events:none}.lk-device:before{left:-3px;top:21%;height:8%;border-radius:2px 0 0 2px;box-shadow:0 calc(var(--device-w)*.13) 0 var(--device-key)}.lk-device:after{right:-3px;top:27%;height:13%;border-radius:0 2px 2px 0}.lk-device__screen{position:relative;height:100%;display:grid;overflow:hidden;border-radius:calc(var(--device-r) - var(--bezel));background:var(--paper);color:var(--ink);isolation:isolate}.lk-device__screen>*{grid-area:1/1;min-width:0;min-height:0;overflow:auto;scrollbar-width:none;padding-block-start:var(--device-safe,calc(var(--device-w)*.13));outline:0}.lk-device__screen>[hidden]{display:none}.lk-device__screen:before{content:"";position:absolute;z-index:3;top:calc(var(--device-w)*.032);left:50%;width:31%;height:calc(var(--device-w)*.078);translate:-50% 0;border-radius:999px;background:#0d0f0e;pointer-events:none}.lk-device__screen:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(116deg,#ffffff57 0 13%,#fff0 31%),linear-gradient(116deg,#fff0 61%,#ffffff1f 69%,#fff0 79%);box-shadow:inset 0 0 0 1px #0000001a}.lk-device__tabs{position:absolute;left:100%;top:15%;display:flex;flex-direction:column;gap:6px;padding:4px 8px 6px 0;overflow:clip}.lk-device__tabs[hidden]{display:none}.lk-device__tab{box-sizing:border-box;min-width:44px;min-height:56px;margin:0;padding:12px 10px 12px 14px;border:0;border-radius:0 10px 10px 0;background:var(--tab,var(--world-mat,var(--cream)));color:var(--world-ink,var(--ink));font:700 var(--fs-meta,13px)/1.1 var(--font-ui,sans-serif);writing-mode:vertical-rl;cursor:pointer;translate:-10px 0;box-shadow:inset 4px 0 5px -3px #171c1959,0 1px 2px #272e2a24}.lk-device__tab[aria-selected=true]{translate:0 0;background:var(--tab,var(--raised));box-shadow:inset 4px 0 5px -3px #171c194d,var(--sh-lift,0 6px 14px rgb(39 46 42/.16))}.lk-device__tab:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}@media(prefers-reduced-motion:no-preference){.lk-device__tab{transition:translate var(--spring-snap-dur,458ms) var(--spring-snap,ease),background-color var(--dur-ui,.22s)}.lk-device__tab:active{scale:.98}::view-transition-group(*.lk-device){overflow:clip;border-radius:28px;animation-duration:var(--dur-overlay,.28s)}::view-transition-old(*.lk-device){animation:lk-dev-out var(--dur-overlay,.28s) var(--ease-standard,ease) both}::view-transition-new(*.lk-device){animation:lk-dev-in var(--spring-paper-dur,.52s) var(--spring-paper,ease) both}html:active-view-transition-type(lk-back)::view-transition-old(*.lk-device){animation-name:lk-dev-back-out}html:active-view-transition-type(lk-back)::view-transition-new(*.lk-device){animation-name:lk-dev-back-in}}@keyframes lk-dev-in{0%{opacity:0;transform:translate(32%)}40%{opacity:1}}@keyframes lk-dev-out{to{opacity:0;transform:translate(-16%) scale(.96)}}@keyframes lk-dev-back-in{0%{opacity:0;transform:translate(-16%) scale(.96)}}@keyframes lk-dev-back-out{to{opacity:0;transform:translate(32%)}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .lk-device{--device-body:linear-gradient(150deg,#5a615c,#2c322e 24%,#151816 62%,#3a403c);--device-glow:rgb(0 0 0/.55)}}:root[data-theme=dark] .lk-device{--device-body:linear-gradient(150deg,#5a615c,#2c322e 24%,#151816 62%,#3a403c);--device-glow:rgb(0 0 0/.55)}