:root{--color-deep-teal: #0B3D3F;--color-ocean-teal: #1A6B6D;--color-warm-orange: #E8732A;--color-sunset-coral: #F4845F;--color-deep-brown: #3D2B1F;--color-bamboo-tan: #D4A857;--color-bamboo-dark: #8B6914;--color-palm-green: #2D6A4F;--color-sand: #F5E6CC;--color-cream: #FFF8F0;--color-dark-wood: #2A1810;--color-medium-wood: #5C3A1E;--color-bar-surface: #6B3F22;--font-display: "Bungee Shade", cursive;--font-heading: "Luckiest Guy", cursive;--font-body: "Nunito", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-card: 0 4px 20px rgba(0,0,0,.3);--shadow-button: 0 4px 15px rgba(232,115,42,.4);--shadow-glow: 0 0 20px rgba(232,115,42,.1);--radius-round: 50%;--transition-fast: .15s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-dark-wood);color:var(--color-cream);min-height:100vh;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 20% 50%,rgba(11,61,63,.4) 0%,transparent 60%),radial-gradient(ellipse at 80% 30%,rgba(45,106,79,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(139,105,20,.15) 0%,transparent 50%),linear-gradient(180deg,#1a0e08,#2a1810,#3d2b1f 60%,#2a1810)}.app__header{text-align:center;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md);width:100%}.app__title{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3.2rem);color:var(--color-warm-orange);text-shadow:0 0 20px rgba(232,115,42,.4),0 2px 4px rgba(0,0,0,.5);letter-spacing:2px}.app__subtitle{font-family:var(--font-heading);font-size:clamp(.9rem,2vw,1.2rem);color:var(--color-bamboo-tan);opacity:.8;margin-top:var(--spacing-xs)}.bar-scene{width:100%;max-width:1200px;position:relative;min-height:500px;margin:0 auto}.bar-scene__back-wall{position:absolute;top:0;left:0;right:0;height:120px;background:repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(92,64,51,.08) 8px,rgba(92,64,51,.08) 9px),linear-gradient(180deg,#1a0e08,#2d1a0f);border-bottom:3px solid var(--color-bamboo-dark);pointer-events:none}.bar-scene__shelf{position:absolute;bottom:0;left:0;right:0;height:80px}.bar-scene__decor{display:flex;justify-content:space-around;align-items:flex-end;width:100%;height:100%;padding:0 var(--spacing-md)}.bar-decor{font-size:1.6rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));display:inline-block}.decor-sway{animation:decorSway 3s ease-in-out infinite}.decor-flicker{animation:decorFlicker 2s ease-in-out infinite}.decor-hula{animation:decorHula 4s ease-in-out infinite}.bar-scene__counter{position:absolute;bottom:0;left:0;right:0;height:8px;background:linear-gradient(180deg,var(--color-bamboo-tan),var(--color-bamboo-dark));box-shadow:0 2px 10px #00000080;z-index:1}.bar-scene__content{position:relative;z-index:2;padding:130px var(--spacing-md) var(--spacing-xl)}.app__lab{display:flex;gap:var(--spacing-md);align-items:flex-start;justify-content:center;width:100%}.app__center{flex:1;max-width:400px;min-height:300px;display:flex;align-items:center;justify-content:center}.app__result{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);animation:fadeIn .5s ease-out;width:100%}.app__breed-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.app__vs{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg)}.app__vs-name{font-family:var(--font-heading);font-size:1.1rem;color:var(--color-bamboo-tan)}.app__vs-x{font-size:2rem;color:var(--color-warm-orange);text-shadow:0 0 15px rgba(232,115,42,.5)}.app__creating{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.app__mixing-emojis{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:2.5rem;height:80px}.app__mixing-item{display:inline-block;animation:mixFloat 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(232,115,42,.4))}.app__mixing-item--1{animation-delay:0s}.app__mixing-item--2{animation-delay:.25s}.app__mixing-item--3{animation-delay:.5s}.app__mixing-item--4{animation-delay:.75s}.app__mixing-item--5{animation-delay:1s}.app__creating-text{font-family:var(--font-heading);font-size:1.2rem;color:var(--color-warm-orange);animation:pulse 1s ease-in-out infinite}.selector{width:220px;flex-shrink:0;position:relative}.selector__label{font-family:var(--font-heading);font-size:.85rem;color:var(--color-bamboo-tan);text-align:center;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.selector__frame{position:relative;height:320px;border:3px solid var(--color-bamboo-tan);border-radius:var(--radius-lg);background:#0b3d3f99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;box-shadow:var(--shadow-card),inset 0 0 0 1px #d4a85733}.selector__mask{position:absolute;left:0;right:0;height:80px;z-index:2;pointer-events:none}.selector__mask--top{top:0;background:linear-gradient(180deg,rgba(11,61,63,.95) 0%,transparent 100%)}.selector__mask--bottom{bottom:0;background:linear-gradient(0deg,rgba(11,61,63,.95) 0%,transparent 100%)}.selector__scroll{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.selector__scroll::-webkit-scrollbar{display:none}.selector__spacer{flex-shrink:0}.selector__item{position:relative;height:80px;scroll-snap-align:center;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid transparent}.selector__item:hover{background:#d4a8571a}.selector__item--selected{background:#d4a85726;border-left-color:var(--color-warm-orange)}.selector__item--child{border-right:2px solid var(--color-warm-orange)}.selector__item-svg{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.selector__item-name{font-size:.85rem;font-weight:600;color:var(--color-cream);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector__item--selected .selector__item-name{color:var(--color-bamboo-tan)}.selector__item-badge{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--color-warm-orange);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.selector__tooltip{position:absolute;transform:translateY(-50%);width:220px;background:#0b3d3ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--color-bamboo-tan);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);z-index:20;pointer-events:none;animation:tooltipFadeIn .2s ease-out;box-shadow:0 8px 25px #00000080}.selector__tooltip--left{left:calc(100% + 12px)}.selector__tooltip--right{right:calc(100% + 12px)}.selector__tooltip-name{font-family:var(--font-heading);font-size:.9rem;color:var(--color-bamboo-tan);margin-bottom:2px}.selector__tooltip-tagline{font-size:.75rem;font-style:italic;color:var(--color-warm-orange);margin-bottom:var(--spacing-xs);line-height:1.3}.selector__tooltip-ingredients{display:flex;flex-wrap:wrap;gap:3px}.selector__tooltip-pill{font-size:.65rem;font-weight:600;padding:1px 6px;background:#d4a85726;border:1px solid rgba(212,168,87,.3);border-radius:10px;color:var(--color-cream);white-space:nowrap}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(0) scale(.95)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#0b3d3ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--color-bamboo-tan);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-lg);z-index:200;display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 8px 30px #00000080;white-space:nowrap;max-width:90vw}.toast--visible{animation:toastSlideUp .4s ease-out}.toast--fading{animation:toastFadeOut .4s ease-in forwards}.toast__icon{font-size:1.1rem}.toast__message{font-family:var(--font-heading);font-size:.85rem;color:var(--color-bamboo-tan)}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}.breed-button-container{padding:var(--spacing-lg) var(--spacing-md);text-align:center}.breed-button{font-family:var(--font-heading);font-size:clamp(1rem,2.5vw,1.4rem);padding:var(--spacing-md) var(--spacing-2xl);background:linear-gradient(135deg,var(--color-warm-orange),#D4651E);color:#fff;border:3px solid var(--color-bamboo-tan);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-button),0 0 30px #e8732a33;transition:all var(--transition-normal);letter-spacing:1px}.breed-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #e8732a80,0 0 40px #e8732a4d}.breed-button:active:not(:disabled){transform:translateY(0) scale(.98)}.breed-button:disabled{opacity:.5;cursor:not-allowed}.breed-button--creating{animation:pulse 1s ease-in-out infinite}.breed-button__icon,.breed-button__bolt{margin-right:var(--spacing-sm)}.breed-button__bolt{animation:flamePulse .6s ease-in-out infinite alternate}.child-reveal{position:relative;display:flex;flex-direction:column;align-items:center;animation:scaleIn .6s ease-out}.child-reveal__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(232,115,42,.3) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite;pointer-events:none}.child-reveal__svg{filter:drop-shadow(0 4px 20px rgba(0,0,0,.4));position:relative;z-index:1}.child-reveal__name{font-family:var(--font-heading);font-size:1.4rem;color:var(--color-bamboo-tan);margin-top:var(--spacing-sm);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.detail-panel{background:var(--color-cream);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:380px;width:100%;color:var(--color-deep-brown);border:3px solid var(--color-bamboo-tan);box-shadow:var(--shadow-card);animation:slideUp .4s ease-out}.detail-panel__header{margin-bottom:var(--spacing-md)}.detail-panel__era{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-warm-orange);margin-bottom:var(--spacing-xs)}.detail-panel__name{font-family:var(--font-heading);font-size:clamp(1.4rem,3vw,1.8rem);color:var(--color-deep-brown);cursor:pointer;transition:color var(--transition-fast)}.detail-panel__name:hover{color:var(--color-warm-orange)}.detail-panel__edit-icon{font-size:.8rem;opacity:.4}.detail-panel__name-input{font-family:var(--font-heading);font-size:clamp(1.4rem,3vw,1.8rem);color:var(--color-deep-brown);border:2px solid var(--color-bamboo-tan);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);width:100%;background:var(--color-sand);outline:none}.detail-panel__name-input:focus{border-color:var(--color-warm-orange)}.detail-panel__tagline{font-style:italic;color:var(--color-warm-orange);font-size:.95rem;font-weight:600;margin-top:var(--spacing-xs)}.detail-panel__parents{font-size:.85rem;color:#666;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-sand);border-radius:var(--radius-sm)}.detail-panel__gen{color:var(--color-warm-orange);font-weight:700}.detail-panel__recipe{margin-bottom:var(--spacing-md)}.detail-panel__recipe-title{font-family:var(--font-heading);font-size:.85rem;color:var(--color-deep-brown);margin-bottom:var(--spacing-sm)}.detail-panel__recipe-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none}.detail-panel__recipe-item{background:var(--color-sand);color:var(--color-deep-brown);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:.8rem;font-weight:600}.detail-panel__instructions{margin-bottom:var(--spacing-md)}.detail-panel__steps{list-style:none;counter-reset:step;padding:0}.detail-panel__step{counter-increment:step;position:relative;padding-left:28px;margin-bottom:var(--spacing-xs);font-size:.8rem;line-height:1.4;color:var(--color-deep-brown)}.detail-panel__step:before{content:counter(step);position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--color-warm-orange);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.detail-panel__axes{margin-bottom:var(--spacing-lg)}.detail-panel__axis{margin-bottom:var(--spacing-sm)}.detail-panel__axis-labels{display:flex;justify-content:space-between;font-size:.7rem;font-weight:600;opacity:.7;margin-bottom:2px}.detail-panel__axis-track{position:relative;height:6px;background:#e0d5c5;border-radius:3px;overflow:visible}.detail-panel__axis-fill{height:100%;border-radius:3px;transition:width .6s ease-out}.detail-panel__axis-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid;box-shadow:0 1px 4px #0003;transition:left .6s ease-out}.detail-panel__quick-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.tiki-button--compact{padding:6px 16px;font-size:.8rem}.tiki-button{font-family:var(--font-heading);font-size:.9rem;padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-warm-orange),#D4651E);color:#fff;border:2px solid var(--color-bamboo-tan);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex:1;text-align:center}.tiki-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e8732a66}.tiki-button--secondary{background:linear-gradient(135deg,#666,#444);border-color:#888}.tiki-button--secondary:hover{box-shadow:0 4px 15px #0000004d}.share-section{text-align:center;padding:var(--spacing-lg) var(--spacing-md)}.share-section__title{font-family:var(--font-heading);font-size:1rem;color:var(--color-bamboo-tan);margin-bottom:var(--spacing-md)}.share-section__buttons{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.share-button{font-family:var(--font-body);font-weight:600;font-size:.85rem;padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--color-bamboo-tan);border-radius:var(--radius-md);background:#0b3d3f99;color:var(--color-cream);cursor:pointer;transition:all var(--transition-fast)}.share-button:hover{background:#0b3d3fe6;transform:translateY(-2px)}.share-button--share{background:#0009;border-color:#555}.share-button--share:hover{background:#000000e6}.drawer{width:100%;max-width:800px;margin:var(--spacing-md) auto}.drawer__toggle{font-family:var(--font-heading);font-size:.9rem;color:var(--color-bamboo-tan);background:#0b3d3f66;border:2px solid var(--color-bamboo-dark);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;width:100%;text-align:center;transition:all var(--transition-fast)}.drawer__toggle:hover{background:#0b3d3fb3}.drawer__toggle-icon{margin-right:var(--spacing-sm)}.drawer__content{margin-top:var(--spacing-sm);animation:slideDown .3s ease-out}.drawer__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-sm)}.drawer__card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#0b3d3f66;border:2px solid var(--color-bamboo-dark);border-radius:var(--radius-md);transition:all var(--transition-fast)}.drawer__card:hover{border-color:var(--color-bamboo-tan)}.drawer__card-svg{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.drawer__card-info{flex:1;min-width:0}.drawer__card-name{font-family:var(--font-heading);font-size:.85rem;color:var(--color-cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer__card-parents{font-size:.7rem;color:var(--color-bamboo-tan);opacity:.7}.drawer__card-actions{display:flex;flex-direction:column;gap:4px}.drawer__card-btn{width:26px;height:26px;border-radius:50%;border:1px solid var(--color-bamboo-dark);background:#0000004d;color:var(--color-cream);cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.drawer__card-btn:hover{background:var(--color-ocean-teal)}.drawer__card-btn--delete:hover{background:#8b0000}.audio-player{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:100;display:flex;align-items:center;gap:var(--spacing-sm)}.audio-player__button{width:48px;height:48px;border-radius:var(--radius-round);border:2px solid var(--color-bamboo-tan);background:#0b3d3fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-cream);font-size:1.3rem;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0006}.audio-player__button:hover{background:#0b3d3f;transform:scale(1.1);box-shadow:0 6px 20px #00000080}.audio-player__button.playing{border-color:var(--color-warm-orange);box-shadow:0 0 20px #e8732a4d;animation:audioPulse 2s ease-in-out infinite}.audio-player__hint{background:#0b3d3fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-bamboo-dark);font-size:.8rem;color:var(--color-bamboo-tan);white-space:nowrap;animation:hintBounce 2s ease-in-out infinite;box-shadow:0 2px 10px #0000004d}.audio-player__hint-arrow{display:inline-block;margin-left:var(--spacing-xs);animation:nudgeRight 1s ease-in-out infinite}.buy-coffee-link{display:inline-block;font-family:var(--font-heading);font-size:.85rem;padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#fd0,#f90);color:#000;text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:0 4px 12px #ffdd004d}.buy-coffee-link:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #ffdd0080}.app__footer{text-align:center;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-2xl)}.app__footer-credit{margin-top:var(--spacing-md);font-size:.75rem;opacity:.4}.app__footer-credit a{color:var(--color-bamboo-tan);text-decoration:none}.app__footer-credit a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes mixFloat{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:1}25%{transform:translateY(-12px) rotate(-8deg) scale(1.1);opacity:.9}50%{transform:translateY(-20px) rotate(5deg) scale(1.15);opacity:.7}75%{transform:translateY(-8px) rotate(-3deg) scale(1.05);opacity:.85}}@keyframes flamePulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.2);filter:brightness(1.3)}}@keyframes decorSway{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes decorFlicker{0%,to{opacity:1;transform:scale(1)}30%{opacity:.6;transform:scale(.9)}60%{opacity:1;transform:scale(1.1)}80%{opacity:.8;transform:scale(.95)}}@keyframes decorHula{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(3px) rotate(3deg)}50%{transform:translate(0) rotate(0)}75%{transform:translate(-3px) rotate(-3deg)}}@keyframes audioPulse{0%,to{box-shadow:0 0 20px #e8732a4d}50%{box-shadow:0 0 30px #e8732a99}}@keyframes hintBounce{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}@keyframes nudgeRight{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.drink-svg{filter:drop-shadow(0 4px 15px rgba(0,0,0,.3))}.drink-svg--small{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}@media(max-width:768px){.app__header{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-xs)}.app__lab{flex-direction:column;align-items:center;gap:var(--spacing-xs)}.selector{width:100%;max-width:350px;padding:var(--spacing-sm) 0}.selector__frame{height:160px}.selector__mask{height:35px}.app__center{max-width:100%;min-height:auto}.app__breed-area{min-height:auto;padding:var(--spacing-xs) 0}.app__vs{padding:var(--spacing-xs);gap:var(--spacing-xs)}.app__result{flex-direction:column}.detail-panel{max-width:100%;padding:var(--spacing-md)}.bar-scene{min-height:auto}.bar-scene__back-wall{height:50px}.bar-scene__content{padding:55px var(--spacing-sm) var(--spacing-sm)}.breed-button-container{padding:var(--spacing-sm) var(--spacing-md)}.breed-button{font-size:1rem;padding:var(--spacing-sm) var(--spacing-xl)}.drawer__grid{grid-template-columns:1fr}.bar-decor{font-size:1.2rem}.audio-player{bottom:var(--spacing-md);right:var(--spacing-md)}.audio-player__button{width:40px;height:40px;font-size:1.1rem}.audio-player__hint{display:none}.app__mixing-emojis{font-size:2rem;gap:var(--spacing-xs);height:50px}.selector__tooltip{display:none}.toast{bottom:60px;font-size:.8rem}.app__footer{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-xl)}}@media(max-width:480px){.app__title{font-size:1.5rem}.app__subtitle{font-size:.8rem}.selector__frame{height:140px}.selector__mask{height:30px}.breed-button{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.bar-decor{font-size:1rem}.bar-scene__back-wall{height:40px}.bar-scene__content{padding-top:45px}.app__mixing-emojis{font-size:1.6rem;height:40px}.app__creating-text{font-size:.9rem}}