@charset "UTF-8";

/* Tela inicial real do aparelho: apenas os dois apps solicitados. */
.phone-screen { isolation: isolate; }
.screen-wallpaper { z-index: 0; background: radial-gradient(ellipse at 48% 49%, rgba(106, 226, 127, .3), transparent 38%), linear-gradient(150deg, #0c2111, #112919 40%, #07120a 73%, #030604); }
.screen-wallpaper .screen-sun { top: 23%; left: 13%; }
.screen-wallpaper .screen-wave-one { top: 33%; }
.screen-wallpaper .screen-wave-two { top: 47%; }
.phone-home-screen, .phone-home-screen[hidden], .ponci-app[hidden] { display: none !important; }
.phone-home-screen:not([hidden]) {
  position: absolute;
  z-index: 6;
  inset: 0;
  display: block !important;
  overflow: hidden;
  padding: 53px 13px 26px;
  color: #f5fbf6;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
.home-welcome { display: flex; flex-direction: column; align-items: center; gap: 5px; text-shadow: 0 2px 12px #0007; }
.home-welcome > span { color: #a9c4ad; font-size: 5px; line-height: 1.2; font-weight: 850; letter-spacing: .16em; }
.home-welcome > strong { color: #fff; font: 500 28px/.96 Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
.home-welcome > small { color: #c0d1c3; font-size: 6px; line-height: 1.3; }
.home-app-grid { display: grid; grid-template-columns: repeat(2, minmax(64px, 76px)); justify-content: center; gap: 25px; margin: 31px auto 0; }
.home-app-launch { display: flex; min-width: 0; flex-direction: column; align-items: center; gap: 7px; padding: 0; border: 0; background: transparent; color: #fbfffc; font: inherit; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.home-app-icon { display: grid; width: 54px; height: 54px; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.38); border-radius: 16px; box-shadow: 0 8px 22px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.35); transition: transform .18s ease, box-shadow .18s ease; }
.instagram-app-icon { background: radial-gradient(circle at 30% 110%, #ffd776 0 18%, #f56040 38%, #c13584 62%, #833ab4 83%, #405de6 100%); }
.instagram-app-icon svg { width: 33px; height: 33px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.instagram-app-icon .instagram-dot { fill: #fff; stroke: none; }
.ponci-app-icon { border-color: rgba(202,236,208,.62); border-radius: 15px; background: #040604; }
.ponci-app-icon img { width: 100%; height: 100%; object-fit: cover; }
.home-app-label { display: block; max-width: 76px; overflow: hidden; color: #fbfffc; font-size: 7px; line-height: 1.2; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 2px 8px #0009; }
.home-app-launch:hover .home-app-icon, .home-app-launch:focus-visible .home-app-icon { transform: translateY(-3px) scale(1.06); box-shadow: 0 12px 25px rgba(0,0,0,.48), 0 0 0 2px rgba(109,230,133,.5); }
.home-app-launch:active .home-app-icon { transform: scale(.9); }
.home-app-launch:focus-visible { outline: none; }
.home-app-launch:focus-visible .home-app-label { text-decoration: underline; text-underline-offset: 3px; }
.home-app-launch.is-launching .home-app-icon { animation: app-icon-launch .46s cubic-bezier(.2,.75,.25,1) both; }
.app-splash-caption { max-width: 160px; color: #b6c9b9; font-size: 7px; line-height: 1.5; letter-spacing: .04em; text-align: center; animation: app-copy-rise .5s .25s both; }
.app-splash { gap: 10px; transition: opacity .28s ease, visibility .28s ease; outline: none; }
.app-splash-mark { width: 56px; height: 56px; border-radius: 17px; box-shadow: 0 0 38px rgba(70,211,100,.38); }
.app-splash > strong { font-size: 21px; }
.app-splash > small { color: #b8d2be; font-size: 7px; letter-spacing: .14em; }
.app-splash-spinner { display: block; width: 30px; height: 30px; margin-top: 3px; border: 3px solid #2c5a35; border-top-color: #80f19a; border-right-color: #80f19a; border-radius: 50%; box-shadow: 0 0 16px #4edc6b24; animation: app-ring-turn .8s linear infinite; }
.app-splash-loader { width: 106px; height: 4px; margin-top: 1px; background: #b5d1bd29; }
.app-splash-loader i { width: 100%; transform-origin: left; transform: scaleX(var(--load-progress, 0)); animation: none; background: linear-gradient(90deg, #38ba58, #a4ffb7); }
.app-splash-value { color: #b5fac5; font: 700 11px/1 ui-sans-serif, system-ui, sans-serif; font-variant-numeric: tabular-nums; letter-spacing: .04em; }
@keyframes app-ring-turn { to { transform: rotate(360deg); } }
.ponci-app { z-index: 7; transform-origin: 50% 48%; }
.ponci-app.is-opening { animation: app-open .46s cubic-bezier(.2,.7,.24,1) both; }
.app-topbar { position: relative; }
.app-close-button { display: grid; width: 23px; height: 23px; flex: 0 0 23px; place-items: center; margin-left: auto; border: 1px solid rgba(255,255,255,.2); border-radius: 7px; background: rgba(255,255,255,.06); color: #bcebc5; font: 700 12px/1 ui-sans-serif,system-ui,sans-serif; cursor: pointer; }
.app-close-button:hover, .app-close-button:focus-visible { border-color: #74dc8a; background: rgba(76,176,98,.2); outline: none; }
.screen-dock { display: none; }
@keyframes home-screen-enter { from { transform: translate3d(0, 18px, 0) scale(.97); } to { transform: translate3d(0, 0, 0) scale(1); } }
@keyframes home-icon-enter { 0% { transform: translate3d(0, 20px, 0) scale(.78); filter: brightness(.75); } 68% { transform: translate3d(0, -4px, 0) scale(1.08); filter: brightness(1.15); } 100% { transform: translate3d(0, 0, 0) scale(1); filter: brightness(1); } }
@keyframes home-app-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes app-icon-launch { to { transform: scale(1.18); filter: brightness(1.35); } }
@keyframes app-open { from { transform: scale(.86); filter: brightness(.8); } to { transform: scale(1); filter: brightness(1); } }
@media (prefers-reduced-motion: no-preference) {
  .phone-home-screen.is-entering { animation: home-screen-enter .72s cubic-bezier(.2,.65,.25,1) both; }
  .phone-home-screen.is-entering .home-app-launch { animation: home-icon-enter .92s cubic-bezier(.2,.75,.25,1) both; }
  .phone-home-screen.is-entering .home-app-ponci { animation-delay: .14s; }
  .phone-home-screen.is-entering .home-app-icon { animation: home-app-float 3.4s ease-in-out 1.4s infinite; }
  .phone-home-screen.is-entering .home-app-ponci .home-app-icon { animation-delay: 1.8s; }
  .home-app-launch:hover .home-app-icon, .home-app-launch:focus-visible .home-app-icon { animation: none; }
}
@media (max-width: 680px) {
  .phone-home-screen:not([hidden]) { padding: 50px 12px 25px; }
  .home-app-grid { margin-top: 28px; gap: 22px; }
  .home-app-icon { width: 52px; height: 52px; }
  .home-welcome > strong { font-size: 27px; }
  .app-close-button { width: 24px; height: 24px; flex-basis: 24px; }
}
@media (max-width: 370px) {
  .phone-home-screen:not([hidden]) { padding-top: 48px; }
  .home-app-grid { margin-top: 25px; gap: 18px; }
  .home-app-icon { width: 48px; height: 48px; border-radius: 14px; }
  .instagram-app-icon svg { width: 30px; height: 30px; }
  .home-welcome > strong { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .phone-home-screen.is-entering, .phone-home-screen.is-entering .home-app-launch,
  .home-app-instagram, .home-app-ponci, .ponci-app.is-opening { animation: none !important; }
  .home-app-icon, .app-splash { transition: none !important; }
}