#phone[open]{display:grid;place-items:center;animation:profile-appear .32s ease-out}#phone{inset:0;margin:0;border:0;padding:0;width:100%;height:100dvh;max-width:none;max-height:none;background:transparent}#phone::backdrop{background:#37271b1a;backdrop-filter:blur(13px)}#phone [hidden]{display:none!important}#phone-back{position:absolute;top:10px;left:12px;z-index:2}.device{position:relative;width:min(92vw,calc(48.625dvh - 46px),560px);aspect-ratio:672/1382;user-select:none}.glass{position:absolute;inset:1.8813% 4.3155%;overflow:hidden;border-radius:16%/7.4%;background:#ef6085}.frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.home{position:absolute;width:119.8697%;max-width:none;height:auto;left:-9.93485%;top:-4.51128%;pointer-events:none}.tile{position:absolute;border:0;background:transparent;box-shadow:none;padding:0;cursor:pointer}.tile:focus-visible{outline:3px solid white}.tile:active{backdrop-filter:brightness(1.2)}#yj{position:absolute;inset:0;overflow:hidden;touch-action:pan-y pinch-zoom;cursor:grab;background:#596743;transform-origin:65% 35%}#yj>div{position:absolute;inset:0;overflow:hidden;transition:transform .22s ease-out}#yj.drag>div{transition:none}#yj img{position:absolute;left:50%;transform:translateX(-50%);width:auto;height:100%;max-width:none;pointer-events:none}.phone-nav{position:absolute;top:100%;width:100%;display:flex;align-items:center;justify-content:center;gap:18px}.phone-nav button{min-width:44px;height:44px;border:0;background:transparent;box-shadow:none;font-size:25px}@media(prefers-reduced-motion:reduce){#phone[open],#yj>div{animation:none;transition:none}}
.tile {padding:0; margin:0; appearance:none; line-height:0;}
.tile img {display:block; width:100%; height:100%; object-fit:contain; pointer-events:none;}
@keyframes tile-breathe {from {transform:translateY(1.5%)} to {transform:translateY(-3.75%)}}
@media (prefers-reduced-motion:no-preference) {
  #phone[open] .tile {animation:tile-breathe var(--period) ease-in-out var(--phase) infinite alternate;}
}