*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;display:flex}h1,h2,h3,p{margin:0}.app-shell{background:#f5f0ff;flex-direction:column;min-height:100vh;display:flex}.app-nav{background:#e6d8ff;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 2rem;display:grid}.brand-button{color:#000;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;font-weight:700;display:inline-flex}.brand-icon{font-size:1.35rem}.nav-links{justify-content:center;align-items:center;gap:1.5rem;display:flex}.nav-link{color:#000;font-size:1rem;font-weight:500;text-decoration:none}.cart-link{color:#000;justify-content:flex-end;align-items:center;display:inline-flex;position:relative}.cart-badge{color:#fff;background:#7c3aed;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-10px}.app-main{flex:1}.app-footer{text-align:center;color:#555;background:#f3e8ff;padding:1.5rem 1rem;font-size:.9rem}.app-footer p+p{color:#777;margin-top:4px;font-size:.85rem}@media (width<=680px){.app-nav{flex-direction:column;align-items:flex-start;padding:1rem;position:relative}.nav-links{justify-content:space-between;gap:.75rem;width:100%}.cart-link{position:absolute;top:1.1rem;right:1rem}}