@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/vt323-vietnamese-400-normal.D0VnvwZ9.woff2)format("woff2"),url(/_astro/vt323-vietnamese-400-normal.D_5Q7Vcv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/vt323-latin-ext-400-normal.iUdYUaX4.woff2)format("woff2"),url(/_astro/vt323-latin-ext-400-normal.DqOq58ri.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/vt323-latin-400-normal.wDgJuOC9.woff2)format("woff2"),url(/_astro/vt323-latin-400-normal.Dqn9ZSPj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.phone.brick{--shell:#22345c;--key:linear-gradient(180deg, #e9edf3 0%, #c3cbd8 100%);--key-ink:#14203b;background:radial-gradient(120% 60% at 30% 0,#ffffff38,#0000 55%),linear-gradient(100deg,#121c36 0%,#2d4170 30%,#34497c 50%,#24365f 72%,#0f1830 100%);border-radius:140px 140px 110px 110px/60px 60px 150px 150px;gap:18px;width:min(340px,100%);padding:26px 26px 40px;display:grid;position:relative;box-shadow:inset 0 2px #ffffff40,inset 0 -6px 12px #00000073,inset 6px 0 10px #00000040,inset -6px 0 10px #0000004d,0 4px #0a1124,0 40px 60px -24px #0a1124b3}.brick .ph-top{justify-items:center;gap:8px;display:grid}.ph-ear{gap:3px;display:grid}.ph-ear i{background:#0a1124;border-radius:2px;width:46px;height:3px;display:block;box-shadow:0 1px #ffffff1f}.ph-ear i:first-child,.ph-ear i:nth-child(5){justify-self:center;width:30px}.ph-brand{font:700 13px/1 var(--font);letter-spacing:.35em;color:#c9d2e3;text-shadow:0 1px #0a1124;padding-left:.35em}.ph-bezel{background:linear-gradient(#d9dde4,#9aa2b0);border-radius:20px 20px 34px 34px;padding:12px;box-shadow:inset 0 1px #fff,inset 0 -2px #6d7484,0 2px #0a1124}.lcd.pixel{font-family:"VT323", var(--mono);color:#1c2810;background:radial-gradient(130% 100% at 50% 0,#b6c983 0%,#9db267 60%,#8aa057 100%);border-radius:8px 8px 16px 16px;padding:8px 12px 10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #1c2810,inset 0 4px 10px #00000059}.lcd.pixel:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000000d 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#0000000a 0 1px,#0000 1px 3px);position:absolute;inset:0}.lcd-status{justify-content:space-between;align-items:end;height:22px;margin-bottom:2px;display:flex}.lcd-title{letter-spacing:.08em;align-self:center;font-size:16px}.lcd-bars{align-items:end;gap:2px;height:18px;display:flex}.lcd-bars i{background:#1c2810;width:4px}.lcd-bars i:first-child{height:5px}.lcd-bars i:nth-child(2){height:9px}.lcd-bars i:nth-child(3){height:13px}.lcd-bars i:nth-child(4){height:18px}.lcd-bars.bat{flex-direction:row-reverse}.lcd.pixel .lcd-label{font:400 15px/1.1 "VT323", var(--mono);color:#34461f;letter-spacing:.06em;text-transform:uppercase;margin:2px 0 0}.lcd.pixel .target,.lcd.pixel .typed{font:400 25px/26px "VT323", var(--mono);letter-spacing:.02em;min-height:26px;margin:0 0 4px}.lcd.pixel .target .ok{color:#55693a}.lcd.pixel .target .cur,.lcd.pixel .typed .pending{color:#a9bd75;background:#1c2810;border-radius:0}.lcd.pixel .ko{color:#1c2810;text-underline-offset:3px;text-decoration:underline wavy #7a1010}.lcd.pixel .caret{background:#1c2810;width:3px;height:20px}.lcd.pixel .lcd-progress{background:#1c28102e;border-radius:0;height:5px;margin-top:4px}.lcd.pixel .lcd-progress span{background:#1c2810}.lcd-soft{text-align:center;font:400 18px/1 "VT323", var(--mono);text-underline-offset:3px;margin:6px 0 0;text-decoration:underline}.brick .t9pad{gap:10px 14px;padding:0 4px}.ph-nav{grid-column:1/-1;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:10px;margin-bottom:6px;display:grid}.brick .t9key{min-height:46px;color:var(--key-ink);background:var(--key);border-radius:48% 48% 44% 44%/60% 60% 40% 40%;gap:1px;padding:4px 6px;box-shadow:inset 0 1px #fff,inset 0 -3px #9aa4b6,0 3px #0a1124,0 6px 8px -4px #000}.brick .t9key:hover{background:linear-gradient(#f6f8fb,#ced5e1)}.brick .t9key:active,.brick .t9key.hit{color:#1c2810;background:linear-gradient(#d9f0a6,#a9c96a);transform:translateY(2px);box-shadow:inset 0 1px #fff,0 1px #0a1124,0 0 14px #bee66eb3}.brick .t9-digit{font:800 20px/1 var(--font)}.brick .t9-letters{color:#3b4a68;font-size:9px}.brick .t9key:focus-visible{outline-offset:2px;outline:3px solid #ffd34d}.brick .t9pad>.t9key:nth-of-type(3n+3){translate:0 -3px;rotate:-5deg}.brick .t9pad>.t9key:nth-of-type(3n+1){translate:0 -3px;rotate:5deg}.brick .t9pad>.t9key:nth-of-type(3n+3):is(.hit,:active),.brick .t9pad>.t9key:nth-of-type(3n+1):is(.hit,:active){translate:0 -1px}.brick .ph-c{width:52px;min-height:40px;font:800 18px/1 var(--font);border-radius:50%;justify-self:start}.brick .ph-menu{background:linear-gradient(#e9edf3,#aeb8c9);border-radius:40% 40% 50% 50%/70% 70% 50% 50%;min-height:44px}.brick .ph-menu span{opacity:.7;background:#14203b;border-radius:2px;width:34px;height:4px}.ph-rocker{background:linear-gradient(90deg,#aeb8c9,#e9edf3 45%,#aeb8c9);border-radius:20px;justify-self:end;width:40px;height:56px;display:grid;overflow:hidden;box-shadow:inset 0 1px #fff,0 3px #0a1124}.ph-rocker i{color:#3b4a68;place-items:center;font-size:10px;font-style:normal;display:grid}.ph-rocker i+i{border-top:1px solid #8e98aa}.ph-mic{background:#0a1124;border-radius:3px;justify-self:center;width:22px;height:6px;margin-top:-6px;box-shadow:0 1px #ffffff1f}@media (width<=380px){.phone.brick{padding:22px 16px 34px}.brick .t9pad{gap:8px 10px}}@media (prefers-reduced-motion:reduce){.brick .t9key:active,.brick .t9key.hit{transform:none}}