:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;--bg:#07070d;--panel:#12121edb;--panel2:#ffffff13;--line:#ffffff24;--muted:#aaa8cc;--text:#fff;--pink:#ff2d8d;--blue:#00e5ff;--lime:#9cff4f;--orange:#ffb000;--purple:#8a5cff;--danger:#ff4d6d;--shadow:0 22px 80px #0006;background:#07070d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background-color:#0000;background-image:radial-gradient(circle at 0 0,#ff2d8d59,#0000 28rem),radial-gradient(circle at 100% 0,#00e5ff40,#0000 24rem),radial-gradient(circle at 0 100%,#9cff4f21,#0000 26rem),linear-gradient(135deg,#07070d 0%,#111121 55%,#07070d 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}main{width:min(1220px,100%);margin:0 auto;padding:18px 16px 110px}.app-header{justify-content:space-between;align-items:center;gap:16px;padding:10px 0 18px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand img{object-fit:cover;border-radius:21px;width:68px;height:68px;box-shadow:0 0 0 1px #ffffff4d,0 0 40px #ff2d8d59}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:2px;font-size:clamp(2rem,5vw,3.3rem)}h2{letter-spacing:-.04em;margin-bottom:6px;font-size:clamp(1.45rem,3.4vw,2.15rem)}h3{letter-spacing:-.02em;margin-bottom:6px}p,small,.muted{color:var(--muted);line-height:1.48}.primary,.ghost,.danger-btn,.tiny,.filter,.tabs button,.close,.fav{color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:850;transition:transform .16s,border-color .16s,background .16s,opacity .16s;display:inline-flex}.primary{background:linear-gradient(135deg, var(--pink), #ff6f00 48%, var(--orange));padding:12px 17px;box-shadow:0 12px 30px #ff2d8d40}.ghost{border:1px solid var(--line);background:#ffffff17;padding:12px 17px}.danger-btn{background:#ff4d6d26;border:1px solid #ff4d6d66;padding:12px 17px}.tiny{background:#00e5ff26;border:1px solid #00e5ff40;padding:8px 10px;font-size:.82rem}button:hover{transform:translateY(-1px)}.tabs{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#07070df5,#07070db8);gap:8px;margin-bottom:8px;padding:12px 0 14px;display:flex;position:sticky;top:0;overflow:auto}.tabs button{color:var(--muted);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1a;padding:11px 14px}.tabs button.active{color:#001319;background:linear-gradient(135deg, var(--blue), var(--lime));box-shadow:0 10px 28px #00e5ff40}.screen{animation:.22s rise}@keyframes rise{0%{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-panel{box-shadow:var(--shadow);background:linear-gradient(135deg,#ff2d8d3d,#00e5ff26),#12121ead;border:1px solid #ffffff29;border-radius:34px;grid-template-columns:1fr minmax(160px,280px);align-items:center;gap:20px;padding:clamp(22px,5vw,44px);display:grid;overflow:hidden}.hero-panel h2{max-width:760px;font-size:clamp(2.2rem,7vw,5.2rem);line-height:.92}.hero-panel p{max-width:620px;font-size:1.05rem}.hero-panel img{object-fit:cover;border-radius:32px;width:100%;box-shadow:0 0 0 1px #ffffff3d,0 30px 90px #ff2d8d40}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:.08em;background:#9cff4f21;border:1px solid #9cff4f40;border-radius:999px;margin-bottom:14px;padding:8px 12px;font-size:.75rem;font-weight:900;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 24px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:18px}.stat strong{font-size:2.1rem;line-height:1;display:block}.stat span{margin:8px 0 2px;font-weight:900;display:block}.stat.good{background:linear-gradient(135deg,#9cff4f29,#00e5ff14)}.section-title{justify-content:space-between;align-items:flex-end;gap:12px;margin:24px 0 12px;display:flex}.feature-card{border:1px solid var(--line);cursor:pointer;background:#ffffff13;border-radius:28px;grid-template-columns:minmax(160px,280px) 1fr;gap:18px;padding:14px;display:grid}.feature-card img{object-fit:cover;border-radius:22px;width:100%;height:220px}.feature-card>div{padding:10px 6px}.toolbar{margin:8px 0 14px}.toolbar.two{grid-template-columns:1fr 220px;gap:12px;display:grid}.search{border:1px solid var(--line);background:#ffffff14;border-radius:18px;align-items:center;gap:10px;padding:13px 15px;display:flex}.search input,.inventory-add input,.inventory-fields input,label input,label textarea,label select,.toolbar select{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:15px;outline:none;width:100%;min-width:0;padding:12px 13px}.search input{background:0 0;border:0;padding:0}textarea{resize:vertical;min-height:96px}textarea.tall{min-height:170px}select option{color:#111}.filter-row{align-items:center;gap:8px;padding:4px 0 14px;display:flex;overflow:auto}.filter{color:var(--muted);white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1f;padding:8px 12px}.filter.active{color:#fff;background:#00e5ff2e;border-color:#00e5ff80}.cocktail-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.cocktail-card{background:#12121ec7;border:1px solid #ffffff1f;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 12px 34px #00000038}.card-image{cursor:pointer;height:150px;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.cocktail-card:hover .card-image img{transform:scale(1.05)}.fav{z-index:2;background:#00000075;border:1px solid #ffffff40;width:34px;height:34px;position:absolute;top:9px;right:9px}.fav.on{color:#111;background:linear-gradient(135deg, var(--orange), var(--lime))}.match-badge{color:#fff;background:#0000008c;border:1px solid #ffffff40;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:950;position:absolute;bottom:10px;left:10px}.match-badge.can{color:#001319;background:var(--lime)}.match-badge.almost{color:#160900;background:var(--orange)}.card-body{cursor:pointer;padding:13px}.card-body h3{font-size:1.05rem}.card-body p{margin-bottom:8px;font-size:.9rem}.mini-status{color:var(--lime);font-size:.84rem;font-weight:900}.missing-line{color:#ffb3c2;margin-top:6px;font-size:.78rem}.chip-row{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.chip,.pill{color:#dfe0ff;background:#ffffff17;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:.82rem;font-weight:850;display:inline-flex}.pill.hot,.pill.good{color:#001319;background:linear-gradient(135deg, var(--blue), var(--lime))}.pill.warn{color:#1f0d00;background:linear-gradient(135deg, var(--orange), #ffd15a)}.match-columns{grid-template-columns:repeat(2,1fr);align-items:start;gap:16px;display:grid}.match-column{border:1px solid var(--line);background:#ffffff0d;border-radius:28px;padding:14px}.match-column h3{align-items:center;gap:8px;display:flex}.buy-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.buy-card{background:linear-gradient(135deg,#ff2d8d1f,#00e5ff14);border:1px solid #ffffff21;border-radius:22px;padding:16px}.buy-card strong{font-size:1.05rem}.buy-card p{color:var(--lime);margin:5px 0 8px;font-weight:900}.buy-card small{min-height:38px;display:block}.card-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.inventory-add{border:1px solid var(--line);background:#ffffff0f;border-radius:24px;grid-template-columns:1fr auto;gap:10px;margin:12px 0;padding:12px;display:grid}.ingredient-list,.shopping-list{gap:10px;display:grid}.ingredient-row,.shopping-row{background:#12121ec7;border:1px solid #ffffff1f;border-radius:22px;padding:14px}.ingredient-row.owned{background:linear-gradient(135deg,#9cff4f1f,#12121ec7);border-color:#9cff4f66}.switch-line,.shopping-row label{align-items:center;gap:12px;display:flex}.switch-line input,.shopping-row input,.checkbox-label input{width:20px;height:20px;accent-color:var(--lime)}.switch-line span{gap:3px;display:grid}.inventory-fields{grid-template-columns:100px 120px 1fr;gap:8px;margin:12px 0 0;display:grid}.ingredient-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.shopping-row.done{opacity:.6;text-decoration:line-through}.notice,.danger,.toast{border:1px solid var(--line);color:#dfefff;background:#ffffff14;border-radius:18px;align-items:center;gap:10px;margin:12px 0 16px;padding:14px 16px;display:flex}.danger{color:#ffdce2;background:#ff4d6d1f;border-color:#ff4d6d59}.toast{z-index:60;color:#111;box-shadow:var(--shadow);background:#fff;font-weight:900;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.guide-card{background:linear-gradient(135deg,#8a5cff29,#00e5ff14);border:1px solid #ffffff24;border-radius:26px;min-height:210px;padding:20px}.guide-card span{color:var(--blue);font-weight:950}.guide-card h2{color:#fff}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.recipe-modal,.editor-modal{width:min(980px,100%);max-height:92vh;box-shadow:var(--shadow);background:#0c0c14f5;border:1px solid #ffffff29;border-radius:32px;padding:clamp(18px,3vw,26px);position:relative;overflow:auto}.editor-modal.small{width:min(560px,100%)}.close{float:right;z-index:2;background:#ffffff1a;border:1px solid #ffffff29;width:42px;height:42px;position:sticky;top:0}.recipe-hero{clear:both;grid-template-columns:minmax(170px,320px) 1fr;align-items:center;gap:18px;display:grid}.recipe-hero img{object-fit:cover;border-radius:26px;width:100%;height:280px}.modal-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.match-panel{border:1px solid var(--line);background:#ffffff12;border-radius:22px;padding:16px}.match-panel h3{align-items:center;gap:8px;display:flex}.recipe-ingredients{gap:8px;display:grid}.recipe-ingredient{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:26px 1fr auto auto;align-items:center;gap:9px;padding:12px;display:grid}.recipe-ingredient.have{border-color:#9cff4f59}.recipe-ingredient.missing{border-color:#ff4d6d59}.recipe-ingredient small{display:block}.method-list{color:#efeefe;padding-left:22px}.method-list li{margin-bottom:9px;line-height:1.55}.garnish{background:#ffffff12;border-radius:18px;padding:14px}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}label{color:#efeefe;gap:7px;margin:12px 0;font-weight:800;display:grid}.checkbox-label{align-items:center;gap:10px;display:flex}.hint{color:#c7c5e8;margin:6px 0 14px;display:block}.empty{text-align:center;background:#ffffff0e;border:1px dashed #ffffff29;border-radius:24px;place-items:center;padding:34px 16px;display:grid}@media (width<=820px){main{padding:12px 12px 100px}.app-header{flex-direction:column;align-items:flex-start}.brand img{width:58px;height:58px}.tabs{margin-left:-12px;margin-right:-12px;padding-left:12px}.tabs button span{display:none}.hero-panel,.feature-card,.recipe-hero,.match-columns,.toolbar.two,.form-grid{grid-template-columns:1fr}.hero-panel img{justify-self:center;width:min(220px,80%)}.stats-grid{grid-template-columns:repeat(2,1fr)}.cocktail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-image{height:132px}.inventory-fields{grid-template-columns:1fr}.recipe-ingredient{grid-template-columns:24px 1fr}.recipe-ingredient button{width:fit-content}.inventory-add{grid-template-columns:1fr}.section-title{flex-direction:column;align-items:flex-start}}@media (width<=420px){.cocktail-grid,.stats-grid{grid-template-columns:1fr}.recipe-hero img{height:220px}}