@import "https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Amatic SC", sans-serif;--heading:"Amatic SC", sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100svh;font-family:var(--sans);background:var(--bg);margin:0;font-weight:400}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}main{z-index:1;width:min(100%,1440px);margin:0 auto;padding:16px;position:relative}button,input,select,textarea{font:inherit}button{min-height:44px}img{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (width>=768px){main{padding:24px}}@media (width>=1024px){main{padding:32px}}.page-header-section{flex-direction:column;align-items:flex-start;gap:clamp(10px,1.5vw,18px);margin-bottom:clamp(24px,4vw,40px);display:flex}.page-header{width:fit-content;margin:0;position:relative}.page-header-description{text-align:left;max-width:100%;margin:0;font-size:clamp(22px,2.5vw,32px);line-height:1.3}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:700}h1{letter-spacing:-1px;margin:20px 0;font-size:40px;line-height:1.1}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}h3{font-size:21px}p{margin:0}a{color:var(--accent)}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:17px;line-height:135%}@media (width>=768px){h1{margin:32px 0;font-size:48px}h2{font-size:26px}}@media (width>=1024px){h1{letter-spacing:-1.68px;margin:32px 0;font-size:60px}h2{font-size:28px}}.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;min-height:44px;padding:12px 20px}.primary-button:hover{filter:brightness(.95)}.primary-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary-button:disabled{cursor:not-allowed;opacity:.65}.form-field{text-align:left;gap:8px;min-width:0;display:grid}.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;min-height:48px;color:var(--text-h);border-radius:8px;padding:10px 12px}.form-field input[type=checkbox]{width:20px;height:20px;min-height:auto}.form-field textarea{resize:vertical;min-height:120px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.form-error{color:#dc2626;text-align:left;border:1px solid #dc2626;border-radius:8px;margin-bottom:16px;padding:12px}.field-error{color:#dc2626;text-align:left;margin-top:4px;font-size:.875rem}.field-help{text-align:left;margin-top:4px;font-size:.875rem}.drink-form .form-field input:not([type=checkbox]),.drink-form .form-field select,.drink-form .form-field textarea{border:2px solid #fff}.auth-layout{isolation:isolate;background:#050505;width:100%;min-height:100dvh;position:relative}.auth-layout-content{z-index:1;position:relative;background:0 0!important}.auth-page{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:16px;display:flex;background:0 0!important}.login-about-link{color:#eb0404a6;cursor:pointer;z-index:100;background:0 0;border:0;padding:6px 10px;font-family:Amatic SC,sans-serif;font-size:38px;font-weight:400;transition:color .18s;position:absolute;top:20px;right:65px}.login-about-link:hover,.login-about-link:focus-visible{color:#fff}.login-page>h1,.register-page>h1{text-align:center;color:#fff;margin:0 0 40px;font-family:Amatic SC,sans-serif;font-size:clamp(42px,10vw,60px);font-style:normal;font-weight:400}.auth-card{border:1px solid #ffffff4d;border-radius:20px;width:min(100%,28rem);position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040,inset 0 1px #fff6,inset 0 -1px #ffffff1a}.register-page .auth-card{clip-path:none;border-radius:20px;width:min(100%,34rem)}.auth-card-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.video-playback-notice{color:#fff;text-align:center;z-index:3;pointer-events:none;background:#000000b8;border:1px solid #ffffff40;border-radius:6px;width:calc(100% - 32px);margin:0;padding:8px 10px;font-size:18px;line-height:1.2;position:absolute;top:12px;left:50%;transform:translate(-50%)}.auth-card:before{content:"";-webkit-backdrop-filter:blur(1px);z-index:1;background:#ffffff14;position:absolute;inset:0}.auth-card-content{z-index:2;width:100%;padding:clamp(48px,10vw,100px) clamp(24px,7vw,58px) clamp(32px,8vw,52px);position:relative}.register-page .auth-card-content{padding:clamp(32px,7vw,52px) clamp(24px,6vw,48px)}.auth-form{gap:clamp(14px,4vw,20px);display:grid}.auth-page .form-field label{color:#fff4e6;background:#00000047;border-radius:3px;width:fit-content;padding:1px 5px;font-size:clamp(22px,6vw,28px);font-weight:700}.auth-page .form-field input:not([type=checkbox]){font-size:clamp(26px,7vw,35px)}.auth-page .primary-button{width:100%;font-size:clamp(26px,7vw,35px)}.auth-page .auth-footer{text-align:center;margin-top:20px;font-size:clamp(22px,6vw,28px)}.auth-page .auth-footer a{text-decoration:none;position:relative}.auth-page .auth-footer a:before{content:"";transform-origin:0;background-color:currentColor;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.auth-page .auth-footer a:hover:before{transform:scaleX(1)}@media (width<=480px){.auth-layout,.auth-page{min-height:100svh}.auth-page{padding:max(32px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));justify-content:flex-start}.login-about-link{font-size:26px;top:12px;right:12px}.login-page>h1,.register-page>h1{margin:0 0 32px;font-size:46px}.video-playback-notice{width:calc(100% - 20px);font-size:16px;top:8px}.login-page .auth-card{width:82vw;max-width:330px}.login-page .auth-form{width:100%}.login-page .form-field input:not([type=checkbox]){width:72%;min-height:44px;margin-inline:auto;padding:6px 10px;font-size:28px}.login-page .form-field label{margin-left:14%}.login-page .primary-button{width:72%;min-height:44px;margin-inline:auto;padding:8px 14px;font-size:30px}.wine-glass-card{clip-path:url(#wine-glass-shape)}.register-page .auth-card{clip-path:none;border-radius:20px;width:90vw;max-width:370px}.register-page .auth-card-content{padding:32px 24px}.register-page .form-field input:not([type=checkbox]){font-size:28px}.register-page .primary-button{font-size:30px}.login-page .auth-card-content{padding:52px 30px 38px}}@media (width<=340px){.auth-page{padding-inline:8px}.login-about-link{font-size:24px;right:8px}.login-page .auth-card-content,.register-page .auth-card-content{padding-inline:18px}}.auth-decorations{pointer-events:none;z-index:0;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.auth-decoration{object-fit:contain;opacity:.38;-webkit-user-select:none;user-select:none;filter:brightness(1.6);width:90px;height:90px;position:absolute}.auth-decoration,.auth-decoration img{mix-blend-mode:normal!important}.auth-decoration-1{top:5%;left:4%;transform:rotate(-10deg)}.auth-decoration-2{top:8%;right:6%;transform:rotate(8deg)}.auth-decoration-3{top:21%;left:10%;transform:rotate(6deg)}.auth-decoration-4{top:25%;right:8%;transform:rotate(-7deg)}.auth-decoration-5{top:38%;left:5%;transform:rotate(9deg)}.auth-decoration-6{top:43%;right:11%;transform:rotate(-8deg)}.auth-decoration-7{top:57%;left:9%;transform:rotate(5deg)}.auth-decoration-8{top:63%;right:6%;transform:rotate(-6deg)}.auth-decoration-9{top:75%;left:14%;transform:rotate(7deg)}.auth-decoration-10{top:80%;right:12%;transform:rotate(-9deg)}.auth-decoration-11{top:14%;left:26%;transform:rotate(6deg)}.auth-decoration-12{top:30%;right:24%;transform:rotate(-5deg)}.auth-decoration-13{top:56%;left:24%;transform:rotate(10deg)}.auth-decoration-14{top:72%;right:24%;transform:rotate(-10deg)}@media (width<=480px){.auth-decoration{opacity:.14;width:54px;height:54px}.auth-decoration-1{top:4%;left:3%}.auth-decoration-2{top:7%;right:3%}.auth-decoration-3{top:18%;left:2%}.auth-decoration-4{top:24%;right:2%}.auth-decoration-5{top:35%;left:3%}.auth-decoration-6{top:41%;right:4%}.auth-decoration-7{top:53%;left:3%}.auth-decoration-8{top:60%;right:3%}.auth-decoration-9{top:72%;left:5%}.auth-decoration-10{top:80%;right:5%}.auth-decoration-11{top:12%;left:24%}.auth-decoration-12{top:28%;right:22%}.auth-decoration-13{top:49%;left:22%}.auth-decoration-14{top:69%;right:20%}}.dashboard-page{flex-direction:column;gap:32px;display:flex}.dashboard-header{text-align:left;flex-direction:column;align-items:stretch;gap:16px;display:flex}.dashboard-header h1{margin-bottom:4px}.dashboard-header p{font-size:clamp(24px,3vw,36px)}.dashboard-actions{flex-direction:column;gap:12px;width:100%;display:flex}.dashboard-section{text-align:left;width:100%}.dashboard-section h2{margin-bottom:16px}.drink-grid{grid-template-columns:minmax(0,1fr);gap:38px;display:grid}.drink-card{overflow-wrap:anywhere;border:1px solid var(--border);background:var(--bg);min-width:0;box-shadow:var(--shadow);cursor:pointer;border-radius:12px;padding:20px;font-size:20px;transition:box-shadow .3s ease-in-out,color .3s ease-in-out;position:relative;overflow:hidden}.drink-card:after{content:"Click For More!";color:#ffffffd1;opacity:0;pointer-events:none;z-index:3;justify-content:center;align-items:center;font-family:Amatic SC,sans-serif;font-size:52px;font-weight:400;transition:opacity .3s ease-in-out;display:flex;position:absolute;inset:0}.drink-card:hover{box-shadow:0 0 40px 40px #550000d1 inset, var(--shadow)}.drink-card:hover:after{opacity:1}.drink-card:hover>h2,.drink-card:hover>p{opacity:0}.drink-card button{z-index:4;font-size:22px;position:relative}.drink-card-activating{box-shadow:0 0 40px 40px #550000d1 inset, var(--shadow)}.drink-card-activating:after{opacity:1}.drink-card-activating>h2,.drink-card-activating>p{opacity:0}.drink-card h2{color:var(--text-h);margin-top:0;font-size:36px;transition:opacity .2s ease-in-out}.drink-card h3{color:var(--text-h);margin:0 0 16px}.drink-card p{font-size:22px;transition:opacity .2s ease-in-out}.drink-details{gap:12px;margin:0;display:grid}.drink-details div{justify-content:space-between;gap:16px;display:flex}.drink-details dt{color:var(--text-h);font-weight:700}.drink-details dd{text-align:right;text-transform:capitalize;margin:0}.drink-card-actions{flex-wrap:wrap;gap:16px;margin-top:20px;display:flex}.empty-drinks-state{text-align:center;color:#fff;justify-content:center;align-items:center;width:100%;min-height:50vh;font-size:clamp(40px,5vw,64px);display:flex}.empty-drinks-link{color:#500;margin-left:12px;font-weight:700;text-decoration:none;transition:color .22s,transform .22s}.empty-drinks-link:hover{color:#a84c5a;transform:translateY(-1px)}.dashboard-page .dashboard-header h1{color:#fff;text-shadow:0 2px 4px #000000e6,0 0 10px #000000bf}@media (width>=640px){.dashboard-actions{flex-flow:wrap;width:auto}}@media (width>=768px){.drink-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=1024px){.drink-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ingredient-row{gap:16px;padding:16px 0;display:grid}.ingredient-search{min-width:0}.ingredient-results{border:1px solid var(--border);border-radius:8px;width:100%;margin:0;padding:0;list-style:none;overflow:hidden}.ingredient-results button{text-align:left;width:100%;min-height:44px;padding:12px}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px;display:flex}.page-header h1{margin:0}.page-header .primary-button{width:auto}.ingredients-table{border-collapse:collapse;border:1px solid var(--border);border-radius:12px;width:100%;overflow:hidden}.ingredients-table th,.ingredients-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.ingredients-table th{color:var(--text-h);background:var(--code-bg);font-weight:700}.ingredients-table tbody tr:last-child td{border-bottom:0}.ingredients-table-actions{white-space:nowrap;gap:8px;display:flex}.ingredients-table-actions button{border:1px solid var(--border);background:var(--bg);min-height:36px;color:var(--text-h);cursor:pointer;border-radius:6px;padding:6px 12px}.ingredients-table-actions button:hover{border-color:var(--accent-border)}.ingredients-table-actions button:disabled{cursor:not-allowed;opacity:.6}@media (width<=480px){.ingredients-table{display:block;overflow-x:auto}}@media (width>=640px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=768px){.ingredient-row{grid-template-columns:2fr 1fr 1fr auto;align-items:end}}.recipe-grid{gap:16px;display:grid}.recipe-card{border:1px solid #ccc;border-radius:8px;padding:16px}@media (width<=1200px) and (width>=901px){.nav-inner{padding:0 16px}.nav-menu{gap:12px}.nav-link{padding-inline:4px;font-size:21px}.nav-sign-out button{padding-inline:12px;font-size:21px}}@media (width<=900px){.nav-inner{padding:0 16px}.nav-menu-button{color:#fff;cursor:pointer;background:0 0;border:0;min-height:64px;margin-left:auto;padding:8px 12px;font-family:Amatic SC,sans-serif;font-size:28px;font-weight:700;display:block}.nav-menu{min-height:0;padding-bottom:20px;display:none}.nav-menu-open{display:block}.nav-links{flex-direction:column;display:flex}.nav-link{text-align:left;justify-content:flex-start;min-height:52px;padding:10px 8px;font-size:28px}.nav-link:hover{transform:none}.nav-snake{display:none}.nav-sign-out{margin-top:12px}.nav-sign-out button{text-align:left;width:100%}}@media (width<=480px){.nav-inner{padding:0 12px}.nav-menu-button,.nav-link,.nav-sign-out button{font-size:26px}}.page-flower,.page-babyangel{object-fit:contain;z-index:0;opacity:.3;pointer-events:none;width:120px;height:120px;position:fixed;top:100px}.page-flower{right:20px}.page-babyangel{left:20px}@media (width<=480px){.page-flower,.page-babyangel{width:80px;height:80px;top:80px}.page-flower{right:10px}.page-babyangel{left:10px}}.about-me{color:#fff;background:#050505;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:clamp(48px,8vw,96px) clamp(16px,5vw,48px);display:flex}.about-me-transparent{background:0 0!important}.about-me-content{width:min(100%,900px);margin:0 auto}.about-me-heading{justify-content:center;width:100%;margin-bottom:clamp(32px,5vw,56px);display:flex}.about-me-heading .page-header{color:#fff;text-align:center;width:fit-content;margin:0}.about-me-sections{text-align:center;justify-items:center;gap:clamp(28px,5vw,48px);display:grid}.about-me-section{justify-items:center;gap:clamp(8px,1.5vw,14px);width:100%;display:grid}.about-me-section h2{color:#f2d6a2;text-align:center;margin:0;font-size:clamp(28px,4vw,40px);font-weight:700}.about-me-section p{color:#ffffffd1;text-align:center;max-width:700px;margin:0 auto;font-size:clamp(28px,2.5vw,35px);line-height:1.4}.about-back-button{cursor:pointer;margin:clamp(40px,6vw,64px) auto 0;display:block}.about-top-button{color:#ffffffb8;cursor:pointer;background:0 0;border:0;margin:clamp(36px,6vw,56px) auto 0;padding:4px 10px;font-family:Amatic SC,sans-serif;font-size:clamp(36px,5vw,48px);line-height:1;transition:color .18s,transform .18s;display:block}.about-top-button:hover,.about-top-button:focus-visible{color:#fff;transform:translateY(-2px)}@media (width<=480px){.about-me{align-items:flex-start;padding:48px 20px 64px}.about-me-content{width:100%}.about-me-section p{max-width:100%}}.bar-buddy-greeting{width:min(92vw,560px);margin:0 0 8px}.bar-buddy-greeting svg{width:100%;height:auto;display:block;overflow:visible}.bar-buddy-letter{fill:#0000;stroke:#fff;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.bar-buddy-svg.is-writing .bar-buddy-letter{animation:bar-buddy-draw .22s linear forwards var(--write-delay), bar-buddy-fill-in .22s linear forwards var(--write-delay)}.bar-buddy-svg.is-erasing .bar-buddy-letter{fill:#fff;stroke-dashoffset:0;animation:bar-buddy-undraw .13s linear forwards var(--erase-delay), bar-buddy-fill-out .13s linear forwards var(--erase-delay)}@keyframes bar-buddy-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes bar-buddy-undraw{0%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}@keyframes bar-buddy-fill-in{0%{fill:#0000}to{fill:#fff}}@keyframes bar-buddy-fill-out{0%{fill:#fff}to{fill:#0000}}@media (width<=480px){.bar-buddy-greeting{width:min(94vw,440px);margin:16px 0 4px}}.animated-underline{display:inline-block;position:relative}.animated-underline:before{content:"";transform-origin:0;background-color:currentColor;width:100%;height:2px;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.animated-underline.auto-underline:before{animation:.6s forwards underline-in}@keyframes underline-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.wine-glass-outline{width:min(100%,28rem);margin-inline:auto;position:relative}.wine-glass-outline:before{content:"";clip-path:url(#wine-glass-shape);z-index:0;background:#fff4e6e6;position:absolute;inset:-3px}.wine-glass-card{clip-path:url(#wine-glass-shape);z-index:1;width:100%;position:relative}@media (width<=480px){.wine-glass-outline{width:82vw;max-width:330px}.login-page .wine-glass-card{width:100%;max-width:none}}.main-nav{-webkit-backdrop-filter:blur(14px);z-index:1000;background:#050505b8;border-bottom:1px solid #ffffff14;width:100%;font-family:Amatic SC,sans-serif;position:sticky;top:0}.nav-inner{width:min(100%,1600px);margin:0 auto;padding:0 24px}.nav-menu{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;min-height:84px;display:grid}.nav-links{grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;width:100%;min-width:0;display:grid;position:relative}.nav-link{color:#500;text-align:center;white-space:nowrap;justify-content:center;align-items:center;min-height:84px;padding:10px 6px;font-size:24px;font-weight:700;text-decoration:none;transition:color .22s,transform .22s;display:flex;position:relative}.nav-link:hover{color:#a84c5a;transform:translateY(-1px)}.nav-link-active{color:#fff}.nav-snake{width:calc(100% / var(--nav-count));pointer-events:none;height:18px;transform:translateX(calc(var(--active-index) * 100%));transition:transform .5s;position:absolute;bottom:4px;left:0}.nav-snake svg{width:100%;height:100%;display:block}.nav-snake path{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke-dashoffset .5s}.nav-snake.right path,.nav-snake.left path{stroke-dasharray:none;stroke-dashoffset:0}.nav-sign-out{justify-content:flex-end;align-items:center;display:flex}.nav-sign-out button{color:#500;-webkit-backdrop-filter:blur(8px);white-space:nowrap;cursor:pointer;background:#0000002e;border:1px solid #722f37b3;border-radius:8px;min-height:44px;padding:8px 16px;font-family:Amatic SC,sans-serif;font-size:24px;font-weight:700;transition:color .22s,border-color .22s,background .22s}.nav-sign-out button:hover{color:#fff;background:#ffffff0d;border-color:#ffffff59}.nav-menu-button{display:none}@media (width<=1200px) and (width>=901px){.nav-inner{padding:0 16px}.nav-menu{gap:12px}.nav-link{padding-inline:4px;font-size:21px}.nav-sign-out button{padding-inline:12px;font-size:21px}}@media (width<=900px){.nav-inner{padding:0 16px}.nav-menu-button{color:#fff;cursor:pointer;background:0 0;border:0;min-height:64px;margin-left:auto;padding:8px 12px;font-family:Amatic SC,sans-serif;font-size:28px;font-weight:700;display:block}.nav-menu{min-height:0;padding-bottom:20px;display:none}.nav-menu-open{display:block}.nav-links{flex-direction:column;display:flex}.nav-link{text-align:left;justify-content:flex-start;min-height:52px;padding:10px 8px;font-size:28px}.nav-link:hover{transform:none}.nav-snake{display:none}.nav-sign-out{margin-top:12px}.nav-sign-out button{text-align:left;width:100%}}@media (width<=480px){.nav-inner{padding:0 12px}.nav-menu-button,.nav-link,.nav-sign-out button{font-size:26px}}