:root{--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--touch-min:44px;--touch-comfort:48px;--touch-gap:8px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--nav-bottom-height:calc(56px + var(--safe-bottom));--nav-top-height:calc(56px + var(--safe-top));--drawer-width:min(320px, 88vw);--font-body:"Manrope", system-ui, sans-serif;--font-display:"Cormorant Garamond", serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-h1-mobile:1.625rem;--text-h1-desktop:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--color-brand:#4f2b53;--color-brand-light:#b15384;--color-surface:#f9f6fb;--color-panel:#fff;--color-ink:#251d2f;--color-muted:#7a6585;--color-success:#065f46;--color-warning:#92400e;--color-danger:#991b1b;--theme-color:#4f2b53;--transition-fast:.15s ease;--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 3px #22192c14;--shadow-md:0 4px 12px #22192c1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px}.am-shell{background:var(--color-surface);min-height:100dvh;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);padding-bottom:var(--nav-bottom-height)}.am-shell--no-bottom-nav{padding-bottom:0}.am-shell__main{min-height:calc(100dvh - var(--nav-top-height) - var(--nav-bottom-height))}.am-topbar{z-index:40;align-items:center;gap:var(--space-3);min-height:var(--nav-top-height);padding:var(--space-2) var(--space-4);padding-top:calc(var(--space-2) + var(--safe-top));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #4f2b531a;display:flex;position:sticky;top:0}.am-topbar__menu,.am-topbar__action{min-width:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-md);color:var(--color-brand);cursor:pointer;background:#fff;border:1px solid #4f2b531f;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.am-topbar__title{min-width:0;font-weight:700;font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.am-bottom-nav{z-index:50;min-height:var(--nav-bottom-height);padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #4f2b531a;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.am-bottom-nav__item{min-height:var(--touch-min);padding:var(--space-1) var(--space-2);color:var(--color-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.68rem;font-weight:700;text-decoration:none;display:flex}.am-bottom-nav__item svg{width:22px;height:22px}.am-bottom-nav__item.is-active,.am-bottom-nav__item:hover{color:var(--color-brand-light)}.am-bottom-nav__item.is-active{font-weight:800}.am-drawer-backdrop{z-index:60;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#130a1e73;position:fixed;inset:0}.am-drawer-backdrop.is-open{opacity:1;pointer-events:auto}.am-drawer{z-index:70;width:var(--drawer-width);color:#fff;max-width:100%;transition:transform var(--transition-base);padding:calc(var(--space-4) + var(--safe-top)) var(--space-4) var(--space-6);background:linear-gradient(170deg,#1e1040 0%,#3b1686 45%,#6d28d9 100%);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%)}.am-drawer.is-open{transform:translate(0)}.am-drawer__close{min-width:var(--touch-min);min-height:var(--touch-min);margin-bottom:var(--space-3);border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;display:inline-flex}.am-offline-banner{z-index:45;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);padding-top:calc(var(--space-2) + var(--safe-top));background:var(--color-warning);color:#fff;font-size:var(--text-sm);font-weight:700;display:none;position:sticky;top:0;left:0;right:0}.am-offline-banner.is-visible{display:flex}.am-offline-banner.is-slow{background:#b45309}.am-sync-banner{z-index:44;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;font-size:var(--text-sm);font-weight:600;display:none;position:sticky;top:0;left:0;right:0}.am-sync-banner.is-visible{display:flex}.am-sync-banner.is-error{background:var(--color-danger,#b91c1c)}.am-toast{left:50%;bottom:calc(var(--nav-bottom-height) + var(--space-3));z-index:90;max-width:min(92vw,360px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-ink);color:#fff;font-size:var(--text-sm);box-shadow:var(--shadow-md);transition:transform var(--transition-base);font-weight:600;position:fixed;transform:translate(-50%)translateY(120%)}.am-toast.is-visible{transform:translate(-50%)translateY(0)}.am-pwa-install{left:var(--space-4);right:var(--space-4);bottom:calc(var(--nav-bottom-height) + var(--space-3));z-index:80;padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;border:1px solid #4f2b531f;display:none;position:fixed}.am-pwa-install.is-visible{display:block}.am-pwa-install__actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.am-btn{min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-full);font-weight:700;font-size:var(--text-sm);cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.am-btn--primary{background:linear-gradient(135deg, var(--color-brand-light), var(--color-brand));color:#fff}.am-btn--ghost{color:var(--color-ink);background:0 0;border:1px solid #4f2b5333}.am-pwa-update{top:calc(var(--safe-top) + var(--space-2));left:var(--space-4);right:var(--space-4);z-index:95;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-brand);color:#fff;font-size:var(--text-sm);font-weight:600;display:none;position:fixed}.am-pwa-update.is-visible{display:flex}html.am-slow-network *{transition-duration:.01ms!important;animation-duration:.01ms!important}@media (width>=1024px){.am-bottom-nav,.am-topbar__menu{display:none}.am-shell{padding-bottom:0}.am-shell__main{min-height:auto}}