@import "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,700;1,9..40,400&family=DM+Serif+Display:ital@0;1&display=swap";:root{--bg:#0f0a08;--surface:#1c1410;--surface2:#2a1f19;--border:#ffffff12;--text:#f0e8de;--text-dim:#f0e8de80;--text-faint:#f0e8de40;--accent:#c96a2d;--accent-light:#e07a3a;--accent-dim:#c96a2d26;--accent-glow:#c96a2d40;--green:#5a7a5a;--danger:#8b3a3a}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:100px;font-family:DM Sans,-apple-system,sans-serif;font-size:15px;line-height:1.6}.serif{font-family:DM Serif Display,Georgia,serif}h1,h2{font-family:DM Serif Display,serif}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px}.card-elevated{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px #00000080}.chip{letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.chip-accent{background:var(--accent-dim);color:var(--accent-light);border:1px solid #c96a2d33}.chip-dim{color:var(--text-dim);border:1px solid var(--border);background:#ffffff0d}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-light)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:#ffffff0f}.btn-ghost:hover{background:#ffffff1a}.btn-danger{color:#e07a7a;background:#8b3a3a33;border:1px solid #8b3a3a4d}.btn-danger:hover{background:#8b3a3a59}.btn-sm{border-radius:10px;padding:8px 16px;font-size:13px}.btn-icon{aspect-ratio:1;border-radius:12px;justify-content:center;padding:10px}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:12px;font-weight:600}.form-input{border:1px solid var(--border);width:100%;color:var(--text);appearance:none;background:#ffffff0a;border-radius:14px;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:all .2s}.form-input:focus{border-color:var(--accent);background:#c96a2d0d;outline:none}.form-input option{color:var(--text);background:#2a1f19}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:16px;font-size:11px;font-weight:700}.divider{background:var(--border);height:1px;margin:20px 0}.progress-bar{background:#ffffff0f;border-radius:100px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-light) 100%);border-radius:100px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.bottom-nav{border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:999;background:#1c1410f2;border-radius:24px;justify-content:space-around;align-items:center;width:calc(100% - 32px);max-width:500px;height:70px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0009}.nav-btn{color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:8px 24px;font-size:10px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.nav-btn.active{color:var(--accent-light);background:var(--accent-dim)}.nav-btn.active svg{filter:drop-shadow(0 0 6px var(--accent));transform:scale(1.15)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:.5s cubic-bezier(.34,1.2,.64,1) both fadeUp}.anim-sheet{animation:.4s cubic-bezier(.34,1,.64,1) both sheetUp}::-webkit-scrollbar{width:0}.type-toggle{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;gap:4px;padding:4px;display:flex}.type-opt{text-align:center;cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:10px;flex:1;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .25s}.type-opt.active{background:var(--accent);color:#fff}.upload-zone{text-align:center;cursor:pointer;background:#c96a2d08;border:1.5px dashed #c96a2d4d;border-radius:20px;padding:40px;transition:all .25s;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--accent);background:var(--accent-dim)}.upload-zone img{object-fit:cover;border-radius:12px;width:100%;max-height:220px}.brew-card{border:1px solid var(--border);background:#ffffff08;border-radius:16px;padding:16px}.stars{color:var(--accent);gap:2px;display:flex}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.detail-container{flex-direction:row;height:100%;display:flex}.detail-image{background:#000;flex:0 0 50%;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex}.detail-content{flex-direction:column;flex:0 0 50%;display:flex;overflow-y:auto}@media (width<=1024px){.detail-container{flex-direction:column}.detail-image{flex:0 0 40vh;max-height:40vh}.detail-content{flex:1}}@media (width>=768px){.bottom-nav{display:none}body{padding-bottom:0}.desktop-nav{display:flex!important}}