:root{--bg:#120a10;--panel:#1e111ab8;--panel-solid:#1e111a;--line:#ffecd61a;--line-strong:#ffecd633;--text:#f7ead9;--muted:#f7ead999;--accent:#f4a259;--accent-2:#ff5d8f;--good:#8bd17c;--radius:18px;--ease:cubic-bezier(.2, .8, .2, 1);--display:"Fraunces", Georgia, serif;--body:"Inter", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}a.button[aria-disabled=true]{pointer-events:none;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{flex:none;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h3{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:18px 0 10px;font-size:11px;font-weight:600}.hint{color:var(--muted);margin:4px 0 12px;font-size:13px;line-height:1.45}.hint.warn{color:var(--accent)}.icon-button{width:34px;height:34px;color:var(--muted);border-radius:10px;place-items:center;transition:background .15s,color .15s;display:grid}@media (hover:hover){.icon-button:hover{color:var(--text);background:#ffffff12}}.stage{position:fixed;inset:0}.stage canvas{touch-action:none}.panel{z-index:3;isolation:isolate;flex-direction:column;display:flex;position:fixed}.panel:before{content:"";z-index:-1;box-sizing:border-box;border-radius:inherit;background:var(--panel);-webkit-backdrop-filter:blur(22px)saturate(1.3);border:1px solid var(--line);transition:opacity .35s var(--ease);position:absolute;inset:0;box-shadow:0 30px 80px #00000073}.desktop .panel{border-radius:24px;width:360px;top:16px;bottom:16px;left:16px}.panel-brand{align-items:baseline;gap:10px;padding:14px 12px 4px 20px;display:flex}.panel-brand .icon-button{align-self:center;margin-left:auto}.logo{font-family:var(--display);letter-spacing:-.02em;background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.tag{color:var(--muted);letter-spacing:.06em;font-size:12px}.tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;display:grid}.tabs button{color:var(--muted);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:9px 2px;font-size:13px;font-weight:500;transition:background .2s,color .2s;display:flex}@media (hover:hover){.tabs button:hover{color:var(--text)}}.tabs button.active{color:var(--text);background:#f4a25924}.tabs button.active .icon{color:var(--accent)}.panel-body{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;min-height:0;padding:4px 16px 24px;overflow-y:auto}.chips{gap:6px;display:flex}.chips.scroll-x{scrollbar-width:none;padding-bottom:6px;overflow-x:auto}.chips.scroll-x::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line-strong);background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;transition:all .15s;display:inline-flex}@media (hover:hover){.chip:hover:not(:disabled){border-color:var(--accent)}}.chip.active{background:var(--accent);color:#241208;border-color:var(--accent);font-weight:600}.bartender{background:linear-gradient(120deg,#f4a2591a,#ff5d8f14);border:1px solid #f4a2594d;border-radius:14px;flex-direction:column;gap:10px;margin:12px 0 4px;padding:12px 12px 10px;display:flex;overflow:hidden}.bartender h4{align-items:center;gap:7px;margin:0;font-size:14px;font-weight:600;display:flex}.bartender h4 .icon{color:var(--accent)}.ask-box{border:1px solid var(--line-strong);background:#00000040;border-radius:11px;align-items:center;gap:8px;padding:0 5px 0 12px;display:flex}.ask-box:focus-within{border-color:var(--accent)}.ask-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:10px 0}.ask-box input::placeholder{color:var(--muted)}.ask-box .send{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#1d0d12;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;transition:opacity .15s,filter .15s;display:grid}.ask-box .send:disabled{opacity:.35}@media (hover:hover){.ask-box .send:hover:not(:disabled){filter:brightness(1.08)}}.ideas{margin:0 -12px -6px;padding-left:12px;padding-right:12px}.ideas .icon{color:var(--accent)}.ask-status{min-height:32px;color:var(--muted);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.ask-status .shaker-loader{color:var(--accent)}.classic-list{flex-direction:column;gap:4px;display:flex}.classic{text-align:left;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:8px;transition:background .15s,border-color .15s;display:flex}@media (hover:hover){.classic:hover:not(:disabled){border-color:var(--line);background:#ffffff0a}}.thumb{background:#fff;border-radius:10px;flex:none;width:48px;height:60px;overflow:hidden}.thumb svg{display:block}.classic-text{flex-direction:column;gap:2px;min-width:0;display:flex}.classic-text strong{font-family:var(--display);font-size:16px;font-weight:500}.classic-text small{color:var(--muted);font-size:12px;line-height:1.35}.check{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.check.disabled{opacity:.5}.check input{accent-color:var(--accent);margin:0}.error{color:#ff8a8a;font-size:13px}.shaker-loader{animation:.35s ease-in-out infinite shake;display:inline-block}@keyframes shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-3deg)}75%{transform:translate(3px)rotate(3deg)}}.glass-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.glass-card{border:1px solid var(--line);text-align:center;background:#ffffff08;border-radius:14px;flex-direction:column;align-items:center;padding:8px 2px 7px;font-size:11.5px;line-height:1.25;transition:border-color .15s,background .15s;display:flex}@media (hover:hover){.glass-card:hover:not(:disabled){border-color:var(--line-strong)}}.glass-card small{color:var(--muted);font-size:10.5px}.glass-card.active{border-color:var(--accent);background:#f4a2591a}.glass-icon{width:44px;height:44px;margin-bottom:4px}.glass-icon polygon{fill:#bee1eb1f;stroke:#e6f5fabf;stroke-width:1.4px;stroke-linejoin:round}.glass-card.active .glass-icon polygon{stroke:var(--accent);fill:#f4a2592e}.segmented{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;padding:4px;display:flex}.segmented button{white-space:nowrap;color:var(--muted);border-radius:9px;flex:auto;padding:8px 4px;font-size:13px}.segmented button.active{background:var(--accent);color:#241208;font-weight:600}.ingredient-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ingredient{border:1px solid var(--line);-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff09;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;transition:transform .12s,border-color .15s,background .15s;display:flex;position:relative}@media (hover:hover){.ingredient:hover:not(:disabled){border-color:color-mix(in srgb, var(--swatch) 60%, transparent);background:color-mix(in srgb, var(--swatch) 8%, #ffffff08)}}.ingredient:active:not(:disabled),.ingredient.pouring{border-color:var(--swatch);box-shadow:0 0 0 3px color-mix(in srgb, var(--swatch) 25%, transparent);transform:scale(.96)}.bottle{background:#ffffff0d;border:1.5px solid #ffffff59;border-radius:6px 6px 5px 5px;width:18px;height:34px;position:relative;overflow:hidden}.bottle:before{content:"";background:var(--bg);z-index:1;border-left:1.5px solid #ffffff59;border-right:1.5px solid #ffffff59;width:7px;height:7px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.bottle .fill{background:var(--swatch);transition:inset .3s;position:absolute;inset:40% 0 0}.ingredient.pouring .bottle .fill{animation:1.6s linear infinite drain}@keyframes drain{0%{inset:40% 0 0}to{inset:85% 0 0}}.ing-name{text-align:center;font-size:12px;font-weight:500;line-height:1.2}.ing-meta{color:var(--muted);font-size:10.5px}.ing-meta em{opacity:.8;font-style:normal}.garnish-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.garnish{border:1px solid var(--line);text-align:left;background:#ffffff08;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:border-color .15s,background .15s;display:flex}@media (hover:hover){.garnish:hover:not(:disabled){border-color:var(--line-strong)}}.garnish .emoji{font-size:18px}.garnish.active{border-color:var(--good);background:#8bd17c1f}.primary,.ghost,.button{border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.primary{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#1d0d12;flex:1}.ghost{color:var(--text);border:1px solid var(--line-strong);background:#ffffff0a}.row{flex-wrap:wrap;gap:8px;display:flex}.drink-card{z-index:3;background:var(--panel);-webkit-backdrop-filter:blur(22px)saturate(1.3);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #00000073}.drink-card.full{width:360px;max-height:calc(100vh - 32px);position:fixed;top:16px;right:16px;overflow-y:auto}.drink-card.full .card-head{padding:16px 18px 12px}.drink-card.docked{box-shadow:none;-webkit-backdrop-filter:none;background:#ffffff0a;border-radius:16px;flex:none;max-height:46vh;margin:6px 10px 4px;overflow-y:auto}.drink-card.compact{z-index:4;top:calc(8px + env(safe-area-inset-top));max-height:calc(100% - var(--dock) - 24px - env(safe-area-inset-top));border-radius:18px;position:fixed;left:8px;right:8px;overflow-y:auto}.drink-card.compact .card-head,.drink-card.docked .card-head{cursor:pointer;padding:10px 84px 10px 14px;position:relative}.drink-card.docked .card-head{padding-right:48px}.title-row{align-items:center;gap:8px;min-width:0;display:flex}.stat-line{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:12.5px;overflow:hidden}.stat-line b{color:var(--text);font-weight:600}.head-end{gap:2px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.fold .icon{transition:transform .2s var(--ease)}.drink-card.open .fold .icon{transform:rotate(180deg)}.badge{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;background:#ffffff14;border-radius:999px;flex:none;padding:3px 8px;font-size:10px;display:inline-block}.badge.src-ai{color:var(--text);background:linear-gradient(120deg,#f4a25940,#ff5d8f40)}.badge.src-shared{color:var(--text);background:#8bd17c33}.drink-name{min-width:0;line-height:1.25;font-family:var(--display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-bottom:1px dashed #0000;outline:none;margin:0;padding:0;font-size:19px;font-weight:700;display:block;overflow:hidden}input.drink-name{flex:1;width:100%}input.drink-name:focus{border-bottom-color:var(--line-strong)}.drink-card.full .drink-name{margin:6px 0 10px;font-size:26px}.stat-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stat{background:#ffffff0a;border-radius:12px;flex-direction:column;padding:8px 10px;display:flex}.stat span{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.stat small{color:var(--muted);font-size:10.5px}.card-body{padding:0 18px 18px}.drink-card.compact .card-body,.drink-card.docked .card-body{padding:2px 14px 14px}.desc{color:#f7ead9d9;margin:2px 0 8px;font-size:13.5px;line-height:1.5}.serve-line{color:var(--muted);margin:0 0 12px;font-size:12.5px;line-height:1.5}.note{background:#f4a2591a;border:1px solid #f4a25933;border-radius:12px;margin:0 0 10px;padding:10px 12px;font-size:12.5px;line-height:1.45}.near{text-align:left;background:#8bd17c1a;border:1px dashed #8bd17c66;border-radius:12px;width:100%;margin-bottom:10px;padding:9px 12px;font-size:12.5px}.ingredients{margin:0 0 12px;padding:0;list-style:none}.ingredients li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 0;font-size:13.5px;transition:opacity .3s;display:flex}.ingredients li.next{opacity:.4}.ingredients li.pouring .ml{color:var(--text)}.ingredients li.pouring .dot{animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.35)}}.ingredients li.empty{color:var(--muted);border:0;font-size:13px}.dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 1px #ffffff40}.ing{flex:1}.ml{color:var(--muted);font-variant-numeric:tabular-nums}.x{width:22px;height:22px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}@media (hover:hover){button.x:hover:not(:disabled){color:var(--text);background:#ffffff14}}.flavor{grid-template-columns:1fr 1fr;gap:6px 14px;display:grid}.bar{color:var(--muted);grid-template-columns:50px 1fr;align-items:center;font-size:11.5px;display:grid}.track{background:#ffffff12;border-radius:999px;height:6px;overflow:hidden}.fillbar{height:100%;transition:width .4s var(--ease);border-radius:999px}.verdict{font-family:var(--display);color:#f7ead9e6;margin:14px 0 0;font-size:15px;font-style:italic}.action-wrap{pointer-events:none;justify-content:center;display:flex}.desktop .action-wrap{z-index:3;position:fixed;bottom:18px}.action-bar{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:20px;align-items:stretch;gap:2px;max-width:calc(100vw - 16px);padding:6px;display:flex;box-shadow:0 20px 50px #0006}.action-bar button{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:56px;padding:8px 6px 6px;transition:background .15s;display:flex}.action-bar button small{color:var(--muted);font-size:10.5px}@media (hover:hover){.action-bar button:hover:not(:disabled){background:#ffffff12}}.action-bar button.on{color:var(--accent);background:#f4a25924}.action-bar button.on small{color:var(--accent)}@media (hover:hover){.action-bar button.on:hover:not(:disabled){background:#f4a25933}}.action-bar .sep{background:var(--line-strong);flex:none;width:1px;margin:10px 4px}.action-bar .share{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#1d0d12;margin-left:2px}.action-bar .share small{color:#1d0d12;font-weight:600}@media (hover:hover){.action-bar .share:hover:not(:disabled){background:linear-gradient(120deg, var(--accent), var(--accent-2));filter:brightness(1.08)}}.pour-label{z-index:2;pointer-events:none;transition:bottom .35s var(--ease);justify-content:center;padding:0 16px;display:flex;position:fixed}.pour-chip{-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);opacity:0;max-width:min(100%,442px);transition:opacity .25s, transform .35s var(--ease), width .35s var(--ease);background:#1e111acc;border-radius:16px;display:flex;position:relative;overflow:hidden;transform:translateY(10px)scale(.97);box-shadow:0 14px 40px #00000059}.pour-chip.up{opacity:1;transform:none}.pour-inner{flex-direction:column;flex:none;justify-content:center;width:max-content;min-width:228px;max-width:440px;padding:9px 16px 11px;display:flex}.pour-title{align-items:baseline;gap:14px;min-width:0;padding-bottom:3px;display:flex}.pour-drink{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--display);color:var(--text);flex:1;font-size:27px;font-weight:700;line-height:1.15;overflow:hidden}.pour-step{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;flex:none;font-size:10.5px;font-weight:600}.pour-main{align-items:center;gap:10px;padding-top:2px;display:flex}.pour-chip.making .pour-main{animation:pour-in .3s var(--ease)}@keyframes pour-in{0%{opacity:0}}.pour-icon{min-width:12px;color:var(--text);flex:none;place-items:center;display:grid}.pour-dot{background:var(--swatch);width:12px;height:12px;box-shadow:0 0 0 2px #ffffff2e, 0 0 14px var(--swatch);border-radius:50%}.pour-name{min-width:0;font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:21px;font-weight:700;overflow:hidden}.pour-chip.making .pour-name{color:#f7ead9eb;font-family:inherit;font-size:15px;font-weight:600}.pour-ml{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;justify-items:end;margin-left:8px;font-size:13px;display:inline-grid}.pour-ml>span{grid-area:1/1}.pour-room{visibility:hidden}.pour-tick{color:var(--good);opacity:0;flex:none;transition:opacity .2s;display:grid}.pour-chip.done .pour-tick{opacity:1}.pour-progress{background:#ffffff14;height:3px;position:absolute;bottom:0;left:0;right:0}.pour-progress span{background:var(--swatch);transform-origin:0;height:100%;transition:transform .12s linear;display:block}.pour-chip.busy:not(.done) .pour-progress span{background:linear-gradient(90deg, transparent, var(--swatch), transparent) 0 0 / 40% 100% no-repeat;animation:.9s linear infinite flowing;transform:none!important}@keyframes flowing{0%{background-position:-40% 0}to{background-position:140% 0}}.notices{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 12px;display:flex;position:fixed}.notices>*{pointer-events:auto}.shared-banner{background:#1e111ae6;border:1px solid #8bd17c59;border-radius:999px;align-items:center;gap:12px;max-width:100%;padding:7px 7px 7px 16px;font-size:13.5px;display:flex;box-shadow:0 14px 40px #00000059}.shared-banner>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shared-banner button:not(.x){background:var(--good);color:#10200c;border-radius:999px;flex:none;padding:6px 12px;font-size:12.5px;font-weight:600}.toast{color:#1d0d12;opacity:0;transition:all .3s var(--ease);pointer-events:none;background:#f7ead9;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;transform:translateY(-8px)}.toast.show{opacity:1;transform:none}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080407b3;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:24px;width:min(480px,100%);max-height:calc(100vh - 32px);padding:22px;position:relative;overflow-y:auto;box-shadow:0 40px 100px #0009}.modal h2{font-family:var(--display);margin:0 0 4px;padding-right:30px;font-size:24px}.modal .close{position:absolute;top:14px;right:14px}.share-preview{aspect-ratio:4/5;background:#0000004d;border-radius:16px;place-items:center;max-height:46vh;margin:8px auto 12px;display:grid;overflow:hidden}.share-preview img{object-fit:contain;width:100%;height:100%}.share-preview .loading{color:var(--muted)}.link-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.link-row input{border:1px solid var(--line-strong);min-width:0;color:var(--muted);background:#00000040;border-radius:12px;outline:none;flex:1;padding:11px 14px;font-size:12.5px}.link-row .primary{flex:none}.mobile .dock{z-index:3;transition:height .3s var(--ease), transform .35s var(--ease), visibility 0s;pointer-events:none;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile .dock .action-wrap{flex:none;height:64px;margin-bottom:10px}.mobile .panel{min-height:0;padding-bottom:env(safe-area-inset-bottom);pointer-events:auto;border-radius:22px 22px 0 0;flex:1;position:relative}.mobile .panel:before{border-bottom:0}.grabber{touch-action:none;flex:none;place-items:center;height:16px;padding-top:4px;display:grid}.grabber span{background:var(--line-strong);border-radius:999px;width:38px;height:4px}.mobile .tabs{padding:4px 10px 8px}.mobile .panel.tucked .tabs{border-bottom-color:#0000}.mobile .action-bar{flex:1;max-width:none;margin:0 8px;padding:5px}.mobile .action-bar button{flex:1 1 0;min-width:0;padding:7px 0 5px}.mobile .action-bar .sep{margin:10px 2px}.mobile .ingredient-grid{grid-template-columns:repeat(4,1fr);gap:6px}.mobile .ingredient{padding:10px 4px 8px}.mobile .pour-label{z-index:4;transition:bottom .3s var(--ease);padding:0;left:8px;right:8px}.mobile .pour-chip{background:var(--panel-solid);border-radius:20px;flex:1;min-width:0;transform:translateY(6px);box-shadow:0 20px 50px #0006}.mobile .pour-chip.up{pointer-events:auto;transform:none}.mobile .pour-inner{width:100%;min-width:0;max-width:none}.mobile .pour-name{font-size:19px}.mobile .pour-drink{font-size:23px}.mobile .shared-banner{font-size:12.5px}@media (max-width:380px){.mobile .ingredient-grid{grid-template-columns:repeat(3,1fr)}}.panel>*,.action-bar,.shared-banner,.drink-card{transition:opacity .35s var(--ease), transform .35s var(--ease), visibility 0s}.app.making .panel>*,.app.making .action-bar,.app.making .shared-banner,.app.making .drink-card{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s var(--ease), transform .35s var(--ease), visibility 0s linear .35s}.app.making .panel:before{opacity:0}.app.making .panel{visibility:hidden;pointer-events:none;transition:visibility 0s linear .35s}.app.making.desktop .panel>*{transform:translate(-10px)}.app.making .drink-card.full{transform:translate(10px)}.app.making .drink-card.compact{transform:translateY(-10px)}.app.making .action-bar{transform:translateY(14px)}.app.making .dock{visibility:hidden;transition:height .3s var(--ease), transform .35s var(--ease), visibility 0s linear .35s;transform:translateY(24px)}.app.opening.desktop .panel>*{transform:translate(-24px)}.app.opening .drink-card.full{transform:translate(24px)}.app.opening .action-bar{transform:translateY(24px)}.app:not(.making) .panel>*{transition-duration:.5s,.5s,0s}.app:not(.making) .drink-card{transition-duration:.5s,.5s,0s;transition-delay:80ms,80ms,0s}.app:not(.making) .action-bar{transition-duration:.5s,.5s,0s;transition-delay:.16s,.16s,0s}.app:not(.making) .shared-banner{transition-delay:.32s,.32s,0s}.intro{--tube:#ffd6e21f;--pink:#ffe6ee;--pink-glow:0 0 2px #fff4f7, 0 0 9px #ff79a3, 0 0 20px #ff4f87, 0 0 44px #ff4f8799, 0 0 90px #ff4f8752;z-index:60;transition:opacity .95s var(--ease) .12s, visibility 0s linear 1.07s;background:radial-gradient(52% 42% at 50% 47%,#ff608c21,#ff608c00 72%),radial-gradient(130% 95% at 50% 42%,#261419 0%,#160c11 58%,#0c070a 100%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.intro.lifted{opacity:0;visibility:hidden;pointer-events:none}.intro-sign{transition:transform .9s var(--ease), opacity .6s var(--ease), filter .9s var(--ease);flex-direction:column;align-items:center;display:flex}.intro.lifted .intro-sign{opacity:0;filter:blur(6px);transform:scale(1.07)}.intro-word{font-family:var(--display);letter-spacing:-.005em;white-space:nowrap;margin:0;font-size:clamp(62px,14vw,120px);font-weight:700;line-height:1}.intro-word span{color:var(--pink);text-shadow:var(--pink-glow);animation:1.1s linear both neon-on;animation-delay:calc(.25s + var(--late,0s));display:inline-block}.intro-word span:nth-child(2){--late:50ms}.intro-word span:nth-child(3),.intro-word span:nth-child(6){--late:.11s}.intro-word span:nth-child(5){--late:30ms}.intro-word span:nth-child(7){--late:70ms}.intro-word span:nth-child(4){animation-name:neon-on-tired;animation-duration:1.6s}@keyframes neon-on{0%,30%{color:var(--tube);text-shadow:none}32%,37%{color:var(--pink);text-shadow:var(--pink-glow)}39%,52%{color:var(--tube);text-shadow:none}54%,to{color:var(--pink);text-shadow:var(--pink-glow)}}@keyframes neon-on-tired{0%,22%{color:var(--tube);text-shadow:none}24%,27%{color:var(--pink);text-shadow:var(--pink-glow)}29%,38%{color:var(--tube);text-shadow:none}40%,74%{color:var(--pink);text-shadow:var(--pink-glow)}76%,79%{color:#ffd6e266;text-shadow:0 0 10px #ff4f8766}81%,to{color:var(--pink);text-shadow:var(--pink-glow)}}.intro-glass{width:clamp(58px,9vw,84px);height:auto;margin-bottom:clamp(6px,1.4vw,14px);overflow:visible}.intro-glass .tube{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.intro-glass>.tube{stroke:#ffdcae;filter:drop-shadow(0 0 2px #ffb867)drop-shadow(0 0 7px #ff9a3c);animation:.9s linear .7s both neon-amber}.intro-glass>.tube.fill{stroke:#ffd2e0;filter:drop-shadow(0 0 2px #ff8db0)drop-shadow(0 0 7px #ff4f87);animation-name:neon-pink-line;animation-delay:.85s}.intro-glass .olive .tube{stroke:#e1ffc2;filter:drop-shadow(0 0 2px #b6f27d)drop-shadow(0 0 7px #7fd34a);animation:.8s linear 1.05s both neon-green}@keyframes neon-amber{0%,35%{stroke:#ffdcae1f;filter:none}37%,44%{stroke:#ffdcae;filter:drop-shadow(0 0 2px #ffb867)drop-shadow(0 0 7px #ff9a3c)}46%,58%{stroke:#ffdcae1f;filter:none}60%,to{stroke:#ffdcae;filter:drop-shadow(0 0 2px #ffb867)drop-shadow(0 0 7px #ff9a3c)}}@keyframes neon-pink-line{0%,40%{stroke:#ffd2e01f;filter:none}42%,to{stroke:#ffd2e0;filter:drop-shadow(0 0 2px #ff8db0)drop-shadow(0 0 7px #ff4f87)}}@keyframes neon-green{0%,45%{stroke:#e1ffc21f;filter:none}47%,to{stroke:#e1ffc2;filter:drop-shadow(0 0 2px #b6f27d)drop-shadow(0 0 7px #7fd34a)}}.intro-line{letter-spacing:.22em;text-align:center;text-transform:uppercase;color:#f7ead9a8;max-width:90vw;animation:intro-in .8s var(--ease) 1.05s both;margin:clamp(12px,2vw,20px) 0 0;font-size:13px;font-weight:500}@keyframes intro-in{0%{opacity:0;transform:translateY(5px)}}.intro-wait{letter-spacing:.04em;color:var(--muted);opacity:0;animation:intro-show .6s var(--ease) 3.2s forwards;margin:22px 0 0;font-size:12px}.intro-wait:after{content:"...";vertical-align:bottom;width:0;animation:1.4s steps(4,jump-none) infinite intro-dots;display:inline-block;overflow:hidden}@keyframes intro-show{to{opacity:1}}@keyframes intro-dots{to{width:1.1em}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}