.glass-phone,.glass-browser{isolation:isolate;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background:linear-gradient(#ffffffeb 0%,#f4f6f99e 38%,#e8ecf18c 70%,#fafbfcd9 100%);position:relative;box-shadow:inset 0 0 0 1px #fffffff2,inset 0 0 0 1.6px #96a0ac52,inset 0 3px 4px -1px #fff,inset 0 -6px 10px -4px #6e7a8a38,inset 3px 0 6px -4px #ffffffe6,inset -3px 0 6px -4px #78849240,0 30px 48px -30px #27344047,0 9px 16px -11px #27344038,0 0 0 .5px #78828e2e}.glass-phone{border-radius:15%/7%;padding:4.6%}.glass-phone-screen{z-index:1;background:#0d0f12;border-radius:11.5%/5.3%;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #14181e8c,0 0 0 2.5px #ffffff8c}.glass-phone-screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.glass-phone-glare{z-index:2;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(118deg,#ffffff52 0%,#ffffff0f 22%,#fff0 40% 72%,#ffffff1a 100%);position:absolute;inset:0}@media (prefers-reduced-transparency:reduce){.glass-phone,.glass-browser{-webkit-backdrop-filter:none;backdrop-filter:none;background:#eef1f4}}html[data-portfolio-theme=dark] .glass-phone,html[data-portfolio-theme=dark] .glass-browser{background:linear-gradient(#ffffff38 0%,#ffffff14 40%,#ffffff0d 70%,#ffffff29 100%);box-shadow:inset 0 0 0 1px #ffffff59,inset 0 3px 4px -1px #ffffff80,inset 0 -6px 10px -4px #0000004d,0 30px 48px -30px #0009,0 9px 16px -11px #00000080}.glass-browser{--gb-bezel:clamp(9px,1vw,14px);padding:0 var(--gb-bezel) var(--gb-bezel);border-radius:calc(var(--gb-bezel) * 2.2)}.glass-browser-bar{height:calc(var(--gb-bezel) * 2.6);justify-content:center;align-items:center;display:flex}.glass-browser-bar span{text-overflow:ellipsis;white-space:nowrap;max-width:60%;font:500 clamp(9px,.8vw,11px)/1.6 var(--font-mono,ui-monospace,monospace);letter-spacing:.02em;color:#28323e9e;background:#ffffff8c;border-radius:999px;padding:2px 14px;overflow:hidden;box-shadow:inset 0 0 0 1px #96a0ac47,inset 0 1px 1px #fff}.glass-browser-screen{z-index:1;border-radius:calc(var(--gb-bezel) * 1.1);background:#0d0f12;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #14181e66,0 0 0 2.5px #ffffff8c}.glass-browser-screen img{width:100%;height:auto;display:block}html[data-portfolio-theme=dark] .glass-browser-bar span{color:#f0f4f8b3;background:#ffffff14}.glass-phone-screen--live,.glass-browser-screen--live{background:#fff;position:relative;container-type:inline-size}