@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800&display=swap";:root{--font:"Space Grotesk", system-ui, sans-serif;--bg:#fdf6ec;--surface:#fff9f2;--black:#000;--text:#1a0a00;--caramel:#d4873a;--espresso:#c04c1e;--latte:#e8d5a3;--matcha:#7aaa5e;--rose:#e8a0a0;--cream:#fffaf3;--shadow:4px 4px 0px var(--black);--shadow-lg:6px 6px 0px var(--black);--shadow-sm:2px 2px 0px var(--black)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg);border-left:3px solid var(--black)}::-webkit-scrollbar-thumb{background:var(--black);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--caramel)}.neo-card{background:var(--surface);border:3px solid var(--black);box-shadow:var(--shadow);border-radius:16px}.neo-card-lg{background:var(--surface);border:4px solid var(--black);box-shadow:var(--shadow-lg);border-radius:20px}.neo-btn{font-family:var(--font);border:3px solid var(--black);box-shadow:var(--shadow);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:800;line-height:1;transition:box-shadow .1s,transform .1s;display:inline-flex}.neo-btn:active{box-shadow:none;transform:translate(4px,4px)}.neo-btn--primary{background:var(--caramel);color:var(--black)}.neo-btn--primary:hover{background:#e09840}.neo-btn--espresso{background:var(--espresso);color:#fff}.neo-btn--espresso:hover{background:#d4561e}.neo-btn--outline{color:var(--black);background:#fff}.neo-btn--outline:hover{background:var(--latte)}.neo-btn--matcha{background:var(--matcha);color:var(--black)}.neo-btn--lg{border-radius:14px;padding:16px 36px;font-size:1.2rem}.neo-btn--sm{padding:8px 16px;font-size:.85rem}.neo-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:var(--shadow);transform:none}.neo-chip{font-family:var(--font);border:2px solid var(--black);cursor:pointer;color:var(--text);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;background:#fff;border-radius:100px;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:700;transition:box-shadow .1s,transform .1s,background .1s;display:inline-flex}.neo-chip:hover:not(:disabled){background:var(--latte);box-shadow:3px 3px 0 var(--black);transform:translate(-1px,-1px)}.neo-chip--selected{background:var(--caramel);color:var(--black);box-shadow:none;transform:translate(2px,2px)}.neo-chip--disabled{opacity:.3;cursor:not-allowed}.neo-chip__low-stock{color:var(--espresso);font-size:.7rem}.loader{background:var(--black);z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:fixed;inset:0}.loader__logo{color:var(--caramel);letter-spacing:-.03em;font-size:4rem;font-weight:800}.loader__bar-track{background:#333;border-radius:99px;width:200px;height:6px;overflow:hidden}.loader__bar{background:var(--caramel);border-radius:99px;height:100%}.navbar{z-index:100;margin:12px 16px 0;position:sticky;top:12px}.navbar__inner{border:3px solid var(--black);box-shadow:var(--shadow);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.navbar__logo{color:var(--text);letter-spacing:-.02em;cursor:pointer;align-items:center;gap:8px;font-size:1.4rem;font-weight:800;display:flex}.navbar__logo-icon{background:var(--caramel);border:2px solid var(--black);box-shadow:var(--shadow-sm);border-radius:8px;padding:4px 8px;font-size:1.1rem}.navbar__back{border:2px solid var(--black);font-family:var(--font);cursor:pointer;background:#fff;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:background .15s}.navbar__back:hover{background:var(--latte)}.navbar__mode-tag{letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--black);box-shadow:var(--shadow-sm);border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:800}.navbar__mode-tag--owner{background:var(--matcha)}.navbar__mode-tag--creative{background:var(--rose)}.home{max-width:1200px;margin:0 auto;padding:3rem 2.5rem 6rem}.home__badge{background:var(--latte);border:3px solid var(--black);box-shadow:var(--shadow-sm);border-radius:100px;margin-bottom:1.5rem;padding:6px 20px;font-size:.95rem;font-weight:800;display:inline-block}.home__title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1}.home__title-highlight{color:var(--caramel);display:inline-block;position:relative}.home__title-underline{background:var(--black);transform-origin:0;border-radius:2px;height:8px;position:absolute;bottom:4px;left:0}.home__stat{background:var(--espresso);color:#fff;border:2px solid var(--black);border-radius:6px;padding:4px 12px;font-weight:700;display:inline-block;transform:rotate(-1deg)}.home__subtitle{color:#4a3020;max-width:560px;margin-bottom:2.5rem;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:500;line-height:1.6}.home__cards{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem;display:grid}@media (width<=580px){.home__cards{grid-template-columns:1fr}}.mode-card{border:4px solid var(--black);cursor:pointer;text-align:left;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;gap:.7rem;padding:2rem 1.75rem;transition:transform .15s,box-shadow .15s;display:flex}.mode-card--owner{background:var(--matcha)}.mode-card--creative{background:var(--rose)}.mode-card:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-2px,-2px)}.mode-card__icon{font-size:2.5rem}.mode-card__title{color:var(--black);font-size:1.7rem;font-weight:800;line-height:1.1}.mode-card__desc{color:#2a1a08;flex:1;font-size:.9rem;font-weight:500;line-height:1.55}.mode-card__cta{color:var(--black);margin-top:.5rem;font-size:.9rem;font-weight:800}.home__footnote{color:#8a6040;margin-top:.5rem;font-size:.85rem;font-weight:600}.home__demo-hint{color:#a07050;margin-top:.25rem;font-size:.75rem}.home__demo-hint kbd{border:2px solid var(--black);font-size:.7rem;font-family:var(--font);box-shadow:var(--shadow-sm);background:#fff;border-radius:4px;padding:1px 6px;font-weight:700}.marquee-wrap{border-top:3px solid var(--black);border-bottom:3px solid var(--black);background:var(--caramel);margin:2.5rem 0;padding:10px 0;overflow:hidden}.marquee-track{white-space:nowrap;gap:2rem;animation:20s linear infinite marquee;display:flex}.marquee-item{color:var(--black);flex-shrink:0;align-items:center;gap:.75rem;font-size:1rem;font-weight:800;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.float-deco{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:2.5rem;position:absolute}.screen{flex-direction:column;max-width:1000px;min-height:calc(100vh - 80px);margin:1.5rem auto 4rem;padding:0 1.25rem;display:flex}.screen__title{letter-spacing:-.02em;margin:.5rem 0 .25rem;font-size:2.2rem;font-weight:800}.screen__subtitle{color:#6a4020;font-size:1rem;font-weight:500}.screen__body{flex:1;padding:1.5rem 0}.screen__footer{background:var(--bg);border-top:3px solid var(--black);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex;position:sticky;bottom:0}.screen__selection-count{color:#6a4020;font-size:.9rem;font-weight:700}.checklist__hint{color:var(--text);background:var(--latte);border:2px solid var(--black);box-shadow:var(--shadow-sm);border-radius:8px;margin-bottom:1.25rem;padding:8px 14px;font-size:.85rem;font-weight:700;display:inline-block}.checklist__group{margin-bottom:1.75rem}.checklist__group-label{letter-spacing:.1em;text-transform:uppercase;color:#8a5030;align-items:center;gap:6px;margin-bottom:.6rem;font-size:.7rem;font-weight:800;display:flex}.checklist__group-label:after{content:"";background:var(--black);opacity:.12;flex:1;height:2px}.checklist__chips{flex-wrap:wrap;gap:.5rem;display:flex}.vibe-section{flex-direction:column;gap:1rem;display:flex}.vibe-examples{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.vibe-example{background:var(--latte);border:2px solid var(--black);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:100px;padding:4px 14px;font-size:.8rem;font-weight:700;transition:background .1s,transform .1s}.vibe-example:hover{background:var(--caramel);transform:translate(-1px,-1px)}.vibe-textarea-wrap{border:3px solid var(--black);box-shadow:var(--shadow);background:#fff;border-radius:16px;overflow:hidden}.vibe-textarea{width:100%;font-family:var(--font);resize:none;min-height:140px;color:var(--text);background:0 0;border:none;outline:none;padding:1.25rem;font-size:1.05rem;font-weight:500}.vibe-textarea::placeholder{color:#c0a080}.vibe-textarea--error{border-color:var(--espresso)}.vibe-meta{background:#fffaf3;border-top:2px solid #e8d8c0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.vibe-error{color:var(--espresso);font-size:.8rem;font-weight:700}.vibe-counter{color:#a08060;margin-left:auto;font-size:.78rem;font-weight:600}.loading{flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:520px;min-height:calc(100vh - 80px);margin:0 auto;padding:2rem 1.5rem;display:flex}.loading__label{color:#a08060;text-align:center;margin-top:.25rem;font-size:.8rem;font-style:italic;font-weight:700}.loading__caption{color:#a08060;text-align:center;max-width:320px;font-size:.78rem;font-weight:600;line-height:1.5}.loading__lines{flex-direction:column;gap:.5rem;width:100%;display:flex}.loading-line{font-size:.9rem;font-weight:700}.loading-line--active{color:var(--caramel)}.loading-line--done{color:#c0a080}.output{flex-direction:column;gap:2rem;max-width:1200px;margin:1.5rem auto 4rem;padding:0 2rem;display:flex}.output__topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.output__fallback-badge{background:var(--latte);border:2px solid var(--black);box-shadow:var(--shadow-sm);border-radius:100px;padding:4px 14px;font-size:.75rem;font-weight:700}.output__drink-name{letter-spacing:-.03em;font-size:clamp(2.2rem,6vw,3.8rem);font-weight:800;line-height:1.05;display:inline-block;position:relative}.output__name-underline{background:var(--caramel);transform-origin:0;border-radius:2px;height:6px;position:absolute;bottom:2px;left:0}.output__meta{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.buildability-badge{border:3px solid var(--black);box-shadow:var(--shadow-sm);border-radius:100px;padding:6px 16px;font-size:.85rem;font-weight:800}.buildability-badge--ok{background:var(--matcha)}.buildability-badge--warn{background:var(--latte)}.cost-badge{border:3px solid var(--black);box-shadow:var(--shadow-sm);background:#fff;border-radius:100px;padding:6px 16px;font-size:.85rem;font-weight:800}.output__body{grid-template-columns:1fr 1.5fr;align-items:start;gap:1.5rem;display:grid}@media (width<=680px){.output__body{grid-template-columns:1fr}}.output__section-label{letter-spacing:.1em;text-transform:uppercase;color:#8a5030;margin-bottom:.75rem;font-size:.7rem;font-weight:800}.output__chart-wrap{border:3px solid var(--black);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:1rem}.output__artwork{border:3px solid var(--black);aspect-ratio:1;background:var(--latte);width:100%;box-shadow:var(--shadow);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex;overflow:hidden}.output__artwork img{object-fit:cover;width:100%;height:100%;display:block}.output__artwork--placeholder{text-align:center;flex-direction:column;gap:.5rem;padding:1.5rem}.output__artwork--placeholder span{color:var(--text);font-size:1.4rem;font-weight:800}.output__recipe-card{border:3px solid var(--black);box-shadow:var(--shadow);background:#fff;border-radius:16px;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.output__steps{flex-direction:column;gap:.6rem;padding-left:1.4rem;display:flex}.output__steps li{font-size:.92rem;font-weight:500;line-height:1.55}.output__reasons{flex-direction:column;gap:.85rem;list-style:none;display:flex}.output__reason-card{border:2px solid var(--black);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:.9rem 1rem}.output__reason-header{align-items:baseline;gap:.5rem;margin-bottom:.3rem;display:flex}.output__reason-name{font-size:.9rem;font-weight:800}.output__reason-score{background:var(--caramel);border:2px solid var(--black);border-radius:100px;margin-left:auto;padding:1px 8px;font-size:.72rem;font-weight:800}.output__reason-text{color:#4a3020;font-size:.82rem;font-weight:500;line-height:1.5}.chart-caption{color:#a08060;text-align:center;margin-top:.5rem;font-size:.75rem;font-weight:600;line-height:1.5}.output__actions{border-top:3px solid var(--black);flex-wrap:wrap;gap:.75rem;padding-top:1rem;display:flex}.waste-badge{border:3px solid var(--black);box-shadow:var(--shadow-sm);background:#d4f0c4;border-radius:100px;padding:6px 16px;font-size:.85rem;font-weight:800}.saved-drawer{max-width:960px;margin:0 auto;padding:0 1.25rem}.saved-drawer__label{letter-spacing:.1em;text-transform:uppercase;color:#8a5030;margin-top:.75rem;margin-bottom:.5rem;font-size:.7rem;font-weight:800}.saved-drawer__list{border:3px solid var(--black);box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;gap:.4rem;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.saved-drawer__item{border-bottom:1px solid #f0e0d0;align-items:center;gap:.75rem;padding:.4rem 0;display:flex}.saved-drawer__item:last-child{border-bottom:none}.saved-drawer__name{flex:1;font-size:.9rem;font-weight:700}.saved-drawer__mode{font-size:1rem}.saved-drawer__cost{color:#8a5030;font-size:.8rem;font-weight:700}.how-it-works__toggle{border:3px solid var(--black);font-family:var(--font);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;margin-bottom:.5rem;padding:10px 20px;font-size:.9rem;font-weight:800;transition:background .15s;display:flex}.how-it-works__toggle:hover{background:var(--latte)}.how-it-works__panel{margin-bottom:.5rem}.how-it-works__body{border:3px solid var(--black);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.how-it-works__step{align-items:flex-start;gap:.75rem;font-size:.88rem;font-weight:500;line-height:1.55;display:flex}.how-it-works__num{color:var(--caramel);flex-shrink:0;font-size:1.1rem;font-weight:800}.checklist__search-wrap{border:3px solid var(--black);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:8px;margin-bottom:.75rem;padding:6px 14px;display:flex}.checklist__search-icon{flex-shrink:0;font-size:1rem}.checklist__search{font-family:var(--font);color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.9rem;font-weight:600}.checklist__search::placeholder{color:#c0a080}.checklist__search-clear{cursor:pointer;color:#a08060;font-size:.8rem;font-family:var(--font);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-weight:700}.checklist__search-clear:hover{background:var(--latte)}.screen--owner{max-width:1280px}.screen__owner-body{flex:1;grid-template-columns:1fr 280px;align-items:start;gap:1.5rem;padding:1rem 0;display:grid}@media (width<=780px){.screen__owner-body{grid-template-columns:1fr}}.owner__preview{position:sticky;top:90px}.owner__preview-label{letter-spacing:.1em;text-transform:uppercase;color:#8a5030;margin-bottom:.6rem;font-size:.7rem;font-weight:800}.owner__preview-card{background:#fff;padding:1rem}.owner__preview-empty{text-align:center;color:#a08060;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1rem;font-size:.88rem;font-weight:600;line-height:1.5;display:flex}.owner__preview-hint{color:#3a7a2a;border:2px solid var(--black);box-shadow:var(--shadow-sm);background:#d4f0c4;border-radius:8px;margin-top:.75rem;padding:6px 12px;font-size:.82rem;font-weight:700}.neo-chip__expiry{color:var(--espresso);border:1px solid var(--espresso);white-space:nowrap;background:#ffe4d4;border-radius:100px;padding:1px 6px;font-size:.65rem;font-weight:800}.expiry-banner{border:3px solid var(--espresso);color:var(--espresso);box-shadow:3px 3px 0 var(--espresso);background:#fff3e0;border-radius:12px;align-items:center;gap:.6rem;margin-bottom:1rem;padding:10px 16px;font-size:.88rem;font-weight:800;display:flex}.margin-badge{border:3px solid var(--black);box-shadow:var(--shadow-sm);background:#d4f0c4;border-radius:100px;padding:6px 16px;font-size:.85rem;font-weight:800}.output__reason-score-big{color:var(--caramel);text-align:right;min-width:3.5rem;font-size:1.4rem;font-weight:900;line-height:1}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.artwork-shimmer{aspect-ratio:1;background:linear-gradient(90deg,#f0e0c8 25%,#fdf0dd 50%,#f0e0c8 75%) 0 0/800px 100%;border-radius:12px;width:100%;animation:1.5s infinite shimmer}.output__actions-card{border:3px solid var(--black);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:1.25rem 1.5rem}.output__actions-label{letter-spacing:.1em;text-transform:uppercase;color:#8a5030;margin-bottom:.75rem;font-size:.7rem;font-weight:800}.output__actions-primary{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}.output__actions-secondary{border-top:2px solid #e8d5a3;flex-wrap:wrap;gap:.5rem;padding-top:.75rem;display:flex}.share-preview{color:#6a4020;border:2px solid var(--black);background:#fffaf3;border-radius:8px;margin-top:.5rem;padding:8px 12px;font-size:.78rem;font-style:italic;font-weight:600;line-height:1.5}