@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Playfair+Display:wght@500;600;700&display=swap");:root{--wine-900:#4a0e1b;--wine-800:#6b1527;--wine-700:#8b1a30;--wine-600:#a11d3a;--wine-500:#b72244;--wine-400:#c9364f;--wine-300:#d96278;--wine-200:#e8a0ad;--wine-100:#f5d5db;--wine-50:#fdf0f2;--gray-900:#1a1a1a;--gray-700:#404040;--gray-500:#737373;--gray-400:#9e9e9e;--gray-300:#c4c4c4;--gray-200:#e2e2e2;--gray-100:#f0f0f0;--gray-50:#f8f8f8;--accent-purple:#9c5ec4;--bg-page:#f5f5f5;--bg-card:#fff;--text-primary:var(--gray-900);--text-secondary:var(--gray-500);--text-on-wine:#fff;--border-color:var(--gray-200);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px;--gradient-wine:linear-gradient(135deg,var(--wine-900) 0%,var(--wine-600) 50%,var(--wine-400) 100%);--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 30px rgba(0,0,0,.12);--bottom-nav-h:72px;--max-width:480px;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{background:var(--bg-page)}body{min-height:100dvh}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,textarea{font-family:inherit}.app-shell{max-width:var(--max-width);margin:0 auto;min-height:100dvh;position:relative;background:var(--bg-page)}.hero-header{background:var(--gradient-wine);padding:32px 24px 28px;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);color:var(--text-on-wine);position:relative;overflow:hidden}.hero-header:before{content:"";position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,hsla(0,0%,100%,.06) 0,transparent 70%);border-radius:50%}.hero-header h1{font-family:var(--font-display);font-size:1.6rem;font-weight:600;margin-bottom:4px}.hero-header p{font-size:.85rem;opacity:.8;font-weight:300}.card{background:var(--bg-card);border-radius:var(--border-radius-md);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--border-radius-full);font-size:.9rem;font-weight:600;border:none;transition:all .2s ease;line-height:1}.btn-primary{background:var(--wine-600);color:#fff}.btn-primary:hover{background:var(--wine-700);box-shadow:0 4px 16px rgba(139,26,48,.3)}.btn-secondary{background:transparent;color:var(--wine-600);border:1.5px solid var(--wine-600)}.btn-secondary:hover{background:var(--wine-50)}.btn-ghost{background:hsla(0,0%,100%,.15);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.2)}.btn-ghost:hover{background:hsla(0,0%,100%,.25)}.btn-accent{background:var(--accent-purple);color:#fff}.btn-accent:hover{background:#8a4fb3}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:12px 16px;border:1.5px solid var(--gray-200);border-radius:var(--border-radius-sm);font-size:.95rem;color:var(--text-primary);background:var(--bg-card);transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:var(--wine-500);box-shadow:0 0 0 3px rgba(183,34,68,.1)}.form-input::placeholder{color:var(--gray-400)}.form-error{color:var(--wine-600);font-size:.8rem;margin-top:4px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--max-width);height:var(--bottom-nav-h);background:var(--bg-card);border-top:1px solid var(--gray-200);justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav,.bottom-nav a{display:flex;align-items:center}.bottom-nav a{flex-direction:column;gap:4px;font-size:.7rem;font-weight:500;color:var(--gray-400);transition:color .2s;padding:8px 12px;position:relative}.bottom-nav a.active{color:var(--wine-600)}.bottom-nav a.active:before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:24px;height:2px;background:var(--wine-600);border-radius:2px}.bottom-nav a svg{width:24px;height:24px}.page-content{padding-bottom:calc(var(--bottom-nav-h) + 16px)}.divider{height:1px;background:var(--gray-200);margin:20px 0}.stats-row{display:flex;justify-content:center;gap:40px;padding-top:20px}.stat-item{text-align:center}.stat-item .value{font-family:var(--font-display);font-size:2rem;font-weight:700}.stat-item .label{font-size:.75rem;opacity:.7;margin-top:2px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--border-radius-full);font-size:.7rem;font-weight:600;text-transform:capitalize}.badge-wine{background:var(--wine-100);color:var(--wine-700)}.badge-purple{background:#ede3f5;color:#7b3fa0}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--wine-600);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .4s ease-out both}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}.text-center{text-align:center}.text-wine{color:var(--wine-600)}.text-sm{font-size:.85rem}.text-muted{color:var(--text-secondary)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.px-24{padding-left:24px;padding-right:24px}.link{color:var(--wine-600);font-weight:600;cursor:pointer}.link:hover{text-decoration:underline}@media (min-width:520px){.app-shell{box-shadow:var(--shadow-lg);border-left:1px solid var(--gray-200);border-right:1px solid var(--gray-200)}}@media (display-mode:standalone){.hero-header{padding-top:calc(env(safe-area-inset-top, 0px) + 32px)}.bottom-nav{height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0)}}@media (hover:none) and (pointer:coarse){.btn,.form-input{min-height:48px}.form-input{font-size:16px}.bottom-nav a{padding:10px 16px}.btn-primary:hover{box-shadow:none}}.bottom-nav,.btn{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{overscroll-behavior-y:contain}