:root{--moriko-gold: #f5a623;--moriko-gold-deep: #f39c12;--moriko-teal: #4a8c8c;--moriko-teal-dark: #3a7070;--moriko-white: #ffffff;--moriko-charcoal: #2b2b2b;--moriko-cream: #fff8ec;--moriko-gold-soft: #fde7c4;--font-brand: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-pill: 999px;--radius-card: 24px;--radius-sm: 14px;--shadow-card: 0 12px 32px rgba(43, 43, 43, .12);--shadow-soft: 0 6px 18px rgba(43, 43, 43, .08);--shadow-gold: 0 10px 26px rgba(245, 166, 35, .38);--maxw: 560px;--maxw-kiosk: 980px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-brand);color:var(--moriko-charcoal);background:var(--moriko-cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:700;line-height:1.15;margin:0 0 .4em}h1{font-size:clamp(1.7rem,4.6vw,2.5rem)}h2{font-size:clamp(1.35rem,3.4vw,1.9rem)}p{line-height:1.5;margin:0 0 1rem}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius-pill);font-weight:600;font-size:1.05rem;padding:.95rem 1.6rem;min-height:54px;width:100%;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;text-decoration:none}.btn:active{transform:translateY(1px) scale(.995)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--moriko-gold);color:#fff;box-shadow:var(--shadow-gold)}.btn-primary:hover:not(:disabled){background:var(--moriko-gold-deep)}.btn-teal{background:var(--moriko-teal);color:#fff;box-shadow:0 8px 20px #4a8c8c52}.btn-teal:hover:not(:disabled){background:var(--moriko-teal-dark)}.btn-ghost{background:#fff;color:var(--moriko-charcoal);box-shadow:var(--shadow-soft)}.btn-ghost:hover:not(:disabled){background:#fffdf8}.btn-link{background:none;box-shadow:none;color:var(--moriko-teal);width:auto;min-height:0;padding:.5rem;font-weight:600}.card{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.4rem}.card-soft{background:var(--moriko-cream);border-radius:var(--radius-card);padding:1.2rem}.field{margin-bottom:1rem;text-align:left}.field label{display:block;font-weight:600;font-size:.92rem;margin-bottom:.35rem}.input{width:100%;border:2px solid #efe2cd;background:#fff;color:var(--moriko-charcoal);border-radius:var(--radius-sm);padding:.85rem 1rem;font-size:1.05rem;font-family:inherit;transition:border-color .12s ease}.input:focus{outline:none;border-color:var(--moriko-gold)}.input.invalid{border-color:#e06363}.hint-error{color:#c0392b;font-size:.82rem;margin-top:.3rem}.center{text-align:center}.muted{color:#7a7266}.stack>*+*{margin-top:1rem}.pill{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border-radius:var(--radius-pill);padding:.4rem .9rem;font-size:.82rem;font-weight:600;box-shadow:var(--shadow-soft)}.fade-in{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pop{animation:pop .4s cubic-bezier(.18,.89,.32,1.28) both}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app-bg{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(1200px 480px at 50% -10%,#ffd27a,#ffd27a00 60%),var(--moriko-cream)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;gap:.75rem}.topbar .brand-logo{height:34px;width:auto}.flow{flex:1;width:100%;margin:0 auto;padding:.5rem 1.1rem 2rem;max-width:var(--maxw);display:flex;flex-direction:column}.mode-kiosk .flow{max-width:var(--maxw-kiosk)}.stepper{display:flex;align-items:center;gap:6px;padding:.4rem 1rem .2rem;max-width:var(--maxw);margin:0 auto;width:100%}.mode-kiosk .stepper{max-width:var(--maxw-kiosk)}.stepper .step{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.stepper .dot{width:100%;height:6px;border-radius:999px;background:var(--moriko-gold-soft)}.stepper .step.done .dot{background:var(--moriko-teal)}.stepper .step.active .dot{background:var(--moriko-gold)}.stepper .label{font-size:.7rem;font-weight:600;color:#b29a72}.stepper .step.active .label{color:var(--moriko-gold-deep)}.stepper .step.done .label{color:var(--moriko-teal)}.hero{text-align:center}.hero-bottle{width:min(280px,70%);margin:.5rem auto .2rem;filter:drop-shadow(0 18px 28px rgba(243,156,18,.35))}.hero h1{color:var(--moriko-charcoal)}.hero .subline{color:#6c6457;max-width:38ch;margin:.2rem auto 1rem}.taste-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.mode-kiosk .taste-grid{grid-template-columns:1fr 1fr;gap:1rem}.taste-card{text-align:left;background:#fff;border:2px solid transparent;border-radius:var(--radius-card);padding:1rem;box-shadow:var(--shadow-soft);transition:transform .12s,border-color .12s,box-shadow .12s}.taste-card:hover{transform:translateY(-2px)}.taste-card.selected{border-color:var(--moriko-gold);box-shadow:var(--shadow-gold)}.taste-card .emoji{font-size:2rem}.taste-card .t-title{font-weight:700;margin:.35rem 0 .15rem}.taste-card .t-desc{font-size:.86rem;color:#6c6457;margin:0}.social-proof{margin-top:1rem;background:#eaf4f4;color:var(--moriko-teal-dark);border-radius:var(--radius-card);padding:1rem 1.2rem;font-weight:600}.reveal-img{width:100%;border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:1rem}.stars{display:flex;gap:.5rem;justify-content:center;font-size:2.6rem}.stars button{background:none;border:none;line-height:1;filter:grayscale(1) opacity(.4);transition:transform .1s,filter .1s}.stars button.on{filter:none}.stars button:hover{transform:scale(1.12)}.dual{display:grid;grid-template-columns:1fr;gap:1rem}.mode-kiosk .dual{grid-template-columns:1fr 1fr}@media (min-width: 720px){.dual{grid-template-columns:1fr 1fr}}textarea.input{min-height:120px;resize:vertical}.mic-row{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.mic-btn{width:auto;min-height:44px;padding:.5rem 1rem}.recording{color:#c0392b;font-weight:700}.media-frame{position:relative;background:#000;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:3 / 4}.media-frame video,.media-frame canvas,.media-frame img{width:100%;height:100%;object-fit:cover;display:block}.rec-badge{position:absolute;top:10px;left:10px;background:#c0392beb;color:#fff;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700}.countdown{position:absolute;top:10px;right:10px;background:#0000008c;color:#fff;padding:.25rem .6rem;border-radius:999px;font-size:.85rem;font-weight:700}.qty-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.qty-btn{width:52px;height:52px;min-height:52px;border-radius:50%;font-size:1.6rem}.qty-val{font-size:2rem;font-weight:800;min-width:2ch;text-align:center}.price-table{width:100%;border-collapse:collapse;margin:.5rem 0 1rem}.price-table td{padding:.4rem 0}.price-table td:last-child{text-align:right;font-weight:600}.price-table tr.total td{border-top:2px dashed #e6d6b8;padding-top:.7rem;font-size:1.2rem;font-weight:800;color:var(--moriko-gold-deep)}.qr-box{background:#fff;border-radius:var(--radius-card);padding:1.2rem;box-shadow:var(--shadow-card);text-align:center}.qr-box img,.qr-box canvas{margin:0 auto}.sync-chip{font-size:.78rem}.sync-chip.pending{color:var(--moriko-gold-deep)}.sync-chip.synced{color:var(--moriko-teal)}.sync-chip.offline{color:#b06a3a}.confetti-head{font-size:clamp(1.6rem,5vw,2.3rem)}.footer-fssai{margin-top:auto;padding:1rem;text-align:center;font-size:.72rem;color:#a99c84}.actions{margin-top:1.2rem}.actions .btn+.btn{margin-top:.7rem}.mode-kiosk .btn{font-size:1.15rem;min-height:60px}.mode-kiosk .input{font-size:1.15rem}.subrow{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.admin{min-height:100%;background:#f6f1e6;color:var(--moriko-charcoal)}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;padding:.7rem 1.2rem;box-shadow:var(--shadow-soft);position:sticky;top:0;z-index:10}.admin-top .brand-logo{height:30px}.admin-nav{display:flex;gap:.3rem;flex-wrap:wrap;padding:.6rem 1rem}.admin-nav button{background:#fff;border:1px solid #e6dcc6;border-radius:999px;padding:.45rem .95rem;font-weight:600;font-size:.86rem;color:#6c6457}.admin-nav button.active{background:var(--moriko-gold);color:#fff;border-color:var(--moriko-gold)}.admin-main{padding:1rem 1.2rem 3rem;max-width:1100px;margin:0 auto}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem}.kpi{background:#fff;border-radius:18px;padding:1rem 1.1rem;box-shadow:var(--shadow-soft)}.kpi .v{font-size:1.9rem;font-weight:800;color:var(--moriko-gold-deep)}.kpi .l{font-size:.8rem;color:#8a8270;font-weight:600}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-soft)}.admin-table th,.admin-table td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid #f0e9d8;font-size:.9rem}.admin-table th{background:#fbf6ea;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:#9a9078}.admin-table tr:last-child td{border-bottom:none}.bar{height:10px;border-radius:999px;background:#efe6d2;overflow:hidden}.bar>span{display:block;height:100%;background:var(--moriko-teal)}.filter-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}.filter-row select,.filter-row input{padding:.45rem .7rem;border-radius:10px;border:1px solid #e0d6bf;font-family:inherit}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}.gallery .tile{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-soft)}.gallery .tile img,.gallery .tile video{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#000}.gallery .tile .meta{padding:.5rem .6rem;font-size:.76rem;color:#8a8270}.fb-item{background:#fff;border-radius:14px;padding:.9rem 1rem;box-shadow:var(--shadow-soft);margin-bottom:.7rem}.fb-item .who{font-size:.78rem;color:#9a9078;margin-bottom:.3rem}.tag{display:inline-block;background:#eaf4f4;color:var(--moriko-teal-dark);border-radius:999px;padding:.1rem .55rem;font-size:.72rem;font-weight:700}.settings-grid{display:grid;grid-template-columns:1fr;gap:.9rem}@media (min-width: 760px){.settings-grid{grid-template-columns:1fr 1fr}}.settings-grid .field{margin:0}.section-title{margin:1.4rem 0 .6rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:#9a9078}.save-bar{position:sticky;bottom:0;background:#fff;padding:.8rem 1rem;box-shadow:0 -6px 18px #0000000f;display:flex;gap:.7rem;align-items:center;border-radius:14px 14px 0 0;margin-top:1rem}.admin-login{max-width:380px;margin:12vh auto}