.home-screen{min-height:100%;padding:2rem 1.5rem 1.5rem;background:radial-gradient(circle at top,#ffffffe6,#eef1ffcc),linear-gradient(180deg,#e3ecff,#f7f8fb,#fff);display:flex;flex-direction:column;gap:2rem}.home-screen__pages{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:1.5rem;margin:0 -1.5rem;padding:0 1.5rem;scrollbar-width:none;-ms-overflow-style:none}.home-screen__pages::-webkit-scrollbar{display:none}.home-screen__page{flex:0 0 100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always}.home-screen__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1.5rem 1rem}.home-screen__page-indicator{display:flex;justify-content:center;gap:.35rem;margin-top:-.5rem}.home-screen__dot{width:6px;height:6px;border-radius:999px;background:#0f172a33}.home-screen__dock{margin-top:auto;padding:.75rem 1rem;border-radius:24px;background:#ffffffa6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem;box-shadow:0 12px 30px #0f172a1f}.home-tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:#111827;font-size:.85rem}.home-tile__icon{width:64px;height:64px;border-radius:18px;background:#fffc;display:flex;align-items:center;justify-content:center;font-size:1.6rem;position:relative;box-shadow:0 10px 20px #0f172a1f}.home-tile__badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:999px;font-size:.65rem;font-weight:600;padding:.15rem .35rem;min-width:18px;text-align:center;box-shadow:0 4px 10px #ef444466}.home-tile__label{text-align:center;max-width:90px}.home-tile--dock .home-tile__icon{width:58px;height:58px;border-radius:16px;box-shadow:0 8px 16px #0f172a1a}@media (max-width: 640px){.home-screen{padding:1.5rem 1rem 1.25rem}.home-screen__pages{margin:0 -1rem;padding:0 1rem}.home-screen__grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}*{box-sizing:border-box}body{margin:0;padding:0}