.premium-home-ui { overflow: hidden; }
.premium-home-top { left: 14px; right: 14px; grid-template-columns: 58px minmax(0, 1fr) 34px; gap: 8px; }
.premium-resources { min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.premium-resources div { min-width: 0; padding: 4px 21px 4px 18px; }
.premium-resources strong { max-width: 100%; overflow: hidden; text-overflow: clip; font-size: 11px; }
.premium-settings { justify-self: end; }
.premium-gift { right: 42px; top: 58px; }
.premium-hero { z-index: 24; top: 132px; }
.premium-hero small { display: block; max-width: 220px; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.premium-ar-preview { z-index: 8; top: 214px; height: 360px; opacity: .92; }
.premium-dashboard { z-index: 28; top: 244px; bottom: auto; left: 20px; right: 20px; grid-template-rows: 132px 74px; gap: 10px; }
.premium-panel { height: auto; min-height: 0; overflow: hidden; padding: 10px 12px; border-radius: 16px; background: linear-gradient(180deg, rgba(255,252,246,.92), rgba(239,231,218,.86)); }
.premium-client img { width: 54px; height: 54px; }
.premium-client b { font-size: 21px; }
.premium-client small { font-size: 11px; line-height: 1.12; }
.premium-request ul { gap: 5px; font-size: 10px; line-height: 1.06; }
.premium-request li { grid-template-columns: 17px 1fr 18px; min-height: 20px; }
.premium-request i { width: 18px; height: 18px; }
.premium-furniture, .premium-progress { height: auto; padding-top: 9px; }
.premium-furniture img, .premium-furniture b { height: 34px; }
.premium-progress div>b { height: 38px; }
.level-select-panel { z-index: 31; top: 496px; bottom: auto; left: 20px; right: 20px; padding: 8px 10px; }
.premium-start { bottom: 98px; left: 10%; right: 10%; z-index: 34; }
.premium-bottom-nav { left: 14px; right: 14px; bottom: 14px; z-index: 35; }
.premium-avatar { animation: homeAvatarGlow 2.4s ease-in-out infinite; }
.premium-start { overflow: hidden; animation: homeCtaPulse 1.9s ease-in-out infinite; }
.premium-start:after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 12%, rgba(255,255,255,.34), transparent 34%); transform: translateX(-120%); animation: homeCtaSweep 2.4s ease-in-out infinite; }
.premium-panel, .level-select-panel { animation: homePanelRise .48s ease-out both; }
.premium-request { animation-delay: .06s; }
.premium-furniture { animation-delay: .12s; }
.premium-progress { animation-delay: .18s; }
.premium-scan-dot { animation: homeScanBeat 1.8s ease-in-out infinite; }
.premium-grid:after { content: ""; position: absolute; left: 6%; right: 6%; top: 18%; height: 2px; background: linear-gradient(90deg, transparent, rgba(96,218,255,.95), transparent); box-shadow: 0 0 18px rgba(96,218,255,.9); animation: homeScanSweep 2.8s ease-in-out infinite; }
.premium-sofa { animation: homeGhostFloat 3.2s ease-in-out infinite; }
.premium-table { animation: homeGhostFloat 3.2s ease-in-out .18s infinite; }
.premium-plant { animation: homeGhostFloat 3.2s ease-in-out .36s infinite; }

@keyframes homeAvatarGlow {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.12); }
}

@keyframes homeCtaPulse {
  0%, 100% { box-shadow: 0 0 28px rgba(204,60,255,.58), 0 14px 34px rgba(69,27,255,.45), inset 0 1px rgba(255,255,255,.38); }
  50% { box-shadow: 0 0 38px rgba(236,82,255,.78), 0 18px 42px rgba(69,27,255,.54), inset 0 1px rgba(255,255,255,.48); }
}

@keyframes homeCtaSweep {
  0%, 48% { transform: translateX(-120%); }
  76%, 100% { transform: translateX(120%); }
}

@keyframes homePanelRise {
  from { opacity: 0; transform: translateY(12px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes homeScanBeat {
  0%, 100% { transform: translateX(-50%) scale(.9); opacity: .72; }
  50% { transform: translateX(-50%) scale(1.08); opacity: 1; }
}

@keyframes homeScanSweep {
  0%, 100% { transform: translateY(0); opacity: .2; }
  50% { transform: translateY(120px); opacity: 1; }
}

@keyframes homeGhostFloat {
  0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 12px rgba(86,215,255,.64)); }
  50% { transform: translateY(-5px); filter: drop-shadow(0 0 20px rgba(157,77,255,.84)); }
}

@media (max-width: 380px) {
  .premium-home-top { left: 12px; right: 12px; gap: 6px; }
  .premium-resources div { padding: 4px 18px 4px 16px; }
  .premium-resources strong { font-size: 10px; }
  .premium-gift { right: 38px; top: 54px; }
  .premium-hero { top: 118px; }
  .premium-ar-preview { top: 194px; height: 330px; }
  .premium-dashboard { top: 222px; left: 16px; right: 16px; grid-template-rows: 122px 66px; gap: 8px; }
  .premium-panel { padding: 8px 9px; border-radius: 14px; }
  .premium-client img { width: 46px; height: 46px; }
  .premium-client b { font-size: 18px; }
  .premium-client small { font-size: 9px; }
  .premium-request ul { gap: 3px; font-size: 8.5px; }
  .premium-request li { grid-template-columns: 14px 1fr 15px; min-height: 17px; }
  .premium-request i { width: 15px; height: 15px; font-size: 9px; }
  .level-select-panel { top: 450px; left: 16px; right: 16px; }
  .premium-start { bottom: 74px; height: 56px; }
}

@media (min-width: 410px) {
  .premium-hero { top: 142px; }
  .premium-ar-preview { top: 224px; height: 390px; }
  .premium-dashboard { top: 264px; grid-template-rows: 142px 82px; }
  .level-select-panel { top: 538px; }
  .premium-start { bottom: 106px; height: 72px; font-family: "Germania One", system-ui;}
}

@media (max-height: 620px) and (orientation: landscape) {
  .premium-home-top { top: 9px; left: 12px; right: 12px; grid-template-columns: 50px minmax(0, 1fr) 30px; gap: 6px; }
  .premium-avatar { width: 50px; height: 50px; padding: 3px; }
  .premium-avatar b { min-width: 22px; height: 22px; font-size: 14px; }
  .premium-resources { gap: 4px; padding-top: 2px; }
  .premium-resources div { min-height: 30px; padding: 3px 17px 3px 14px; border-radius: 13px; }
  .premium-resources span { left: 3px; font-size: 13px; }
  .premium-resources strong { font-size: 9px; }
  .premium-resources button { width: 17px; height: 17px; font-size: 12px; }
  .premium-resources small { top: 34px; font-size: 10px; }
  .premium-settings { width: 30px; height: 30px; min-height: 30px; font-size: 16px; }
  .premium-gift { right: 34px; top: 44px; width: 46px; height: 29px; border-radius: 12px; font-size: 7px; }
  .premium-gift b { font-size: 15px; }
  .premium-hero { top: 126px; left: 12px; right: 12px; }
  .premium-hero small { font-size: 8px; }
  .premium-hero h1 { font-size: 28px; }
  .premium-hero p { font-size: 11px; }
  .premium-ar-preview { top: 158px; left: 8%; right: 8%; height: 222px; opacity: .84; }
  .premium-grid { height: 44%; bottom: 0; }
  .premium-sofa { width: 68%; left: 16%; bottom: 25%; }
  .premium-table { width: 30%; bottom: 8%; }
  .premium-plant { width: 18%; bottom: 24%; }
  .premium-dashboard { top: 238px; left: 18px; right: 18px; grid-template-columns: 1fr 1fr; grid-template-rows: 104px; gap: 8px; }
  .premium-furniture, .premium-progress { display: none; }
  .premium-panel { padding: 9px 10px; border-radius: 15px; }
  .premium-panel h2 { margin-bottom: 5px; font-size: 9px; }
  .premium-client img { width: 44px; height: 44px; }
  .premium-client b { font-size: 17px; }
  .premium-client small, .premium-client em { font-size: 8.5px; line-height: 1.08; }
  .premium-request ul { gap: 4px; font-size: 8.5px; line-height: 1; }
  .premium-request li { grid-template-columns: 14px 1fr 15px; min-height: 14px; }
  .premium-request i { width: 15px; height: 15px; font-size: 9px; }
  .level-select-panel { top: 350px; left: 18px; right: 18px; height: 64px; padding: 7px 8px; }
  .level-select-card { flex-basis: 104px; min-height: 48px; }
  .premium-start {font-family: "Germania One", system-ui; left: 10%; right: 10%; bottom: 62px; height: 54px; border-radius: 27px; grid-template-columns: 26px 1fr 18px; padding: 0 18px; font-size: 22px; }
  .premium-start span { font-size: 18px; }
  .premium-start b { font-size: 26px; }
  .premium-bottom-nav { left: 14px; right: 14px; bottom: 10px; height: 43px; border-radius: 16px; }
  .premium-bottom-nav span { font-size: 16px; }
  .premium-bottom-nav button { font-size: 7px; }
}