.home-app{min-height:100dvh;background-color:var(--bg);background-image:linear-gradient(90deg,rgb(11 11 14 / 26%) 0,rgb(11 11 14 / 76%) 28%,rgb(11 11 14 / 98%) 66%),url('/assets/tfm-paint-fuchsia.jpeg'),radial-gradient(circle at 50% -15%,#351224 0,transparent 38%);background-position:center,left top,center;background-size:100% 100%,clamp(180px,38vw,390px) auto,100% 100%;background-repeat:no-repeat;background-attachment:scroll,fixed,scroll}
.account-avatar{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:.8rem;font-weight:800;text-transform:uppercase}.account-avatar>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ff24891f;border:1px solid #9d3769;color:var(--pinklight);font-size:1.1rem}
.app-shell{max-width:940px;margin:auto;padding:28px 28px 52px;min-height:calc(100dvh - 160px)}
.app-welcome{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.app-welcome h1{font-size:clamp(2rem,5vw,3.5rem);margin:0}.app-welcome h1 span{color:var(--pink)}.app-welcome .eyebrow{margin-bottom:6px}.install-mini{flex:none;border:1px solid #8b3e65;border-radius:11px;background:#21141d;color:#fff;padding:11px 14px;font-weight:700}.install-notice{margin:0 0 18px}
.home-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;border:1px solid var(--line);border-radius:15px;background:#121217;margin-bottom:20px}.home-tabs button{min-height:48px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:800}.home-tabs button[aria-selected=true]{background:var(--pink);color:#fff;box-shadow:0 5px 20px #ff24892b}
.home-panel{animation:panel-in .2s ease}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.app-tile{position:relative;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;min-height:112px;padding:18px;border:1px solid #37333c;border-radius:19px;background:#17171d;color:#fff;text-align:left;text-decoration:none;font:inherit;overflow:hidden}.app-tile::after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;bottom:-52px;background:var(--tile-glow,#ff2489);opacity:.13}.app-tile>span:nth-child(2){min-width:0}.app-tile strong{display:block;font-size:1.12rem;line-height:1.2}.app-tile small{display:block;color:#bcb9c3;font-size:.82rem;margin-top:6px}.app-tile>b{font-size:1.8rem;color:#aaa6b2}.tile-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#29202a;color:var(--tile-color,#ff80bc);font-size:1.55rem;font-weight:900}.tile-icon.tile-image{overflow:hidden;background:#120c13;border:1px solid rgb(255 36 137 / 55%);box-shadow:0 0 18px rgb(255 36 137 / 22%)}.tile-icon.tile-image img{display:block;width:100%;height:100%;object-fit:cover}.pink-tile{--tile-glow:#ff2489;--tile-color:#ff72b2}.violet-tile{--tile-glow:#9b65ff;--tile-color:#b996ff}.mint-tile{--tile-glow:#42d5b0;--tile-color:#8ce2cd}.gold-tile{--tile-glow:#efb84d;--tile-color:#efc678}.shop-tile{--tile-glow:#ff2489}.kids-tile{--tile-glow:#4bbef1;--tile-color:#72d2ff}.service-tile{--tile-glow:#a46aff;--tile-color:#c1a1ff}.discount-tile{--tile-glow:#efc678;--tile-color:#ffe09a}.account-tile{--tile-glow:#ff2489}.info-tile{--tile-glow:#56506b;cursor:pointer}
.training-tile{--tile-glow:#ff2489;--tile-color:#ff72b2}
.featured-action{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:18px 20px;border:1px solid #6f2f51;border-radius:18px;background-image:linear-gradient(100deg,rgb(49 19 34 / 88%),rgb(24 23 29 / 92%)),url('/assets/tfm-paint-fuchsia.jpeg');background-size:cover;background-position:center 64%;text-decoration:none}.featured-action small,.featured-action strong{display:block}.featured-action small{color:var(--pinklight);font-size:.7rem;font-weight:900;letter-spacing:1.4px}.featured-action strong{font-size:1.05rem;margin-top:3px}.featured-action b{font-size:1.5rem}
.home-app dialog{position:relative;width:min(480px,calc(100% - 32px));padding:28px;border:1px solid #73415d;border-radius:20px;background:#17171d;color:#fff}.home-app dialog::backdrop{background:#000b}.home-app dialog h2{font-size:1.7rem;margin:0 42px 12px 0}.home-app dialog p:not(.eyebrow){color:#c9c6ce;font-size:1rem}.dialog-close{position:absolute;right:12px;top:11px;width:42px;height:42px;border:0;border-radius:50%;background:#2d2d35;color:#fff;font-size:1.7rem}.coming-soon{display:inline-block;margin-top:8px;border:1px solid #a64373;border-radius:30px;padding:8px 11px;color:var(--pinklight);font-size:.75rem;font-weight:900;letter-spacing:1.1px}
@keyframes panel-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:600px){.account-avatar>span:last-child{display:none}.app-shell{padding:22px 15px 34px}.app-welcome{align-items:center}.app-welcome h1{font-size:1.95rem}.install-mini{font-size:.78rem;padding:9px 11px}.home-tabs{position:sticky;top:8px;z-index:2}.home-tabs button{font-size:.84rem}.app-grid{gap:10px}.app-tile{grid-template-columns:42px 1fr;gap:10px;min-height:116px;padding:14px}.app-tile>b{display:none}.tile-icon{width:42px;height:42px;border-radius:12px;font-size:1.25rem}.app-tile strong{font-size:.98rem}.app-tile small{font-size:.76rem;line-height:1.25}.signature span{font-size:.7rem}}
@media(max-width:360px){.app-grid{grid-template-columns:1fr}.app-tile{min-height:88px;grid-template-columns:44px 1fr auto}.app-tile>b{display:block}}
@media(prefers-reduced-motion:reduce){.home-panel{animation:none}}
.app-tile:nth-child(4n+1){background-image:linear-gradient(100deg,rgb(23 23 29 / 91%) 30%,rgb(23 23 29 / 72%)),url('/assets/tfm-paint-fuchsia.jpeg');background-size:cover;background-position:center 42%}