@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";._landingContainer_rdhrz_2{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);padding:40px 20px;box-sizing:border-box;position:relative;overflow:hidden}._landingContainer_rdhrz_2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);pointer-events:none}._title_rdhrz_29{font-size:4.5rem;font-weight:800;color:#fff;text-align:center;margin-bottom:60px;letter-spacing:-.02em;position:relative;z-index:1;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(0,0,0,.3)}._title_rdhrz_29:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}._nav_rdhrz_57{display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;z-index:1}._navButton_rdhrz_66{background:#ffffff1a;backdrop-filter:blur(20px);color:#fff;border:2px solid rgba(255,255,255,.2);padding:20px 40px;font-size:1.2rem;font-weight:600;cursor:pointer;text-decoration:none;text-align:center;border-radius:16px;transition:all .3s ease;min-width:280px;position:relative;overflow:hidden;letter-spacing:.02em}._navButton_rdhrz_66:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}._navButton_rdhrz_66:hover{transform:translateY(-4px);background:#fff3;border-color:#fff6;box-shadow:0 20px 40px -12px #0000004d,0 0 0 1px #ffffff1a}._navButton_rdhrz_66:hover:before{left:100%}._navButton_rdhrz_66:active{transform:translateY(-2px)}@media(max-width:768px){._landingContainer_rdhrz_2{padding:32px 16px}._title_rdhrz_29{font-size:3rem;margin-bottom:40px}._navButton_rdhrz_66{min-width:240px;padding:16px 32px;font-size:1.1rem}}@media(max-height:600px)and (orientation:landscape){._landingContainer_rdhrz_2{padding:20px;flex-direction:row;justify-content:space-around;align-items:center}._title_rdhrz_29{font-size:2.5rem;margin-bottom:0;margin-right:40px;flex-shrink:0}._title_rdhrz_29:after{display:none}._nav_rdhrz_57{flex-direction:row;gap:16px;flex-wrap:wrap;justify-content:center}._navButton_rdhrz_66{min-width:200px;padding:12px 24px;font-size:1rem}}@media(max-height:480px)and (orientation:landscape){._landingContainer_rdhrz_2{padding:16px}._title_rdhrz_29{font-size:2rem;margin-right:24px}._nav_rdhrz_57{gap:12px}._navButton_rdhrz_66{min-width:160px;padding:10px 20px;font-size:.9rem}}@media(min-width:1920px){._title_rdhrz_29{font-size:5.5rem;margin-bottom:80px}._navButton_rdhrz_66{min-width:320px;padding:24px 48px;font-size:1.3rem}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){._title_rdhrz_29{text-shadow:0 2px 10px rgba(0,0,0,.3)}}:root{--radar-label-size: 24px;--radar-label-size-mobile: 20px;--radar-label-color: #e5e7eb;--radar-fill-color: rgba(16, 185, 129, .22);--radar-stroke-color: #10b981;--radar-grid-color: #374151;--radar-grid-opacity: .3;--radar-svg-max-width: 200px;--radar-svg-max-width-mobile: 180px}.radar-label,.modal-radar .radar-label{font-size:var(--radar-label-size);fill:var(--radar-label-color);text-anchor:middle;dominant-baseline:central}.radar-svg{width:100%;height:auto;max-width:var(--radar-svg-max-width);display:block;margin:0 auto}@media(max-width:768px){.radar-label,.modal-radar .radar-label{font-size:var(--radar-label-size-mobile)}.radar-svg{max-width:var(--radar-svg-max-width-mobile)}}.ez-pairing-experience{height:100%;max-height:100%;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);background-attachment:fixed;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;justify-content:center;padding:0;margin:0;position:relative;overflow:hidden;box-sizing:border-box}.ez-pairing-experience:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(236,72,153,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.name-entry-card{background:linear-gradient(180deg,#111827e6,#111827cc);border:1px solid rgba(55,65,81,.7);border-radius:16px;padding:32px;max-width:860px;margin:0 auto;position:relative;z-index:1;animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header .logo{height:40px;width:auto;object-fit:contain;margin-bottom:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.fixed-logo-box{width:160px;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto 12px}.company-logo{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.company-logo-wrapper.gradient-enabled .company-logo{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(200deg);animation:logoColorShift 3s ease-in-out infinite}@keyframes logoColorShift{0%{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(200deg)}25%{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(280deg)}50%{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(320deg)}75%{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(40deg)}to{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(200deg)}}.company-logo-wrapper:not(.gradient-enabled) .company-logo{filter:brightness(0) invert(1)}.company-logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto}.title{font-size:2.8rem;font-weight:900;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;animation:gradientShift 3s ease-in-out infinite;letter-spacing:-.02em}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{color:#e5e7eb;font-size:1.3rem;font-weight:600;margin-bottom:30px;background:linear-gradient(135deg,#10b981,#3b82f6,#8b5cf6);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s ease-in-out infinite;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:30px;text-align:left}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#e5e7eb}.form-group input{width:100%;padding:16px 20px;border:2px solid #374151;border-radius:12px;background:#1f2937cc;backdrop-filter:blur(10px);color:#e5e7eb;font-size:16px;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a}.form-group input:focus{outline:none;border-color:#3b82f6;background:#1f2937;box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #0000001a,0 8px 16px #3b82f61a;transform:translateY(-1px)}.button-group{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.start-button,.guest-button{padding:16px 32px;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;min-width:160px;position:relative;overflow:hidden}.start-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 15px #3b82f64d}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.start-button:hover:before{left:100%}.start-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 25px #3b82f666;background:linear-gradient(135deg,#2563eb,#7c3aed)}.start-button:disabled{opacity:.5;cursor:not-allowed}.guest-button{background:#374151cc;backdrop-filter:blur(10px);color:#e5e7eb;border:2px solid #4b5563;box-shadow:0 4px 15px #3741514d}.guest-button:hover{background:#4b5563e6;border-color:#6b7280;transform:translateY(-3px);box-shadow:0 8px 20px #4b556366}.question-card{width:100%;height:100vh;display:flex;flex-direction:column;padding:0;background:#111827f2;backdrop-filter:blur(20px);border:none;box-shadow:none;animation:slideInUp .6s ease-out}.question-header{padding:20px 0;background:#111827fa;backdrop-filter:blur(20px);border-bottom:1px solid rgba(55,65,81,.5);flex-shrink:0;width:100%}.question-progress-container{padding:20px 40px;background:#111827f2;backdrop-filter:blur(20px)}.question-content-block{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 40px;min-height:0}.question-inner-card{background:#111827f2;backdrop-filter:blur(20px);border:1px solid rgba(31,41,55,.8);border-radius:24px;padding:32px;max-width:600px;width:100%;text-align:center;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;position:relative;z-index:1}.question-answers-container{padding:16px 40px 32px;background:#111827f2;backdrop-filter:blur(20px);min-height:0;flex-shrink:0}.progress-bar{width:100%;height:6px;background:#374151;border-radius:3px;margin-bottom:20px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transition:width .3s ease}.question-number{color:#9ca3af;font-size:14px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.question-text{font-size:2rem;font-weight:800;margin-bottom:10px;color:#e5e7eb}.question-text-en{color:#9ca3af;font-size:1.2rem;margin-bottom:40px}.choices-container{flex:1;display:flex;align-items:stretch;justify-content:center;padding:20px;width:100%;min-height:0}.choices-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:20px;width:100%;height:100%}.choices-grid-two{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}.choices-grid.choices-grid-two .choice-button{height:100%}@media(max-width:768px){.choices-grid-two{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}}.choice-button{border:2px solid #374151;border-radius:16px;padding:24px 20px;color:#fff;font-size:clamp(1.2rem,3.5vw,2rem);font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 25px #0000004d,0 0 0 1px #ffffff1a}.choice-button:nth-child(1){background:linear-gradient(135deg,#3b82f6cc,#2563ebe6);border-color:#3b82f6}.choice-button:nth-child(2){background:linear-gradient(135deg,#10b981cc,#059669e6);border-color:#10b981}.choice-button:nth-child(3){background:linear-gradient(135deg,#f59e0bcc,#d97706e6);border-color:#f59e0b}.choice-button:nth-child(4){background:linear-gradient(135deg,#ef4444cc,#dc2626e6);border-color:#ef4444}.choice-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #0006,0 0 0 2px #fff3}.choice-button:nth-child(1):hover{box-shadow:0 12px 30px #3b82f666,0 0 0 2px #3b82f699}.choice-button:nth-child(2):hover{box-shadow:0 12px 30px #10b98166,0 0 0 2px #10b98199}.choice-button:nth-child(3):hover{box-shadow:0 12px 30px #f59e0b66,0 0 0 2px #f59e0b99}.choice-button:nth-child(4):hover{box-shadow:0 12px 30px #ef444466,0 0 0 2px #ef444499}.choice-text{font-size:clamp(1.4rem,4vw,2.5rem);font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;gap:10px;line-height:1.2}.choice-emoji{font-size:clamp(2rem,5vw,4rem);display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.choice-text-en{font-size:clamp(1rem,2.5vw,1.5rem);color:#ffffffe6;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.recommendations-card{width:100%;height:100vh;display:flex;flex-direction:column;padding:0;background:transparent;border:none;box-shadow:none;animation:slideInUp .6s ease-out;overflow:hidden}.recommendations-header{padding:40px 48px 20px;background:#111827f2;backdrop-filter:blur(20px);text-align:center;flex-shrink:0}.recommendations-title{background:linear-gradient(135deg,#10b981,#059669,#047857);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#10b981;font-size:2.5rem;font-weight:900;margin-bottom:16px;text-align:center;letter-spacing:-.025em}.recommendations-content{flex:1;overflow-y:auto;padding:20px 48px;background:#111827f2;backdrop-filter:blur(20px)}.recommendations-footer{padding:20px 48px 40px;background:#111827f2;backdrop-filter:blur(20px);flex-shrink:0}.recommendations-list{margin:0 auto;max-width:400px;padding:0 20px}.recommendation-item{display:block;background:#1f2937f2;backdrop-filter:blur(20px);border:2px solid rgba(55,65,81,.8);border-radius:24px;padding:24px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;width:100%;max-width:380px;min-height:520px;margin:0 auto 32px;box-shadow:0 10px 30px #0006,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a}.recommendation-item:last-child{margin-bottom:0}.recommendation-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#10b9811a,#3b82f61a);opacity:0;transition:opacity .3s ease}.recommendation-item:hover{border-color:#10b981cc;background:#1f2937;transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #10b98140,0 0 0 2px #10b9814d,inset 0 1px #ffffff26}.recommendation-item:hover:before{opacity:1}.drink-image{display:block;width:180px;height:180px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#111827,#1f2937);border:2px solid rgba(55,65,81,.8);position:relative;margin:0 auto 16px;box-shadow:0 8px 20px #0006,inset 0 1px #ffffff1a}.drink-image img{width:100%;height:100%;object-fit:contain;object-position:center}.image-placeholder{color:#9ca3af;font-size:14px;text-align:center;font-style:italic;width:100%;height:100%;position:absolute;top:0;left:0;background:#111827;line-height:180px}.drink-name{display:block;font-size:1.4rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.3;text-align:center;margin:0 0 16px;width:100%}.drink-ingredients-en{display:block;color:#e5e7eb;font-size:12px;line-height:1.4;text-align:center;width:100%;margin:0 0 8px}.drink-ingredients-zh{display:block;color:#d1d5db;font-size:11px;line-height:1.4;text-align:center;width:100%;margin:0 0 12px;font-style:italic}.drink-explanation-en{display:block;color:#cbd5e1;font-size:13px;line-height:1.5;text-align:center;width:100%;margin:0 0 8px;font-weight:500}.drink-explanation-zh{display:block;color:#9ca3af;font-size:12px;line-height:1.4;text-align:center;width:100%;margin:0;font-style:italic}.drink-explanation{display:block;color:#d1d5db;font-size:13px;line-height:1.5;font-style:italic;text-align:center;width:100%;margin:0 0 8px}.modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:#111827fa;backdrop-filter:blur(20px);border:2px solid #374151;border-radius:24px;padding:0;max-width:95vw;width:95%;max-height:95vh;height:95vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d;animation:slideInUp .4s ease-out}.modal-close{position:fixed;top:20px;right:calc(50% - 280px);background:#ef444433;border:1px solid #ef4444;color:#ef4444;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:1001}.modal-close:hover{background:#ef44444d;transform:scale(1.1)}.modal-drink-info{padding:0;text-align:center}.modal-upper{padding:32px 32px 24px;border-bottom:1px solid rgba(55,65,81,.5)}.modal-lower{padding:24px 32px 32px}.modal-meta{margin-bottom:24px}.modal-image{width:240px;height:240px;margin:0 auto 24px;border-radius:20px;overflow:hidden;background:#111827;border:2px solid #374151;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 25px #0000004d}.modal-image img{width:100%;height:100%;object-fit:contain;object-position:center}.modal-details{text-align:left}.modal-drink-name{font-size:2rem;font-weight:800;margin-bottom:16px;color:#fff;text-align:center;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-glass{color:#d1d5db;font-size:16px;margin-bottom:20px;text-align:center;font-style:italic}.modal-ingredients-enhanced{margin-bottom:24px;text-align:left}.modal-ingredients-enhanced p{text-align:center}.modal-ingredients-enhanced h4{color:#e5e7eb;font-size:18px;font-weight:600;margin-bottom:16px;text-align:center}.modal-ingredients-enhanced h4[style*="font-size: 14px"]{text-align:center}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;max-width:100%}.ingredient-item{display:flex;align-items:center;padding:8px 12px;background:#1f293799;border:1px solid rgba(55,65,81,.7);border-radius:8px;transition:all .2s ease}.ingredient-item:hover{background:#1f2937cc;border-color:#10b9814d}.ingredient-bullet{color:#10b981;font-size:16px;font-weight:700;margin-right:8px}.ingredient-name{color:#d1d5db;font-size:14px;font-weight:500}.ingredients-fallback{text-align:center;padding:20px;color:#9ca3af;font-style:italic}.modal-explanation{margin-bottom:24px;padding:20px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px}.modal-explanation h4{color:#10b981;font-size:18px;font-weight:600;margin-bottom:12px}.modal-explanation p{color:#d1d5db;font-size:15px;line-height:1.6;margin:0}.modal-radar{margin-bottom:32px;display:flex;justify-content:center;align-items:center}.radar-container{text-align:center;display:flex;flex-direction:column;align-items:center}.radar-chart{width:100%;display:flex;align-items:center;justify-content:center}.radar-title{color:#e5e7eb;font-size:18px;font-weight:600;margin-bottom:16px}.radar-placeholder{color:#9ca3af;font-style:italic;padding:40px;text-align:center;background:#1f29374d;border:1px solid rgba(55,65,81,.5);border-radius:12px}.modal-navigation{display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin:20px 0;border-top:1px solid rgba(55,65,81,.5);border-bottom:1px solid rgba(55,65,81,.5)}.nav-button{background:#374151cc;color:#e5e7eb;border:2px solid #6b7280;border-radius:12px;padding:12px 20px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.nav-button:hover{background:#4b5563e6;border-color:#9ca3af;transform:translateY(-2px)}.recommendation-counter{color:#9ca3af;font-size:14px;font-weight:500}.modal-order-section{margin-top:0}.guest-name-display{text-align:center;padding:16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;margin-bottom:16px}.guest-name-display p{color:#d1d5db;font-size:16px;margin:0}.guest-name-display strong{color:#10b981;font-weight:600}.modal-action-buttons{display:flex;gap:16px;margin-top:16px}.modal-order-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;box-shadow:0 4px 15px #10b9814d}.modal-restart-button{background:#374151cc;color:#e5e7eb;border:2px solid #6b7280;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;box-shadow:0 4px 15px #3741514d}.modal-order-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.modal-order-button:disabled,.modal-order-button.disabled{opacity:.4;cursor:not-allowed;transform:none;background:#37415180;box-shadow:none}.modal-restart-button:hover{background:#4b5563e6;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 8px 25px #4b556366}.modal-restart-button.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 4px 15px #10b9814d}.modal-restart-button.active:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.start-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:24px;box-shadow:0 4px 15px #10b9814d;width:100%}.start-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.start-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.guest-button{background:transparent;color:#9ca3af;border:2px solid #374151;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:16px;width:100%}.guest-button:hover{color:#d1d5db;border-color:#6b7280;background:#37415133;transform:translateY(-1px)}.success-message{text-align:center;padding:16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;margin-bottom:16px}.success-message p{color:#10b981;font-size:16px;font-weight:600;margin:0}.drink-ingredients{color:#d1d5db;font-size:13px;margin-bottom:16px;text-align:center;line-height:1.4;min-height:40px}.drink-ingredients p{text-align:center;display:block}.order-button,.modal-order-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.order-button:hover:not(:disabled),.modal-order-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.order-button:disabled,.modal-order-button:disabled{opacity:.5;cursor:not-allowed}.restart-section{margin-top:40px;padding-top:30px;border-top:1px solid #374151}.restart-button{background:#374151cc;backdrop-filter:blur(10px);color:#e5e7eb;border:2px solid #4b5563;border-radius:12px;padding:14px 28px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3741514d}.restart-button:hover{background:#4b5563e6;border-color:#6b7280;transform:translateY(-3px);box-shadow:0 8px 20px #4b556366}.drink-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.drink-modal{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:32px;max-width:500px;width:100%;position:relative;box-shadow:0 20px 40px #00000080}.modal-close{position:absolute;top:16px;right:16px;background:#374151;border:none;border-radius:50%;width:32px;height:32px;color:#e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.modal-close:hover{background:#4b5563}.modal-content{text-align:center}.modal-image{width:250px;height:250px;margin:0 auto 24px;border-radius:12px;overflow:hidden;background:#1f2937;border:1px solid #374151;display:flex;align-items:center;justify-content:center}.modal-image img{width:100%;height:100%;object-fit:contain}.modal-drink-name{font-size:1.8rem;font-weight:800;margin-bottom:16px;color:#e5e7eb}.modal-ingredients{color:#9ca3af;font-size:14px;margin-bottom:24px;line-height:1.4}.loading-card{background:#111827f2;backdrop-filter:blur(20px);border:1px solid rgba(31,41,55,.8);border-radius:24px;padding:48px;max-width:520px;width:100%;text-align:center;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;position:relative;z-index:1;animation:slideInUp .6s ease-out}.loading-overlay{position:absolute;inset:0;background:#111827f2;backdrop-filter:blur(10px);border-radius:24px;display:flex;align-items:center;justify-content:center;z-index:10}.loading-spinner{color:#3b82f6;font-size:18px;font-weight:600;display:flex;align-items:center;gap:12px}.loading-spinner:before{content:"";width:24px;height:24px;border:3px solid #374151;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.progress-bar{width:100%;height:8px;background:#374151;border-radius:4px;margin-bottom:16px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 100%;border-radius:4px;transition:width .5s ease;animation:progressShimmer 2s ease-in-out infinite;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:progressGlow 1.5s ease-in-out infinite}@keyframes progressShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes progressGlow{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.order-button,.modal-order-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 15px #10b9814d}.order-button:before,.modal-order-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.order-button:hover:before,.modal-order-button:hover:before{left:100%}.order-button:hover:not(:disabled),.modal-order-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98166;background:linear-gradient(135deg,#059669,#047857)}@media(max-width:768px){.modal-content{width:95%;max-height:95vh;border-radius:16px}.modal-upper,.modal-lower{padding:24px 20px}.modal-image{width:200px;height:200px}.modal-drink-name{font-size:1.6rem}.modal-close{width:36px;height:36px;font-size:20px}.ingredients-grid{grid-template-columns:1fr}.question-header{padding:16px 20px}.choices-container{padding:20px}.choices-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:12px!important}.choice-button{padding:12px 8px!important}.choice-text{font-size:1.2rem!important;line-height:1.3!important}.choice-text-en{font-size:1rem!important;line-height:1.2!important}.choice-emoji{font-size:2.5rem!important;margin-bottom:4px!important}.ez-pairing-experience{padding:10px}.modal-radar{margin-bottom:24px}.name-entry-card,.recommendations-card,.loading-card{padding:32px 24px;border-radius:20px}.question-progress-container,.question-answers-container{padding:16px 20px}.question-content-block{padding:20px}.question-inner-card{padding:32px 24px;border-radius:20px}.title{font-size:2.2rem}.question-text{font-size:1.6rem}.choices-grid{grid-template-columns:1fr;gap:16px}.choices-grid-two{grid-template-columns:1fr!important;grid-template-rows:repeat(2,1fr)!important}.choice-button{min-height:120px;padding:24px 20px;border-radius:16px}.choice-text{font-size:1.8rem}.choice-emoji{font-size:2.5rem}.recommendations-header,.recommendations-content,.recommendations-footer{padding-left:20px}.recommendations-list{padding:0 16px;max-width:none}.recommendation-item{min-height:480px;max-width:none;padding:20px 16px}.drink-image{width:140px;height:140px}.drink-name{font-size:1.2rem}.drink-ingredients-en{font-size:11px;margin:0 0 6px}.drink-ingredients-zh{font-size:10px;margin:0 0 10px}.drink-explanation-en{font-size:12px;margin:0 0 6px}.drink-explanation-zh{font-size:11px;margin:0}.drink-explanation{font-size:12px;margin:0 0 6px}.recommendations-content{padding:16px 24px}.recommendations-header{padding:32px 24px 16px}.recommendations-footer{padding:16px 24px 32px}}:root{--cocktail-pink: #ff6ea8;--cocktail-peach: #ffb57f;--cocktail-teal: #27d0c6;--cocktail-deep: #1a1b3a;--bg-dark: #0b0f14;--text-light: #e5e7eb;--text-muted: #9ca3af;--border: #1f2937}._container_w7lio_15{position:fixed;inset:0;min-height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 600px at 5% 10%,rgba(255,110,168,.1),transparent 60%),radial-gradient(700px 600px at 95% 15%,rgba(39,208,198,.1),transparent 60%),linear-gradient(135deg,#0b0f14 0% 100%);animation:_floatBg_w7lio_1 16s ease-in-out infinite alternate;color:var(--text-light)}@keyframes _floatBg_w7lio_1{0%{background-position:0 0,0 0,0 0}to{background-position:30px 20px,-40px 30px,0 0}}._step_w7lio_35{position:relative;padding:2rem;border-radius:16px;background:var(--bg-dark);border:1px solid var(--border);box-shadow:0 20px 60px #00000059,0 8px 24px #00000047;max-width:500px;width:90vw;text-align:center;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}._greeting_w7lio_50 h1{color:var(--text-light);margin-bottom:1rem;font-size:2rem}._greeting_w7lio_50 p{color:var(--text-muted);margin-bottom:2rem}._orderList_w7lio_61{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}._orderItem_w7lio_71{background:#1f293780;border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}._orderItem_w7lio_71:hover{background:#1f2937b3;transform:translateY(-2px)}._orderItemWithImage_w7lio_87{justify-content:flex-start;gap:1rem}._orderItemContent_w7lio_92{flex:1;display:flex;flex-direction:column;gap:.5rem}._orderInfo_w7lio_99 h3{margin:0 0 .5rem;color:var(--text-light);font-size:1.5rem;font-family:Lobster,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;text-transform:uppercase;font-weight:400}._orderInfo_w7lio_99 p{margin:.25rem 0;color:var(--text-muted);font-size:.9rem}._selectBtn_w7lio_114{background:linear-gradient(45deg,var(--cocktail-pink),var(--cocktail-teal));color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6ea866;position:relative;overflow:hidden}._selectBtn_w7lio_114:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6ea899}._selectBtn_w7lio_114:after{content:"";position:absolute;top:0;left:-150%;height:100%;width:50%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);animation:_shimmer_w7lio_1 2.8s ease-in-out infinite}@keyframes _shimmer_w7lio_1{0%{left:-150%}to{left:150%}}._brewing_w7lio_149 h1{color:var(--text-light);margin-bottom:1rem;font-size:2rem}._brewing_w7lio_149 p{color:var(--text-muted);margin-bottom:2rem;font-family:Lobster,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;text-transform:uppercase;font-weight:400}._cup_w7lio_167{width:100px;height:120px;background:#1f293780;border-radius:0 0 20px 20px;position:relative;margin:0 auto;border:2px solid rgba(255,255,255,.2);overflow:hidden}._liquid_w7lio_178{position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(45deg,var(--cocktail-teal),var(--cocktail-pink));animation:_fill_w7lio_1 3s ease-in-out forwards}._doneBtn_w7lio_193{background:linear-gradient(45deg,var(--cocktail-teal),var(--cocktail-pink));color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #27d0c666}._doneBtn_w7lio_193:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #27d0c699}._final_w7lio_216 h1{color:var(--text-light);margin-bottom:1rem;font-size:2rem}._final_w7lio_216 p{color:var(--text-muted);margin-bottom:1rem}._finalActions_w7lio_227{display:flex;gap:1rem;justify-content:center;margin-top:2rem}._makeAnotherBtn_w7lio_234,._joinNewBtn_w7lio_234{background:linear-gradient(45deg,var(--cocktail-pink),var(--cocktail-teal));color:#fff;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:700;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6ea866}._makeAnotherBtn_w7lio_234:hover,._joinNewBtn_w7lio_234:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6ea899}._instagramLink_w7lio_252{display:inline-block;color:var(--cocktail-pink);text-decoration:none;font-weight:700;margin-top:1rem;transition:color .3s ease}._instagramLink_w7lio_252:hover{color:var(--cocktail-teal)}._error_w7lio_265 h2{color:var(--cocktail-pink);margin-bottom:1rem}@media(max-width:768px){._step_w7lio_35{padding:1.5rem;width:95vw}._orderItem_w7lio_71{flex-direction:column;gap:1rem;padding:.75rem}._orderItemWithImage_w7lio_87{flex-direction:row;gap:.75rem}._finalActions_w7lio_227{flex-direction:column}._makeAnotherBtn_w7lio_234,._joinNewBtn_w7lio_234{width:100%}}._step_w7lio_35{text-align:center;max-width:90vw;padding:2rem;background:#ffffff1a;backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.2);animation:_slideIn_w7lio_1 .5s ease-out}@keyframes _slideIn_w7lio_1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}._greeting_w7lio_50 h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._greeting_w7lio_50 p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}._orderList_w7lio_61{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;max-height:60vh;overflow-y:auto}._orderItem_w7lio_71{background:#ffffff1a;border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}._orderItem_w7lio_71:hover{background:#ffffff26;transform:translateY(-2px)}._orderInfo_w7lio_99 h3{margin:0 0 .5rem;color:#fff;font-size:1.2rem}._orderInfo_w7lio_99 p{margin:.25rem 0;opacity:.8;font-size:.9rem}._selectBtn_w7lio_114{background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4ecdc466}._selectBtn_w7lio_114:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc499}._brewing_w7lio_149 h1{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._animation_w7lio_163{margin:2rem 0}._cup_w7lio_167{width:100px;height:120px;background:#fff3;border-radius:0 0 20px 20px;position:relative;margin:0 auto;border:2px solid rgba(255,255,255,.3);overflow:hidden}._liquid_w7lio_178{position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(45deg,#4ecdc4,#44a08d);animation:_fill_w7lio_1 var(--brewing-duration, 3s) ease-in-out forwards}@keyframes _fill_w7lio_1{0%{height:0}to{height:80%}}._doneBtn_w7lio_193{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}._doneBtn_w7lio_193:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}._doneBtn_w7lio_193:disabled{opacity:.6;cursor:not-allowed}._final_w7lio_216 h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._final_w7lio_216 p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;opacity:.9}._cheersBtn_w7lio_474{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b66}._cheersBtn_w7lio_474:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}._loading_w7lio_265,._error_w7lio_265{text-align:center;font-size:1.5rem;animation:_pulse_w7lio_1 2s ease-in-out infinite}@keyframes _pulse_w7lio_1{0%,to{opacity:1}50%{opacity:.5}}._error_w7lio_265 h2{color:#ff6b6b;margin-bottom:1rem}@media(max-width:768px){._step_w7lio_35{padding:1.5rem;max-width:95vw}._greeting_w7lio_50 h1,._brewing_w7lio_149 h1,._final_w7lio_216 h1{font-size:2rem}._readyBtn_w7lio_519,._doneBtn_w7lio_193,._cheersBtn_w7lio_474{padding:.8rem 1.5rem;font-size:1rem}._instructions_w7lio_524 p,._final_w7lio_216 p{font-size:1rem}}@media(max-width:480px){._greeting_w7lio_50 h1,._brewing_w7lio_149 h1,._final_w7lio_216 h1{font-size:1.8rem}._readyBtn_w7lio_519,._doneBtn_w7lio_193,._cheersBtn_w7lio_474{padding:.7rem 1.2rem;font-size:.9rem;min-height:44px}._orderItem_w7lio_71{padding:.75rem}._orderInfo_w7lio_99 h3{font-size:1.1rem}._orderInfo_w7lio_99 p{font-size:.85rem}._selectBtn_w7lio_114{padding:.6rem 1rem;font-size:.9rem;min-height:40px}._instructions_w7lio_524{padding:1rem;margin:1.5rem 0}._instructions_w7lio_524 ol{padding-left:1rem}._instructions_w7lio_524 li{font-size:.95rem;line-height:1.3}._cup_w7lio_167{width:80px;height:100px}}@media(max-width:360px){._step_w7lio_35{padding:1rem;max-width:98vw}._greeting_w7lio_50 h1,._brewing_w7lio_149 h1,._final_w7lio_216 h1{font-size:1.6rem}._orderItem_w7lio_71{padding:.5rem}._orderInfo_w7lio_99 h3{font-size:1rem}._orderInfo_w7lio_99 p{font-size:.8rem}._selectBtn_w7lio_114{padding:.5rem .8rem;font-size:.85rem;min-height:36px}._readyBtn_w7lio_519,._doneBtn_w7lio_193,._cheersBtn_w7lio_474{padding:.6rem 1rem;font-size:.85rem;min-height:40px}._instructions_w7lio_524{padding:.75rem;margin:1rem 0}._instructions_w7lio_524 p{font-size:1rem}._instructions_w7lio_524 li{font-size:.9rem;line-height:1.2}._instructionWarning_w7lio_626{padding:.75rem}._instructionWarning_w7lio_626 p{font-size:.85rem}}@media(max-height:600px){._step_w7lio_35{padding:1rem;max-height:95vh}._logo_w7lio_699{width:100px;margin-bottom:1rem}._preparation_w7lio_704 h1{font-size:1.5rem;margin-bottom:.5rem}._drinkImageLarge_w7lio_709,._imagePlaceholderLarge_w7lio_709{width:100px!important;height:100px!important;margin-bottom:.5rem!important}._drinkGlassRow_w7lio_715{margin:1rem 0;padding:.75rem;gap:.75rem}._drinkImageMedium_w7lio_721,._imagePlaceholderMedium_w7lio_721{width:80px!important;height:80px!important}._glassInfo_w7lio_726{margin:.5rem 0}._glassIcon_w7lio_730{font-size:2.5rem;margin-bottom:.5rem}._glassInfo_w7lio_726 h2{font-size:1.1rem;margin-bottom:.5rem}._instructions_w7lio_524{padding:.75rem;margin:.75rem 0}._instructions_w7lio_524 p{font-size:.9rem;margin-bottom:.5rem}._instructions_w7lio_524 li{font-size:.85rem;line-height:1.2;margin-bottom:.25rem}._instructionWarning_w7lio_626{padding:.5rem;margin-top:.5rem}._instructionWarning_w7lio_626 p{font-size:.8rem}._readyBtn_w7lio_519{margin-top:.75rem;padding:.6rem 1rem;font-size:.9rem}._brewing_w7lio_149 h1{font-size:1.5rem;margin-bottom:.5rem}._brewing_w7lio_149 p{margin-bottom:1rem}._animation_w7lio_163{margin:1rem 0}._cup_w7lio_167{width:80px;height:100px}._orderList_w7lio_61{max-height:45vh;margin:1.5rem 0}._final_w7lio_216 h1{font-size:1.5rem;margin-bottom:.5rem}._final_w7lio_216 p{margin-bottom:.75rem}}@media(max-height:500px){._step_w7lio_35{padding:.75rem;max-height:98vh}._logo_w7lio_699{width:80px;margin-bottom:.5rem}._preparation_w7lio_704 h1{font-size:1.3rem;margin-bottom:.25rem}._drinkImageLarge_w7lio_709,._imagePlaceholderLarge_w7lio_709{width:80px!important;height:80px!important;margin-bottom:.25rem!important}._drinkGlassRow_w7lio_715{margin:.75rem 0;padding:.5rem;gap:.5rem}._drinkImageMedium_w7lio_721,._imagePlaceholderMedium_w7lio_721{width:60px!important;height:60px!important}._glassInfo_w7lio_726{margin:.25rem 0}._glassIcon_w7lio_730{font-size:2rem;margin-bottom:.25rem}._glassInfo_w7lio_726 h2{font-size:1rem;margin-bottom:.25rem}._instructions_w7lio_524{padding:.5rem;margin:.5rem 0}._instructions_w7lio_524 p{font-size:.85rem;margin-bottom:.25rem}._instructions_w7lio_524 li{font-size:.8rem;line-height:1.1;margin-bottom:.2rem}._instructionWarning_w7lio_626{padding:.4rem;margin-top:.4rem}._instructionWarning_w7lio_626 p{font-size:.75rem}._readyBtn_w7lio_519{margin-top:.5rem;padding:.5rem .8rem;font-size:.85rem}._brewing_w7lio_149 h1{font-size:1.3rem;margin-bottom:.25rem}._brewing_w7lio_149 p{margin-bottom:.5rem}._animation_w7lio_163{margin:.75rem 0}._cup_w7lio_167{width:60px;height:80px}._orderList_w7lio_61{max-height:40vh;margin:1rem 0}._final_w7lio_216 h1{font-size:1.3rem;margin-bottom:.25rem}._final_w7lio_216 p{margin-bottom:.5rem}}._preparation_w7lio_704{text-align:center}._preparation_w7lio_704 h1{color:var(--text-light);margin-bottom:1rem;font-size:2rem}._drinkNameHighlight_w7lio_932{font-family:Lobster,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;text-transform:uppercase;font-weight:400;color:var(--cocktail-pink)}._glassInfo_w7lio_726{margin:1rem 0}._glassIcon_w7lio_730{font-size:4rem;margin-bottom:1rem;animation:_bounce_w7lio_1 2s ease-in-out infinite}@keyframes _bounce_w7lio_1{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}._glassInfo_w7lio_726 h2{color:var(--cocktail-teal);font-size:1.5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}._instructions_w7lio_524{background:#1f293780;border-radius:12px;padding:1.5rem;margin:2rem 0;border:1px solid rgba(255,255,255,.1)}._instructions_w7lio_524 p{color:var(--text-light);margin-bottom:1rem;font-size:1.1rem}._instructions_w7lio_524 ol{text-align:left;padding-left:1.5rem}._instructions_w7lio_524 li{color:var(--text-muted);margin-bottom:.5rem;font-size:1rem;line-height:1.4}._instructions_w7lio_524 li strong{color:var(--cocktail-pink)}._instructionWarning_w7lio_626{background:#ff6ea81a;border:1px solid rgba(255,110,168,.3);border-radius:8px;padding:1rem;margin-top:1rem}._instructionWarning_w7lio_626 p{margin:.5rem 0;font-size:.95rem;color:var(--text-light)}._instructionWarning_w7lio_626 p:first-child{font-weight:700;color:var(--cocktail-pink);font-size:1rem}._readyBtn_w7lio_519{background:linear-gradient(45deg,var(--cocktail-teal),var(--cocktail-pink));color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #27d0c666;margin-top:1rem;animation:_pulse_w7lio_1 2s ease-in-out infinite}._readyBtn_w7lio_519:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27d0c699;animation:none}@keyframes _pulse_w7lio_1{0%{box-shadow:0 4px 15px #27d0c666}50%{box-shadow:0 4px 20px #27d0c699,0 0 20px #27d0c64d}to{box-shadow:0 4px 15px #27d0c666}}@media(max-width:768px){._preparation_w7lio_704 h1{font-size:1.8rem}._glassIcon_w7lio_730{font-size:3rem}._glassInfo_w7lio_726 h2{font-size:1.3rem}._instructions_w7lio_524{padding:1rem}._readyBtn_w7lio_519{padding:.8rem 1.5rem;font-size:1rem}._drinkGlassRow_w7lio_715{flex-direction:column;gap:.5rem;text-align:center}._drinkImageContainer_w7lio_1069{margin:0 auto}._drinkImageMedium_w7lio_721,._imagePlaceholderMedium_w7lio_721{width:90px!important;height:90px!important}}._logo_w7lio_699{width:120px;height:auto;margin-bottom:2rem;filter:drop-shadow(0 4px 8px rgba(255,110,168,.3))}._errorBtn_w7lio_1087{background:linear-gradient(45deg,var(--cocktail-teal),var(--cocktail-pink));color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #27d0c666;margin-top:1.5rem}._errorBtn_w7lio_1087:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27d0c699}._drinkImage_w7lio_709{width:80px;height:80px;border-radius:12px;object-fit:contain;border:2px solid rgba(255,255,255,.2);margin-right:1rem;flex-shrink:0}._drinkImageLarge_w7lio_709{width:150px;height:150px;border-radius:16px;object-fit:contain;border:3px solid rgba(255,255,255,.2);margin:0 auto 1rem;display:block}._imagePlaceholder_w7lio_709{width:80px;height:80px;border-radius:12px;background:#1f2937b3;border:2px solid rgba(255,255,255,.2);margin-right:1rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;text-align:center}._imagePlaceholderLarge_w7lio_709{width:150px;height:150px;border-radius:16px;background:#1f2937b3;border:3px solid rgba(255,255,255,.2);margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1rem;text-align:center}._drinkGlassRow_w7lio_715{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0;padding:1rem;background:#1f29374d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}._drinkImageContainer_w7lio_1069{flex:0 0 auto}._drinkImageMedium_w7lio_721{width:100px;height:100px;border-radius:12px;object-fit:contain;border:2px solid rgba(255,255,255,.2);display:block}._imagePlaceholderMedium_w7lio_721{width:100px;height:100px;border-radius:12px;background:#1f2937b3;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;text-align:center}@media(max-width:480px){._drinkImage_w7lio_709{width:60px;height:60px;margin-right:.75rem}._imagePlaceholder_w7lio_709{width:60px;height:60px;font-size:.7rem;margin-right:.75rem}._drinkImageLarge_w7lio_709{width:120px;height:120px}._imagePlaceholderLarge_w7lio_709{width:120px;height:120px;font-size:.9rem}._orderItemWithImage_w7lio_87{gap:.75rem}._orderItemContent_w7lio_92{gap:.25rem}._instructionWarning_w7lio_626{padding:.75rem}._instructionWarning_w7lio_626 p{font-size:.9rem}._drinkGlassRow_w7lio_715{gap:.75rem;padding:.75rem}._drinkImageMedium_w7lio_721,._imagePlaceholderMedium_w7lio_721{width:80px!important;height:80px!important}._glassInfo_w7lio_726{text-align:center}}@media(max-width:360px){._drinkImage_w7lio_709{width:50px;height:50px;margin-right:.5rem}._imagePlaceholder_w7lio_709{width:50px;height:50px;font-size:.6rem;margin-right:.5rem}._drinkImageLarge_w7lio_709{width:100px;height:100px}._imagePlaceholderLarge_w7lio_709{width:100px;height:100px;font-size:.8rem}._orderItemWithImage_w7lio_87{gap:.5rem}._drinkGlassRow_w7lio_715{gap:.5rem;padding:.5rem}._drinkImageMedium_w7lio_721,._imagePlaceholderMedium_w7lio_721{height:60px!important}._glassInfo_w7lio_726{text-align:center}}._qrScanner_w7lio_1299{position:relative;padding:2rem;border-radius:16px;background:var(--bg-dark);border:1px solid var(--border);box-shadow:0 20px 60px #00000059,0 8px 24px #00000047;max-width:500px;width:90vw;text-align:center;color:var(--text-light)}._qrScanner_w7lio_1299 h1{color:var(--text-light);margin-bottom:1rem;font-size:2rem;font-family:Lobster,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;text-transform:uppercase}._qrScanner_w7lio_1299 p{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}._scannerArea_w7lio_1326{margin:2rem 0;padding:2rem;border:2px dashed var(--border);border-radius:12px;background:#1f29374d;position:relative;overflow:hidden}._videoContainer_w7lio_1336{position:relative;width:100%;height:300px;border-radius:8px;overflow:hidden;background:#000}._scannerVideo_w7lio_1345{width:100%;height:100%;object-fit:cover;border-radius:8px}._scanOverlay_w7lio_1352{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}._scanFrame_w7lio_1365{width:200px;height:200px;border:3px solid var(--cocktail-teal);border-radius:8px;position:relative;animation:_scanPulse_w7lio_1 2s ease-in-out infinite}._scanFrame_w7lio_1365:before{content:"";position:absolute;inset:-3px;border:3px solid transparent;border-top-color:var(--cocktail-pink);border-radius:8px;animation:_scanRotate_w7lio_1 3s linear infinite}._scanInstruction_w7lio_1387{margin-top:1rem;color:#fff;font-size:.9rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5);background:#000000b3;padding:.5rem 1rem;border-radius:20px}@keyframes _scanPulse_w7lio_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes _scanRotate_w7lio_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._scannerPlaceholder_w7lio_1418{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}._scannerIcon_w7lio_1426{font-size:4rem;opacity:.7}._scannerPlaceholder_w7lio_1418 p{margin:0;font-size:1.2rem;font-weight:500}._scannerPlaceholder_w7lio_1418 small{color:var(--text-muted);font-size:.9rem}._scanError_w7lio_1442{margin-top:1rem;text-align:center}._retryBtn_w7lio_1447{background:var(--cocktail-teal);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.5rem}._retryBtn_w7lio_1447:hover{background:#22b8a6;transform:translateY(-1px)}._scannerActions_w7lio_1465{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}._manualEntryBtn_w7lio_1472,._cancelBtn_w7lio_1472{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}._manualEntryBtn_w7lio_1472{background:var(--cocktail-teal);color:#fff}._manualEntryBtn_w7lio_1472:hover{background:#22b8a6;transform:translateY(-1px)}._cancelBtn_w7lio_1472{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}._cancelBtn_w7lio_1472:hover{background:#ef444433;transform:translateY(-1px)}@media(max-width:768px){._qrScanner_w7lio_1299{padding:1.5rem;width:95vw}._qrScanner_w7lio_1299 h1{font-size:1.8rem}._scannerArea_w7lio_1326{padding:1.5rem}._videoContainer_w7lio_1336{height:250px}._scanFrame_w7lio_1365{width:150px;height:150px}._scannerIcon_w7lio_1426{font-size:3rem}}@media(max-width:480px){._qrScanner_w7lio_1299{padding:1rem}._qrScanner_w7lio_1299 h1{font-size:1.6rem}._scannerArea_w7lio_1326{padding:1rem}._videoContainer_w7lio_1336{height:200px}._scanFrame_w7lio_1365{width:120px;height:120px}}._container_1mhoi_1{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}._header_1mhoi_8{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;max-width:1200px;margin-left:auto;margin-right:auto}._headerControls_1mhoi_18{display:flex;align-items:center;gap:12px}._refreshButton_1mhoi_24{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}._refreshButton_1mhoi_24:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}._refreshButton_1mhoi_24:disabled{opacity:.6;cursor:not-allowed}._refreshButton_1mhoi_24._refreshing_1mhoi_49{animation:_spin_1mhoi_1 1s linear infinite}@keyframes _spin_1mhoi_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._refreshStatus_1mhoi_58{text-align:center;margin-bottom:20px;font-size:.875rem;opacity:.7;max-width:1200px;margin-left:auto;margin-right:auto}._header_1mhoi_8 h1{margin:0;font-size:2rem;font-weight:700;text-align:center;flex:1}._backButton_1mhoi_76{background:#fff3;border:none;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}._backButton_1mhoi_76:hover{background:#ffffff4d}._spacer_1mhoi_91{width:80px}._photoCount_1mhoi_95{background:#fff3;padding:10px 16px;border-radius:20px;font-size:.875rem}._loadingGrid_1mhoi_102{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto}._skeletonCard_1mhoi_110{background:#ffffff1a;border-radius:16px;aspect-ratio:1;animation:_pulse_1mhoi_1 2s infinite}@keyframes _pulse_1mhoi_1{0%,to{opacity:.3}50%{opacity:.7}}._errorState_1mhoi_122{text-align:center;padding:60px 20px;max-width:400px;margin:0 auto}._errorIcon_1mhoi_129{font-size:4rem;margin-bottom:20px}._errorState_1mhoi_122 p{font-size:1.125rem;margin-bottom:20px;opacity:.9}._errorDetails_1mhoi_140{font-size:.9rem!important;opacity:.7!important;font-style:italic}._retryButton_1mhoi_146{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:20px;transition:all .3s ease}._retryButton_1mhoi_146:hover{background:#ffffff4d;transform:translateY(-2px)}._testButton_1mhoi_163{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;margin-top:10px;transition:all .3s ease}._testButton_1mhoi_163:hover{background:#8b5cf64d;transform:translateY(-1px)}._emptyState_1mhoi_180{text-align:center;padding:80px 20px;max-width:500px;margin:0 auto}._emptyIcon_1mhoi_187{font-size:5rem;margin-bottom:24px;opacity:.8}._emptyState_1mhoi_180 h2{font-size:1.5rem;margin-bottom:12px;font-weight:600}._emptyState_1mhoi_180 p{font-size:1rem;opacity:.8;line-height:1.5}._photowallGrid_1mhoi_205{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto}._photowallContainer_1mhoi_213{position:relative;max-width:1200px;margin:0 auto}._refreshOverlay_1mhoi_219{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:16px;backdrop-filter:blur(5px)}._refreshSpinner_1mhoi_235{font-size:2rem;margin-bottom:16px;animation:_spin_1mhoi_1 1s linear infinite}._refreshOverlay_1mhoi_219 p{color:#fff;font-size:1rem;opacity:.9}._photowallCard_1mhoi_247{background:#ffffff1a;border-radius:16px;overflow:hidden;transition:all .3s ease;backdrop-filter:blur(10px);cursor:pointer;border:1px solid rgba(255,255,255,.1)}._photowallCard_1mhoi_247:hover{background:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 24px #0003}._imageContainer_1mhoi_263{aspect-ratio:1;position:relative;overflow:hidden}._photowallVideo_1mhoi_269,._photowallImage_1mhoi_276{width:100%;height:100%;object-fit:cover;border-radius:12px}._placeholderImage_1mhoi_283{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0d}._mbtiBadge_1mhoi_292{padding:12px 16px;border-radius:12px;font-weight:600;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}._photowallInfo_1mhoi_300{padding:12px 16px;display:flex;justify-content:space-between;align-items:center}._userName_1mhoi_307{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}._mbtiType_1mhoi_316{font-weight:600;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}._timestamp_1mhoi_322{padding:8px 16px;font-size:.75rem;opacity:.7;border-top:1px solid rgba(255,255,255,.1)}._modal_1mhoi_330{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._modalContent_1mhoi_344{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.2)}._closeButton_1mhoi_355{position:absolute;top:16px;right:16px;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .3s ease}._closeButton_1mhoi_355:hover{background:#ffffff4d}._modalImage_1mhoi_378{aspect-ratio:1;position:relative;overflow:hidden}._modalImage_1mhoi_378 video{width:100%;height:100%;object-fit:cover}._modalPlaceholder_1mhoi_390{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0d}._modalMbtiBadge_1mhoi_399{padding:20px 24px;border-radius:16px;font-weight:600;font-size:1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}._modalInfo_1mhoi_407{padding:20px;text-align:center;color:#fff}._modalInfo_1mhoi_407 h3{margin:0 0 15px;font-size:1.5rem;font-weight:600}._modalDrinkName_1mhoi_419{margin:5px 0;font-size:1.1rem;opacity:.9;font-weight:500}._modalMbtiType_1mhoi_426{margin:5px 0;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}._modalTimestamp_1mhoi_434{margin:10px 0 0;font-size:.875rem;opacity:.7}@media(max-width:768px){._container_1mhoi_1{padding:16px}._header_1mhoi_8{margin-bottom:20px}._header_1mhoi_8 h1{font-size:1.5rem}._backButton_1mhoi_76{padding:8px 12px;font-size:.875rem}._refreshButton_1mhoi_24{width:36px;height:36px;font-size:1rem}._photoCount_1mhoi_95{padding:8px 12px;font-size:.75rem}._spacer_1mhoi_91{width:60px}._refreshStatus_1mhoi_58{font-size:.8rem;margin-bottom:16px}._photowallGrid_1mhoi_205{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}._photowallInfo_1mhoi_300{padding:10px 12px}._userName_1mhoi_307,._mbtiType_1mhoi_316{font-size:.8rem}._timestamp_1mhoi_322{padding:6px 12px;font-size:.7rem}}@media(max-width:480px){._photowallGrid_1mhoi_205{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}._modalContent_1mhoi_344{margin:16px;max-width:calc(100% - 32px)}}.selfie-capture{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;margin:0 auto;background:#0b0f14;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px #00000040}.selfie-container{position:relative;width:100%;aspect-ratio:4/3;background-color:#000}.camera-preview{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0000004d;z-index:10}.countdown-number{font-size:6rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.camera-controls,.review-controls,.error-controls{display:flex;justify-content:center;gap:16px;padding:16px;background:linear-gradient(to bottom,#0b0f1480,#0b0f14);position:absolute;bottom:0;left:0;right:0;flex-wrap:wrap}.capture-button,.confirm-button{padding:12px 24px;background:linear-gradient(90deg,#ff6ea8,#27d0c6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #27d0c64d;transition:transform .16s ease,box-shadow .16s ease;order:2}.capture-button:hover,.confirm-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #27d0c666}.retake-button,.cancel-button,.retry-button{padding:12px 24px;background:#1f2937cc;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .16s ease;order:3}.retake-button:hover,.cancel-button:hover,.retry-button:hover{background:#1f2937}.toggle-camera-button{padding:12px 24px;background:#6366f1cc;color:#fff;border:1px solid rgba(99,102,241,.5);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .16s ease;order:1}.toggle-camera-button:hover{background:#6366f1}.captured-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000}.captured-image{max-width:100%;max-height:100%;transform:scaleX(-1)}.native-camera-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;text-align:center;padding:32px}.camera-icon{font-size:4rem;margin-bottom:16px;opacity:.8}.native-camera-prompt h3{font-size:1.5rem;font-weight:600;margin:0 0 8px;color:#fff}.native-camera-prompt p{font-size:1rem;margin:0;opacity:.7;line-height:1.5}.error{padding:24px;text-align:center;aspect-ratio:auto;min-height:200px;display:flex;flex-direction:column;justify-content:center}.error-message{color:#ef4444;margin-bottom:16px;font-size:16px;line-height:1.5}@media(max-width:600px){.selfie-capture{border-radius:0;max-width:100%}.countdown-number{font-size:4rem}.camera-controls,.review-controls,.error-controls{padding:12px;gap:8px}.capture-button,.confirm-button,.retake-button,.cancel-button,.retry-button,.toggle-camera-button{padding:10px 16px;font-size:14px}.native-camera-prompt{padding:24px}.camera-icon{font-size:3rem}.native-camera-prompt h3{font-size:1.25rem}}@media(max-width:480px){.camera-controls,.review-controls,.error-controls{gap:6px;padding:8px}.capture-button,.confirm-button,.retake-button,.cancel-button,.retry-button,.toggle-camera-button{padding:8px 12px;font-size:12px;flex:1;min-width:0}}.intro-logo-header{height:96px;display:flex;align-items:center;justify-content:center;background:#020617;box-shadow:0 4px 22px #0009;z-index:2}.intro-logo-image{height:40px;width:auto;object-fit:contain}.mbti-big-letter{font-size:clamp(64px,11vw,112px);font-weight:500;letter-spacing:.12em;color:#f9fafb;position:relative}.mbti-big-letter:before{content:"";position:absolute;inset:-40px -32px;border-radius:30px;filter:blur(90px);opacity:.95;z-index:-1;background:var(--mbti-glow-color, #51a9aa)}.intro-hero-input{width:min(831px,100%);border-radius:999px;padding:18px 32px;border:none;outline:none;font-size:18px;background:#fff;color:#111827;box-shadow:0 10px 30px #00000073}@media(max-width:640px){.intro-hero-input{padding:14px 22px;font-size:16px}}.intro-hero-start{position:relative;z-index:1;margin-top:clamp(20px,3vh,30px);width:min(831px,100%);border-radius:20px;border:1px solid rgba(255,255,255,.16);padding:18px 32px;font-size:20px;font-weight:500;text-align:center;color:#fff;background:linear-gradient(90deg,#51a9aae6,#e4ae3ae6,#95627be6);box-shadow:0 16px 40px #0000008c;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}@media(max-width:640px){.intro-hero-start{padding:14px 22px;font-size:18px}}.tutorial-card-stage{position:relative;width:100%;display:flex;justify-content:center;align-items:center;flex:1;padding:clamp(16px,4vh,32px)}.tutorial-icon{width:96px;height:auto}.tutorial-card-backdrop{position:absolute;width:min(774px,100%);aspect-ratio:4 / 3;border-radius:48px;background:radial-gradient(circle at 20% 20%,rgba(81,169,170,.25),transparent 60%),radial-gradient(circle at 80% 80%,rgba(149,98,123,.25),transparent 60%),#111827f5}.tutorial-card{position:relative;width:min(720px,90vw);max-height:min(560px,70vh);border-radius:48px;background:#1c2239f5;box-shadow:0 30px 80px #000000a6;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,5vh,40px);box-sizing:border-box;transition:transform .16s ease-out;overflow:visible}.tutorial-card.leaving-left{transform:translate(-160%,-10%) rotate(-18deg);transition:transform .22s ease-in}.tutorial-card.leaving-right{transform:translate(160%,-10%) rotate(18deg);transition:transform .22s ease-in}.tutorial-card-content{display:flex;flex-direction:column;gap:clamp(24px,4vh,32px);text-align:center;width:100%}.tutorial-row{display:flex;flex-direction:column;align-items:center;gap:16px}.tutorial-text{font-size:20px;letter-spacing:.12em;color:#ddd}.tutorial-badge{position:absolute;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;box-shadow:0 16px 40px #0009}.tutorial-badge.left{left:-8px;top:50%;transform:translate(-50%,-50%);background:#fb7185}.tutorial-badge.right{right:-8px;top:50%;transform:translate(50%,-50%);background:#22c55e}.tutorial-hint-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}.tutorial-hint-bubble{margin-bottom:18px;padding:10px 18px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.6);color:#e5e7eb;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.tutorial-card-nudge-right{animation:tutorial-nudge-right .6s ease-out}@keyframes tutorial-nudge-right{0%{transform:translate(0)}25%{transform:translate(18px) rotate(2deg)}60%{transform:translate(-6px) rotate(-1deg)}to{transform:translate(0)}}@media(max-width:640px){.tutorial-card-content{padding:28px;gap:28px}.tutorial-text{font-size:17px}}.tutorial-step{position:relative;inset:0;width:100%;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 30%,rgba(149,98,123,.38),transparent 55%),radial-gradient(circle at 50% 35%,rgba(81,169,170,.45),transparent 55%),radial-gradient(circle at 80% 35%,rgba(228,174,58,.42),transparent 55%),#111827;color:#f9fafb}.tutorial-step-body{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(32px,8vh,64px) clamp(16px,5vw,40px)}.tutorial-step-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 15% 35%,rgba(149,98,123,.5),transparent 55%),radial-gradient(circle at 50% 40%,rgba(81,169,170,.6),transparent 60%),radial-gradient(circle at 82% 34%,rgba(228,174,58,.55),transparent 60%),radial-gradient(circle at 50% 90%,#0f172af0,#020617);filter:blur(2px);opacity:.9;z-index:0}.tutorial-step-body>*{position:relative;z-index:1}.question-step{position:relative;inset:0;width:100%;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(circle at 18% 10%,rgba(149,98,123,.4),transparent 60%),radial-gradient(circle at 72% 8%,rgba(81,169,170,.4),transparent 60%),radial-gradient(circle at 50% 85%,#0f172afa,#020617);color:#f9fafb}.question-step-body{position:relative;flex:1;display:flex;align-items:stretch;justify-content:center;padding:clamp(32px,8vh,56px) clamp(16px,5vw,40px) 16px}.question-step-backdrop{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 35%,rgba(149,98,123,.55),transparent 60%),radial-gradient(circle at 80% 35%,rgba(81,169,170,.65),transparent 60%),radial-gradient(circle at 50% 95%,#0f172afa,#020617);filter:blur(2px);opacity:.95;z-index:0}.question-step-content{position:relative;z-index:1;width:min(880px,100%);display:flex;flex-direction:column;gap:clamp(20px,3.6vh,28px)}.question-step .mbti-hud{width:min(640px,100%);margin:0 auto 12px}.question-progress-row{display:flex;align-items:center;gap:16px}.question-back-btn{padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0f172aeb;color:#e5e7eb;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 24px #00000073;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.question-back-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px #0009}.question-back-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.question-main{flex:1;display:flex;flex-direction:column;min-height:0;gap:16px}.question-actions{margin-top:auto;padding-top:clamp(24px,4vh,32px);display:flex;justify-content:center;gap:clamp(28px,6vw,40px)}.question-pill{min-width:200px;border-radius:999px;border:1px solid rgba(255,255,255,.16);padding:18px 32px;font-size:20px;font-weight:500;text-align:center;color:#fff;cursor:pointer;box-shadow:0 16px 40px #0000008c;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;background:#111827}.question-pill:hover{transform:translateY(-1px);box-shadow:0 20px 48px #0009}.question-pill:active{transform:translateY(1px);box-shadow:0 10px 28px #00000080}.question-pill-disagree{background:#ff797c}.question-pill-agree{background:#08b885}@media(max-width:640px){.question-step-body{padding:16px 12px}.question-step-content{gap:18px}.question-actions{flex-direction:column;gap:16px}.question-pill{width:100%;min-width:0;font-size:18px;padding:14px 20px}}.card-stage{position:relative;width:100%;max-width:720px;margin-left:auto;margin-right:auto;min-height:0;display:flex;flex:1;align-items:stretch;justify-content:center}.card-stage .swipe-reveal,.corner-label,.corner-label.agree,.corner-label.disagree{display:none}.question-card-inner{width:100%;height:100%}.recommendation-card{display:flex;flex-direction:column;gap:clamp(18px,3vh,28px);padding:clamp(16px,3vw,32px);border-radius:18px;background:linear-gradient(135deg,#27d0c62e,#0f172ae0);border:1px solid rgba(255,110,168,.24);box-shadow:0 18px 40px #00000047;flex:1;min-height:0}.recommendation-header{display:grid;gap:4px}.recommendation-label{font-size:.85rem;letter-spacing:.24em;text-transform:uppercase;color:#ff6ea8;font-weight:800}.recommendation-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;color:#f8fafc}.recommendation-scroll{display:flex;flex-direction:column;gap:clamp(16px,3vh,24px);overflow-y:auto;padding-right:clamp(10px,1.5vw,18px);scrollbar-width:thin;flex:1;min-height:0}.recommendation-scroll::-webkit-scrollbar{width:6px}.recommendation-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6ea8,#27d0c6);border-radius:999px}.recommendation-summary{color:#cbd5f5;font-size:clamp(.95rem,2.4vw,1.05rem);line-height:1.6}.recommendation-grid{display:grid;gap:clamp(14px,2.2vw,20px)}.recommendation-item{display:grid;grid-template-columns:minmax(0,120px) 1fr;gap:16px;align-items:center;padding:14px 16px;border-radius:14px;background:#080c14b8;border:1px solid rgba(148,163,184,.16);text-align:left;transition:transform .18s ease,box-shadow .18s ease,border .18s ease}.recommendation-item:hover{box-shadow:0 14px 26px #27d0c647;border-color:#27d0c666}.rec-thumb{width:120px;height:120px;border-radius:12px;background:#111827;border:1px solid rgba(148,163,184,.18);background-position:center;background-size:contain;background-repeat:no-repeat}.rec-copy{display:grid;gap:8px;color:#e5e7eb}.rec-name{font-size:1.2rem;font-weight:800}.rec-expl{font-size:.95rem;color:#b6c2e5;line-height:1.5}.recommendation-grid:empty:after{content:"No drinks mapped yet";color:#94a3b8}.carousel-hint-right{position:absolute;top:50%;right:clamp(6px,2vw,24px);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.85;animation:hint-pulse 1.6s ease-in-out infinite;z-index:10}.carousel-hint-right .hint-arrow{font-size:clamp(2.1rem,5vw,3rem);color:#27d0c6a6;text-shadow:0 0 12px rgba(39,208,198,.55)}@keyframes hint-pulse{0%,to{transform:translateY(-50%) translate(0);opacity:.4}50%{transform:translateY(-50%) translate(6px);opacity:.9}}html,body{height:100%}body{background:#0a0f12;color:#e5e7eb;overscroll-behavior:none}.story-tree-experience{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;padding:0;font-family:Roboto,sans-serif;color:#e5e7eb;background:#0a0f12;min-height:100svh;touch-action:none}.mbti-hud{display:grid;grid-template-columns:1fr;gap:8px;background:#0b0f14;border-radius:10px;box-shadow:0 1px 10px #0000003d;border:1px solid #1f2937;padding:10px;margin-bottom:12px}.mbti-bar{display:grid;gap:6px}.mbti-label{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#e5e7eb}.mbti-label .axis{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.08em}.mbti-track{position:relative;height:10px;background:#1f2937;border-radius:999px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.mbti-fill{height:100%;transition:width .28s ease;will-change:width}.mbti-fill.left{background:linear-gradient(90deg,#ff6ea8,#ff8fbf);border-top-left-radius:999px;border-bottom-left-radius:999px}.mbti-fill.right{background:linear-gradient(90deg,#34d6ce,#27d0c6);border-top-right-radius:999px;border-bottom-right-radius:999px;justify-self:end}.mbti-hud.v{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:12px}.mbti-vbar{display:grid;grid-template-rows:auto 1fr auto auto;align-items:center;justify-items:center}.mbti-vlabel{font-weight:700;color:#e5e7eb;font-size:12px}.mbti-vaxis{margin-top:6px;font-size:10px;color:#94a3b8;letter-spacing:.1em;font-weight:800}.mbti-vtrack{position:relative;width:24px;height:96px;background:#1f2937;border-radius:999px;overflow:hidden;display:grid;grid-template-rows:1fr 1fr}.mbti-vfill{width:100%;transition:height .28s ease;will-change:height}.mbti-vfill.top{background:linear-gradient(180deg,#ff6ea8,#ff8fbf);border-top-left-radius:999px;border-top-right-radius:999px;align-self:start}.mbti-vfill.bottom{background:linear-gradient(180deg,#34d6ce,#27d0c6);border-bottom-left-radius:999px;border-bottom-right-radius:999px;align-self:end}.mbti-vtrack.shimmer:after{content:"";position:absolute;inset:-40% 0;background:linear-gradient(180deg,#fff0,#ffffff2e,#fff0);animation:vbar-shimmer 2.6s infinite}@keyframes vbar-shimmer{0%{transform:translateY(-60%)}60%{transform:translateY(60%)}to{transform:translateY(60%)}}@media(min-width:640px){.mbti-hud{grid-template-columns:repeat(2,1fr)}}.story-progress-tracker{margin-bottom:30px}.start-button{appearance:none;background:linear-gradient(90deg,#ff6ea8,#27d0c6);color:#fff;font-weight:700;border:none;padding:10px 20px;border-radius:12px;box-shadow:0 8px 20px #27d0c640;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.start-button.compact{height:44px;min-height:0;max-width:420px;font-size:1.1rem}.start-button:active{transform:translateY(1px);box-shadow:0 4px 14px #27d0c633}.segment-card{width:min(540px,100%);max-height:calc(100svh - 48px);background:#0b0f14eb;border:1px solid rgba(148,163,184,.28);border-radius:20px;box-shadow:0 28px 60px #080c1473;padding:clamp(18px,3vw,32px);display:flex;flex-direction:column;gap:clamp(16px,2.8vh,24px);box-sizing:border-box;overflow:hidden}.segment-card h2{margin:0;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.18em}.intro-step{align-items:center;text-align:center}.intro-step>p{margin:0;font-size:clamp(1rem,2.6vw,1.2rem);color:#cbd5f5}.intro-form{width:100%;display:grid;gap:10px;text-align:left}.intro-label{font-size:.95rem;font-weight:700;color:#e2e8f0;letter-spacing:.06em}.intro-form input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#0f172ad9;color:#f8fafc;font-size:1.05rem;box-shadow:inset 0 1px 4px #080c148c;box-sizing:border-box}.intro-form input:focus{outline:none;border-color:#27d0c6bf;box-shadow:0 0 0 3px #27d0c640}.intro-selfie{width:100%;display:flex;justify-content:center}.intro-selfie-preview{display:grid;gap:14px;justify-items:center}.intro-selfie-preview img{width:clamp(160px,40vw,220px);height:clamp(160px,40vw,220px);object-fit:cover;border-radius:16px;border:2px solid rgba(39,208,198,.45);box-shadow:0 18px 40px #080c1473}.intro-step .start-button{max-width:100%}.intro-status{font-size:.95rem;color:#38d8cd}.intro-error{color:#f87171;font-weight:600}.intro-capture-modal{position:fixed;inset:0;backdrop-filter:blur(14px);background:#080c14c7;display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,24px);z-index:20}.intro-capture-card{width:min(540px,100%);border-radius:18px;background:#090d13f2;border:1px solid rgba(148,163,184,.32);box-shadow:0 24px 60px #00000073;overflow:hidden}.story-tree-experience>.intro-hero{flex:1;align-self:stretch;width:100%;margin:0;padding:0;box-sizing:border-box}.story-tree-experience>.intro-step{flex:1;align-self:stretch;width:min(720px,100%);margin:0 auto;min-height:calc(100svh - 48px);justify-content:center;gap:clamp(18px,3vh,32px);padding:clamp(24px,5vh,48px);box-sizing:border-box}.story-tree-experience>.intro-step .intro-form{max-width:420px;margin:0 auto}.story-tree-experience>.intro-step .intro-selfie{margin-top:clamp(12px,3vh,28px)}@media(max-width:520px){.segment-card{padding:clamp(16px,6vw,24px);gap:clamp(14px,4vh,20px)}.intro-selfie-preview img{width:clamp(140px,52vw,200px);height:clamp(140px,52vw,200px)}}.intro-hero{position:relative;inset:0;width:100%;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 30%,rgba(149,98,123,.38),transparent 55%),radial-gradient(circle at 50% 35%,rgba(81,169,170,.45),transparent 55%),radial-gradient(circle at 80% 35%,rgba(228,174,58,.42),transparent 55%),#111827;color:#f9fafb}.intro-hero-header{height:96px;display:flex;align-items:center;justify-content:center;background:#020617;box-shadow:0 4px 22px #0009;z-index:2}.intro-hero-logo{height:40px;width:auto;object-fit:contain}.intro-hero-content{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(32px,8vh,56px) clamp(16px,5vw,40px) clamp(32px,10vh,64px);gap:clamp(18px,3vh,30px)}.intro-hero-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 15% 35%,rgba(149,98,123,.5),transparent 55%),radial-gradient(circle at 50% 40%,rgba(81,169,170,.6),transparent 60%),radial-gradient(circle at 82% 34%,rgba(228,174,58,.55),transparent 60%),radial-gradient(circle at 50% 90%,#0f172af0,#020617);filter:blur(2px);opacity:.9;z-index:0}.intro-hero-mbti{position:relative;z-index:1;display:flex;gap:clamp(32px,6vw,64px);margin-top:clamp(24px,6vh,64px)}.intro-hero-letter{font-size:clamp(64px,11vw,112px);font-weight:500;letter-spacing:.12em;color:#f9fafb;position:relative}.intro-hero-letter:before{content:"";position:absolute;inset:-40px -32px;border-radius:30px;filter:blur(90px);opacity:.95;z-index:-1}.intro-hero-letter:nth-child(1):before{background:#95627b}.intro-hero-letter:nth-child(2):before{background:#738d56}.intro-hero-letter:nth-child(3):before{background:#51a9aa}.intro-hero-letter:nth-child(4):before{background:#e4ae3a}.intro-hero-title{position:relative;z-index:1;margin-top:clamp(16px,3vh,28px);font-size:clamp(32px,5vw,54px);font-weight:300;letter-spacing:.6em;text-transform:uppercase;color:#f9fafb}.intro-hero-tagline{position:relative;z-index:1;max-width:880px;margin-top:clamp(24px,3vh,32px);text-align:center;font-size:clamp(16px,2.2vw,22px);letter-spacing:.08em;color:#ddd}.intro-hero-form{position:relative;z-index:1;width:100%;display:flex;justify-content:center;margin-top:clamp(28px,4vh,36px)}.intro-hero-input{width:100%;max-width:831px;border-radius:999px;padding:18px 32px;border:none;outline:none;font-size:18px;background:#fff;color:#111827;box-shadow:0 10px 30px #00000073}.intro-hero-input::placeholder{color:#979797}.intro-hero-start{position:relative;z-index:1;margin-top:clamp(20px,3vh,30px);width:min(720px,100%);border-radius:20px;border:1px solid rgba(255,255,255,.16);padding:18px 32px;font-size:20px;font-weight:500;text-align:center;color:#fff;background:linear-gradient(90deg,#51a9aae6,#e4ae3ae6,#95627be6);box-shadow:0 16px 40px #0000008c;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.intro-hero-start:disabled{opacity:.5;cursor:default;box-shadow:none}.intro-hero-start:not(:disabled):active{transform:translateY(1px);box-shadow:0 10px 28px #00000080}.intro-hero-retake{position:relative;z-index:1;margin-top:12px;border:none;background:transparent;color:#e5e7eb;font-size:14px;text-decoration:underline;cursor:pointer}.intro-hero-error{position:relative;z-index:1;margin-top:12px}@media(max-width:640px){.intro-hero-mbti{gap:18px}.intro-hero-title{letter-spacing:.42em}.intro-hero-tagline{font-size:15px;letter-spacing:.06em}.intro-hero-input{padding:14px 22px;font-size:16px}.intro-hero-start{padding:14px 22px;font-size:18px}}@media(max-height:640px)and (orientation:landscape){.intro-hero-content{justify-content:center;padding-top:24px;padding-bottom:32px}.intro-hero-mbti{margin-top:12px}}@media(max-height:620px)and (orientation:landscape){.segment-card{flex-direction:row;align-items:center;gap:24px;max-width:880px}.intro-step{align-items:stretch;text-align:left}.intro-selfie{justify-content:flex-end}}.travel3-result{width:100%;display:flex;justify-content:center;align-items:center;padding:clamp(16px,4vw,32px);flex:1;box-sizing:border-box}.travel3-card{width:min(960px,100%);background:#0a0e16f2;border:1px solid rgba(148,163,184,.28);border-radius:24px;box-shadow:0 32px 70px #060a1299;display:grid;gap:clamp(20px,4vw,32px);padding:clamp(20px,4vw,36px);box-sizing:border-box}.travel3-image-frame{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:20px;background:#0f172ad9;border:1px solid rgba(148,163,184,.38);overflow:hidden;display:flex;align-items:center;justify-content:center}.travel3-image-frame img{width:100%;height:100%;object-fit:cover}.travel3-loading{display:grid;place-items:center;gap:14px;color:#38d8cd;font-weight:700}.travel3-meta{display:grid;gap:clamp(12px,2vh,20px);align-content:start}.travel3-title{margin:0;font-size:clamp(1.8rem,4.6vw,2.6rem);letter-spacing:.14em}.travel3-subtitle{margin:0;font-size:clamp(1rem,2.6vw,1.2rem);color:#cbd5f5}.travel3-display{font-size:clamp(1.1rem,2.8vw,1.4rem);background:#27d0c61a;border:1px solid rgba(39,208,198,.4);padding:12px 18px;border-radius:14px;width:fit-content}.travel3-error{color:#f87171;font-weight:600;background:#f871711f;border:1px solid rgba(248,113,113,.32);padding:12px 16px;border-radius:12px}.travel3-meta .start-button{max-width:280px;justify-self:start}@media(min-width:860px){.travel3-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}.travel3-image-frame{aspect-ratio:4 / 5}}@media(max-width:640px){.travel3-card{padding:clamp(18px,5vw,28px);border-radius:20px}.travel3-meta .start-button{width:100%;max-width:none;justify-self:stretch}}@media(max-height:620px)and (orientation:landscape){.travel3-card{grid-template-columns:1fr 1fr;align-items:stretch}.travel3-image-frame{aspect-ratio:1}}.travel3-actions{display:grid;gap:12px;width:100%;max-width:320px}.travel3-actions .start-button{width:100%;justify-content:center}.travel3-actions .start-button.photowall{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:1px solid rgba(139,92,246,.5)}.travel3-actions .start-button.photowall:hover{background:linear-gradient(135deg,#7c3aed,#db2777);transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.travel3-status{font-size:.95rem;color:#38d8cd}.travel3-status.error{color:#f87171}.bottom-progress{position:fixed;left:0;right:0;bottom:10px;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.hint-box.shimmer{position:relative;z-index:0}.hint-box.shimmer:before{content:"";position:absolute;inset:-2px;border-radius:999px;padding:2px;background:linear-gradient(90deg,#ff6ea8,#27d0c6,#ff6ea8);background-size:200% 100%;z-index:-1;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hint-shimmer 2.8s linear infinite}@keyframes hint-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.bottom-progress .bar{width:100%;max-width:720px;height:8px;background:#0f172a;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.bottom-progress .bar .fill{height:100%;background:linear-gradient(90deg,#ff6ea8,#27d0c6);width:0%;transition:width .24s ease}.progress-inline{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;margin:4px 0 8px}.progress-inline .bar{width:100%;max-width:720px;height:14px;background:#0f172a;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.progress-inline .bar .fill{height:100%;background:linear-gradient(90deg,#ff6ea8,#27d0c6);width:0%;transition:width .24s ease}.progress-inline .percent-label{min-width:48px;text-align:right;font-size:14px;color:#9ca3af}.inline-hint{width:100%;display:flex;justify-content:center;margin:18px 0 28px;pointer-events:none}.inline-hint .hint-box{pointer-events:auto;background:linear-gradient(90deg,#0f172ae6,#111827e6);color:#f8fafc;font-size:15px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:12px 28px;border-radius:999px;border:1px solid rgba(148,163,184,.45);box-shadow:0 8px 26px #27d0c638;text-shadow:0 0 12px rgba(39,208,198,.55)}.corner-label{position:absolute;z-index:1;font-size:12px;font-weight:800;letter-spacing:.08em;padding:6px 10px;border-radius:999px;background:#0b0f14eb;border:1px solid #1f2937;color:#e5e7eb;box-shadow:0 6px 18px #0000002e;transition:opacity .12s ease;pointer-events:none}.corner-label.agree{top:8px;left:8px}.corner-label.disagree{top:8px;right:8px}.question-card{width:100%;max-width:720px;margin-left:auto;margin-right:auto;background:#0b0f14;border:1px solid #1f2937;border-radius:16px;color:#e5e7eb;padding:26px 22px;box-shadow:0 10px 24px #00000040;height:100%;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}.question-card .segment-text{font-size:clamp(26px,3.8vw,40px);line-height:1.3;font-weight:700;text-align:center}.segment-header{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:8px}.segment-header .segment-logo{height:28px;width:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.mbti-picks{display:grid;gap:14px;grid-template-columns:1fr;max-width:100%;margin:12px auto;padding:0 16px;box-sizing:border-box;max-height:calc(100vh - 200px);overflow-y:auto}.mbti-pick{display:grid;grid-template-columns:120px 1fr;gap:12px;width:100%;max-width:100%;box-sizing:border-box;align-items:center;padding:12px;border:1px solid #1f2937;border-radius:12px;background:#0b0f14}.mbti-pick .thumb{width:120px;height:120px;aspect-ratio:1 / 1;background:#111827;border:1px solid #1f2937;border-radius:8px;background-position:center;background-size:cover}.mbti-pick .name{font-weight:700;color:#e5e7eb;margin-bottom:6px}.mbti-pick .meta{color:#9ca3af;font-size:13px;margin-bottom:6px}.mbti-pick .expl{color:#9ca3af;font-size:13px}.progress-bar-container{height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background-color:#4caf50;transition:width .3s ease}.progress-text{margin-top:8px;font-size:14px;text-align:right;color:#666}.story-segment{background:#0b0f14;color:#e5e7eb;border:1px solid #1f2937;border-radius:12px;box-shadow:0 8px 24px #0003;padding:24px;margin-bottom:20px}.story-text{font-size:18px;line-height:1.6;margin-bottom:24px}.story-choices{display:flex;flex-direction:column;gap:12px}.choice-button{padding:16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;font-size:16px;text-align:left;cursor:pointer;transition:all .2s ease}.choice-button:hover{background-color:#e8f5e9;border-color:#4caf50}.personality-result-card{background-color:#0b0f14;border:1px solid #1f2937;border-radius:8px;box-shadow:0 2px 10px #00000047;padding:24px;color:#e5e7eb}.result-card{background:#0b0f14;border:1px solid #1f2937;border-radius:12px;box-shadow:0 10px 24px #0000003d;padding:16px;color:#e5e7eb}.personality-result-card h2{text-align:center;margin-bottom:24px;color:#2e7d32}.card-stage{position:relative;width:100%;max-width:720px;margin-left:auto;margin-right:auto;min-height:clamp(420px,62vh,680px);display:flex;justify-content:center}.card-stage .swipe-reveal{position:absolute;inset:0;border-radius:16px;border:1px solid #1f2937;background:#0b0f14;box-shadow:0 10px 24px #0000002e inset,0 10px 24px #00000040;pointer-events:none;transition:opacity .12s ease}.personality-section,.recommendation-section{margin-bottom:30px}.personality-section h3,.recommendation-section h3{margin-bottom:16px;border-bottom:1px solid #1f2937;padding-bottom:8px}.trait-list{margin-bottom:20px}.trait-item{margin-bottom:12px}.trait-name{display:block;margin-bottom:4px;font-weight:500;text-transform:capitalize}.trait-bar{height:8px;background-color:#1f2937;border-radius:4px;overflow:hidden}.trait-fill{height:100%;background:linear-gradient(90deg,#ff6ea8,#27d0c6);transition:width .5s ease}.personality-summary{font-style:italic;margin-top:16px}.recipe-card{background-color:#f9f9f9;border-radius:6px;padding:16px;text-align:center}.recipe-card h4{margin-bottom:8px;color:#2e7d32}.order-button{margin-top:16px;padding:12px 24px;background:linear-gradient(90deg,#ff6ea8,#27d0c6);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;box-shadow:0 8px 20px #27d0c633;transition:transform .16s ease,box-shadow .16s ease}.order-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #27d0c640}.order-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.restart-button{margin-top:16px;padding:12px 24px;background:linear-gradient(90deg,#27d0c6,#18a8a1);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;box-shadow:0 8px 20px #27d0c62e}.restart-button:hover{filter:brightness(1.02)}.restart-button.secondary{background-color:transparent;color:#27d0c6;border:1px solid #27d0c6}.success-message{margin-top:16px;color:#2e7d32}.story-tree-experience.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#4caf50;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.story-tree-experience.error{text-align:center;padding:0;color:#d32f2f}.story-tree-error{text-align:center;padding:40px}@media(max-width:600px){.story-tree-experience{padding:0}.story-text{font-size:16px}.choice-button{padding:12px}}.gradient-title{background:linear-gradient(90deg,#ff6ea8,#27d0c6);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.traits-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 16px;background:#0b0f14;border-radius:8px;border:1px solid #1f2937;box-shadow:0 1px 10px #0000003d;padding:12px;margin-bottom:16px}.trait-meter{display:flex;flex-direction:column}.trait-meter-label{font-size:12px;text-transform:capitalize;color:#94a3b8;margin-bottom:4px}.trait-meter-track{height:6px;background:#1f2937;border-radius:999px;overflow:hidden}.trait-meter-fill{height:100%;background:linear-gradient(90deg,#ff6ea8,#27d0c6);width:0%;transition:width .3s ease}.swipe-container{position:relative;margin-top:12px}.swipe-text{margin-bottom:12px}.swipe-card{position:relative;width:min(92vw,720px);height:clamp(420px,62vh,680px);background:#0b0f14;border:1px solid #1f2937;border-radius:16px;box-shadow:0 12px 32px #00000052;touch-action:none;user-select:none;transition:transform .12s ease;z-index:2}.swipe-card-portrait{position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,#ff6ea814,#27d0c61a)}.swipe-card-shimmer{position:absolute;inset:0;border-radius:16px;background:linear-gradient(115deg,#fff0,#ffffff2e,#fff0);transform:translate(-120%);animation:shimmer-sweep 2.6s infinite}@keyframes shimmer-sweep{0%{transform:translate(-120%)}60%{transform:translate(120%)}to{transform:translate(120%)}}.swipe-card-content{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;height:100%;padding:24px}.order-confirm-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#00000080;z-index:50}.order-confirm-overlay .card{background:#0b0f14;border:1px solid #1f2937;border-radius:12px;padding:20px 24px;text-align:center;box-shadow:0 10px 24px #00000052}.order-confirm-overlay .checkmark{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#34d6ce,#27d0c6);color:#0b0f14;font-size:28px;font-weight:900;margin-bottom:12px}.order-confirm-overlay .title{font-weight:800;margin-bottom:6px}.order-confirm-overlay .subtitle{color:#9ca3af;font-size:14px}.swipe-card-text{font-size:clamp(20px,3.2vw,34px);line-height:1.25;font-weight:700;color:#e5e7eb;text-align:center}.choice-backdrop{position:absolute;inset:0;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1;pointer-events:none;opacity:0;transform:scale(.98);transition:opacity .15s ease,transform .15s ease}.choice-backdrop.left{background:linear-gradient(135deg,#ff6ea81a,#ff6ea829)}.choice-backdrop.right{background:linear-gradient(135deg,#27d0c61a,#27d0c629)}.choice-backdrop.reveal{opacity:1;transform:scale(1)}.choice-backdrop span{font-size:clamp(16px,2.2vw,22px);font-weight:700;color:#e5e7eb;background:#0b0f14e6;padding:10px 14px;border-radius:999px;border:1px solid #1f2937;box-shadow:0 6px 18px #0000002e}.swipe-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}@media(max-width:600px){.traits-bar{grid-template-columns:repeat(2,1fr)}.swipe-card{height:clamp(380px,58vh,620px)}.mbti-hud{padding:8px;margin-bottom:8px;gap:6px}.progress-inline{margin:2px 0 6px}}@media(max-height:600px){.swipe-card{height:clamp(320px,50vh,480px)}.card-stage{min-height:clamp(320px,50vh,480px)}.mbti-hud{padding:6px;margin-bottom:6px;gap:4px}.progress-inline{margin:2px 0 4px}.inline-hint{margin:8px 0 12px}}.swipe-card.leaving{pointer-events:none}.swipe-card.leaving.left{transform:translate(-140%,-10%) rotate(-15deg);opacity:0;transition:transform .25s ease,opacity .25s ease}.swipe-card.leaving.right{transform:translate(140%,-10%) rotate(15deg);opacity:0;transition:transform .25s ease,opacity .25s ease}.story-toolbar{display:none}.undo-button{position:fixed;bottom:16px;left:16px;padding:12px 16px;background:#111827f2;color:#e5e7eb;border:1px solid #1f2937;border-radius:8px;cursor:pointer;z-index:50;box-shadow:0 4px 12px #0000004d;backdrop-filter:blur(8px)}.undo-button:hover{background:#0f172a}.undo-button:disabled{opacity:.6;cursor:not-allowed}.form-group input[type=text],.name-input input[type=text]{width:100%;max-width:520px;box-sizing:border-box;padding:10px 12px;background:#0b0f14;color:#e5e7eb;border:1px solid #1f2937;border-radius:8px}.start-guest-button{appearance:none;background:#111827;color:#27d0c6;font-weight:700;border:1px solid #1f2937;padding:14px 20px;border-radius:12px;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.start-guest-button:active{transform:translateY(1px)}.mbti-pick{text-align:left}.mbti-pick:disabled{opacity:.7}.step3-carousel{flex:1;width:100%;height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-bottom:48px;box-sizing:border-box;position:relative}.step3-panels{display:flex;gap:min(6vw,48px);width:100%;height:100%;max-width:1200px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:24px;padding:0 24px;box-sizing:border-box;align-items:flex-start}.step3-panels::-webkit-scrollbar{display:none}.step3-panel{flex:0 0 100%;height:100%;scroll-snap-align:center;display:flex;justify-content:center;align-items:stretch}.panel-content{width:min(92vw,1040px);height:100%;display:flex;flex-direction:column;gap:24px;margin:0 auto;padding:16px clamp(16px,4vw,48px) 24px;box-sizing:border-box}.step3-panel.about .panel-content,.step3-panel.recommendations .panel-content{padding-bottom:32px}.carousel-cue{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:auto;color:#9ca3af;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12px;opacity:.85;transition:opacity .2s ease}.carousel-cue .cue-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff6ea847,#27d0c652);color:#f8fafc;font-size:16px;box-shadow:0 6px 18px #00000040}.carousel-cue.next{justify-content:flex-end}.carousel-cue.prev{justify-content:flex-start}.carousel-cue:hover{opacity:1}.about-details{display:flex;flex-direction:column;gap:clamp(20px,3vh,32px);padding:clamp(16px,3vw,32px);border-radius:18px;background:linear-gradient(135deg,#0f172ab8,#111827e0);border:1px solid rgba(39,208,198,.18);box-shadow:0 18px 40px #00000052;flex:1;min-height:0;min-height:calc(100% - 60px)}.about-scroll{display:flex;flex-direction:column;gap:clamp(18px,3vh,28px);overflow-y:auto;padding-right:clamp(10px,1.5vw,18px);flex:1;min-height:0;scrollbar-width:thin;height:100%}.about-scroll::-webkit-scrollbar{width:6px}.about-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6ea8,#27d0c6);border-radius:999px}.about-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.about-label{font-size:.9rem;letter-spacing:.24em;text-transform:uppercase;color:#27d0c6;font-weight:800}.about-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,4vw,40px);align-items:stretch;flex:1;min-height:0}.about-summary-block{display:grid;grid-template-rows:auto 1fr;gap:clamp(16px,3vh,24px)}.about-type{display:grid;gap:4px;justify-items:end}.about-type span{font-size:clamp(2.4rem,6vw,3.8rem);font-weight:900;letter-spacing:.1em;color:#f8fafc}.about-type-tag{padding:4px 10px;border-radius:999px;background:#27d0c62e;color:#27d0c6;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.about-summary{color:#cbd5f5;font-size:clamp(.95rem,2.4vw,1.1rem);line-height:1.6;max-width:48ch}.axis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(14px,2.2vw,24px);align-content:start}.axis-card{padding:14px 16px;border-radius:14px;background:#080c14b8;border:1px solid rgba(148,163,184,.14);box-shadow:inset 0 1px #ffffff0a;display:grid;gap:10px}.axis-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.axis-code{font-weight:700;color:#f8fafc;font-size:.85rem;line-height:1.4}.axis-dominant{font-weight:800;color:#27d0c6;font-size:.9rem;text-align:right}.axis-progress{position:relative;height:14px;border-radius:999px;background:#0f172a;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.axis-fill{position:absolute;top:0;bottom:0}.axis-fill.left{left:0;background:linear-gradient(90deg,#ff6ea8,#ff8fbf)}.axis-fill.right{right:0;background:linear-gradient(90deg,#34d6ce,#27d0c6)}.axis-labels{display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}.about-image-frame{position:relative;display:grid;place-items:center;background:#080c14d1;border:1px solid rgba(148,163,184,.16);border-radius:18px;overflow:hidden;aspect-ratio:1 / 1;max-width:320px;max-height:320px;justify-self:center}.about-image-frame img{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}@media(max-width:1024px){.about-body,.about-summary-block{grid-template-columns:1fr}}@media(max-width:640px){.about-details,.about-summary-block{padding:16px}.about-body{gap:16px}.recommendation-item{grid-template-columns:80px 1fr;gap:12px;padding:12px}.rec-thumb{width:80px;height:80px}.rec-name{font-size:1rem}.rec-expl{font-size:.85rem;line-height:1.4}}@media(max-width:480px){.recommendation-item{grid-template-columns:1fr;grid-template-rows:auto 1fr;text-align:center;gap:10px}.rec-thumb{width:100px;height:100px;justify-self:center}.rec-copy{gap:6px}}.step3-upper{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;margin-bottom:16px}.step3-left{display:grid;grid-template-rows:auto 1fr;gap:10px}.mbti-type-badge{align-self:start;justify-self:start;background:#0b0f14;border:4px solid transparent;background-clip:padding-box;color:#e5e7eb;font-weight:900;letter-spacing:.08em;padding:8px 12px;border-radius:10px;position:relative;overflow:hidden}.mbti-type-badge:before{content:"";position:absolute;inset:-4px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b,#10b981,#3b82f6);background-size:300% 300%;border-radius:14px;z-index:-1;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.mbti-type-image{background:#0b0f14;border:1px solid #1f2937;border-radius:12px;display:grid;place-items:center;overflow:hidden;aspect-ratio:1 / 1}.mbti-type-image img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.step3-right{display:grid;grid-template-rows:auto auto 1fr;gap:10px}.step3-title{font-weight:800}.step3-expl{color:#9ca3af;font-size:14px}.mbti-bars{display:grid;gap:10px;align-content:start}.mbti-bar-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;position:relative}.end-label{font-weight:800;color:#94a3b8;font-size:12px;letter-spacing:.08em}.hbar-track{position:relative;height:14px;background:#0f172a;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.hbar-fill{position:absolute;top:0;bottom:0}.hbar-fill.left{left:0;background:linear-gradient(90deg,#ff6ea8,#ff8fbf)}.hbar-fill.right{right:0;background:linear-gradient(90deg,#34d6ce,#27d0c6)}.hbar-pct{position:absolute;top:50%;transform:translateY(-50%);padding:0 6px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:900;color:#e5e7eb;background:transparent;font-size:12px;line-height:1;pointer-events:none;box-shadow:0 1px 2px #00000040}.hbar-pct.at-left{left:6px}.hbar-pct.at-right{right:6px}@media(min-width:640px){.hbar-pct{font-size:13px;height:20px}}.mbti-pick .thumb.sq1{width:120px;height:120px;aspect-ratio:1 / 1;background:#111827;background-position:center;background-repeat:no-repeat;background-size:contain;border:1px solid #1f2937;border-radius:8px;flex-shrink:0}.mbti-pick .name.big{font-size:18px;font-weight:800;color:#e5e7eb;font-family:Lobster,cursive}.drink-modal-overlay{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:70}.drink-modal{width:min(92vw,900px);height:80vh;background:#0b0f14;border:1px solid #1f2937;border-radius:14px;box-shadow:0 20px 40px #00000080;padding:16px;position:relative;overflow-y:auto}.modal-close{position:absolute;top:8px;right:10px;width:28px;height:28px;border-radius:50%;border:1px solid #1f2937;background:#111827;color:#e5e7eb;font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer}.modal-upper{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:12px}.modal-img.sq1{width:min(400px,90%);aspect-ratio:1 / 1;background:#111827;border:1px solid #1f2937;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.modal-img.sq1 img{max-width:100%;max-height:100%;object-fit:contain;display:block}.img-fallback{color:#9ca3af;font-size:12px}.modal-meta{display:flex;flex-direction:column;gap:12px;text-align:center;width:100%}.modal-meta .drink-name{font-size:22px;font-weight:900;font-family:Lobster,cursive}.drink-ingredients{color:#9ca3af;font-size:12px;text-align:center;margin:8px 0}.modal-meta .drink-llm-expl{color:#e5e7eb;font-size:14px;opacity:.95}.modal-lower{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px}.radar-placeholder{width:min(280px,90%);height:220px;display:grid;place-items:center;background:#0f172a;border:1px solid #1f2937;border-radius:10px;color:#9ca3af}.modal-actions{display:flex;justify-content:center;width:100%}.modal-radar{padding:20px;background:#0b0f14;border:1px solid #1f2937;border-radius:10px;overflow:visible;display:flex;justify-content:center;align-items:center}.order-confirm-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(2px);display:grid;place-items:center;z-index:1000}.order-confirm-overlay .card{background:#0b0f14;border:1px solid #1f2937;border-left:4px solid #10b981;color:#e5e7eb;border-radius:12px;padding:20px 22px;width:min(92vw,420px);box-shadow:0 10px 30px #00000059;text-align:center}.order-confirm-overlay .checkmark{width:48px;height:48px;border-radius:9999px;margin:0 auto 10px;background:#065f46;color:#34d399;display:grid;place-items:center;font-size:28px;font-weight:900}.order-confirm-overlay .title{font-weight:800;font-size:1.15rem;margin-bottom:6px}.order-confirm-overlay .subtitle{color:#9ca3af;font-size:.95rem}.st-loader{width:50px;aspect-ratio:1;color:#000;border:2px solid;box-sizing:border-box;--c:radial-gradient(farthest-side,#0000 calc(100% - 3px) ,currentColor calc(100% - 2px) 98%,#0000);background:var(--c),var(--c);background-size:23px 23px;background-position:0 0,12px 12px;animation:l4 1s infinite}@keyframes l4{to{background-position:-23px 0px,12px 35px}}.st-loader.teal{color:#27d0c6}.st-loader.pink{color:#ff6ea8}.App{margin:calc(var(--spacing,.25rem) * 0);width:100vw;min-height:100vh;padding:calc(var(--spacing,.25rem) * 0);position:relative;overflow:hidden auto}.xk-ExperienceFull{width:100vw;min-height:100dvh;position:relative;overflow:hidden auto}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:var(--font-sans), system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-900:oklch(38.1% .176 304.987);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-300:oklch(87.2% .01 258.338);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:.75rem;--radius-2xl:1rem;--radius-4xl:2rem;--drop-shadow-lg:0 4px 4px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-background:var(--background);--color-foreground:var(--foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-destructive:var(--destructive);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-border)}::file-selector-button{border-color:var(--color-border)}:root{--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--primary:oklch(85.2% .199 91.936);--primary-foreground:oklch(42.1% .095 57.708);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--accent:oklch(85.2% .199 91.936);--accent-foreground:oklch(42.1% .095 57.708);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(92% .004 286.32);--input:oklch(92% .004 286.32);--ring:oklch(70.5% .015 286.067);--radius:.625rem;--chart-1:oklch(90.5% .182 98.111);--chart-2:oklch(79.5% .184 86.047);--chart-3:oklch(68.1% .162 75.834);--chart-4:oklch(55.4% .135 66.442);--chart-5:oklch(47.6% .114 61.907);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(68.1% .162 75.834);--sidebar-primary-foreground:oklch(98.7% .026 102.212);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(70.5% .015 286.067)}.dark{--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(79.5% .184 86.047);--primary-foreground:oklch(42.1% .095 57.708);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--accent:oklch(79.5% .184 86.047);--accent-foreground:oklch(42.1% .095 57.708);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(27.4% .006 286.033);--input:oklch(27.4% .006 286.033);--ring:oklch(55.2% .016 285.938);--chart-1:oklch(90.5% .182 98.111);--chart-2:oklch(79.5% .184 86.047);--chart-3:oklch(68.1% .162 75.834);--chart-4:oklch(55.4% .135 66.442);--chart-5:oklch(47.6% .114 61.907);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(79.5% .184 86.047);--sidebar-primary-foreground:oklch(98.7% .026 102.212);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(27.4% .006 286.033);--sidebar-ring:oklch(55.2% .016 285.938)}*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground)}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-\[10\%\]{top:10%}.top-\[15\%\]{top:15%}.-right-10{right:calc(var(--spacing) * -10)}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[5\%\]{right:5%}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:calc(var(--spacing) * 0)}.-left-10{left:calc(var(--spacing) * -10)}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.left-\[5\%\]{left:5%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-full{width:100%;height:100%}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-18{height:calc(var(--spacing) * 18)}.h-20{height:calc(var(--spacing) * 20)}.h-48{height:calc(var(--spacing) * 48)}.h-\[600px\]{height:600px}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\(--available-height\){max-height:var(--available-height)}.max-h-11{max-height:calc(var(--spacing) * 11)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[200px\]{max-height:200px}.max-h-\[calc\(90vh-12rem\)\]{max-height:calc(90vh - 12rem)}.min-h-screen{min-height:100vh}.w-\(--anchor-width\){width:var(--anchor-width)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-18{width:calc(var(--spacing) * 18)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-\[100px\]{width:100px}.w-\[180px\]{width:180px}.w-\[700px\]{width:700px}.w-\[900px\]{width:900px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%-2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[min\(var\(--radius-md\)\,8px\)\]{border-radius:min(var(--radius-md),8px)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.rounded-b-full{border-bottom-right-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[6px\]{border-style:var(--tw-border-style);border-width:6px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-border,.border-border\/20{border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.border-border\/20{border-color:color-mix(in oklab,var(--color-border) 20%,transparent)}}.border-border\/30{border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.border-border\/30{border-color:color-mix(in oklab,var(--color-border) 30%,transparent)}}.border-border\/40{border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.border-border\/40{border-color:color-mix(in oklab,var(--color-border) 40%,transparent)}}.border-border\/50{border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border) 50%,transparent)}}.border-border\/60{border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.border-border\/60{border-color:color-mix(in oklab,var(--color-border) 60%,transparent)}}.border-destructive\/30{border-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/30{border-color:color-mix(in oklab,var(--color-destructive) 30%,transparent)}}.border-destructive\/50{border-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,var(--color-destructive) 50%,transparent)}}.border-input{border-color:var(--color-input)}.border-primary,.border-primary\/30{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/30{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.border-primary\/50{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/50{border-color:color-mix(in oklab,var(--color-primary) 50%,transparent)}}.border-purple-500{border-color:var(--color-purple-500)}.border-transparent{border-color:#0000}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-t-transparent{border-top-color:#0000}.bg-background,.bg-background\/50{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/50{background-color:color-mix(in oklab,var(--color-background) 50%,transparent)}}.bg-background\/60{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/60{background-color:color-mix(in oklab,var(--color-background) 60%,transparent)}}.bg-background\/70{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/70{background-color:color-mix(in oklab,var(--color-background) 70%,transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\/75{background-color:#000000bf}@supports (color:color-mix(in lab,red,red)){.bg-black\/75{background-color:color-mix(in oklab,var(--color-black) 75%,transparent)}}.bg-border{background-color:var(--color-border)}.bg-card,.bg-card\/80{background-color:var(--color-card)}@supports (color:color-mix(in lab,red,red)){.bg-card\/80{background-color:color-mix(in oklab,var(--color-card) 80%,transparent)}}.bg-card\/95{background-color:var(--color-card)}@supports (color:color-mix(in lab,red,red)){.bg-card\/95{background-color:color-mix(in oklab,var(--color-card) 95%,transparent)}}.bg-cyan-500\/10{background-color:#00b7d71a}@supports (color:color-mix(in lab,red,red)){.bg-cyan-500\/10{background-color:color-mix(in oklab,var(--color-cyan-500) 10%,transparent)}}.bg-destructive\/10{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--color-destructive) 10%,transparent)}}.bg-foreground{background-color:var(--color-foreground)}.bg-muted,.bg-muted\/20{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/20{background-color:color-mix(in oklab,var(--color-muted) 20%,transparent)}}.bg-muted\/50{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--color-muted) 50%,transparent)}}.bg-muted\/70{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/70{background-color:color-mix(in oklab,var(--color-muted) 70%,transparent)}}.bg-pink-500\/10{background-color:#f6339a1a}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/10{background-color:color-mix(in oklab,var(--color-pink-500) 10%,transparent)}}.bg-popover{background-color:var(--color-popover)}.bg-primary,.bg-primary\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.bg-primary\/20{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.bg-purple-900\/20{background-color:#59168b33}@supports (color:color-mix(in lab,red,red)){.bg-purple-900\/20{background-color:color-mix(in oklab,var(--color-purple-900) 20%,transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-background{--tw-gradient-from:var(--color-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-background\/80{--tw-gradient-from:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.from-background\/80{--tw-gradient-from:color-mix(in oklab, var(--color-background) 80%, transparent)}}.from-background\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-card\/95{--tw-gradient-from:var(--color-card)}@supports (color:color-mix(in lab,red,red)){.from-card\/95{--tw-gradient-from:color-mix(in oklab, var(--color-card) 95%, transparent)}}.from-card\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-500{--tw-gradient-from:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-500\/30{--tw-gradient-from:#f6339a4d}@supports (color:color-mix(in lab,red,red)){.from-pink-500\/30{--tw-gradient-from:color-mix(in oklab, var(--color-pink-500) 30%, transparent)}}.from-pink-500\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-secondary\/80{--tw-gradient-from:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.from-secondary\/80{--tw-gradient-from:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.from-secondary\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-800\/80{--tw-gradient-from:#1d293dcc}@supports (color:color-mix(in lab,red,red)){.from-slate-800\/80{--tw-gradient-from:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.from-slate-800\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-900\/95{--tw-gradient-from:#0f172bf2}@supports (color:color-mix(in lab,red,red)){.from-slate-900\/95{--tw-gradient-from:color-mix(in oklab, var(--color-slate-900) 95%, transparent)}}.from-slate-900\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-950{--tw-gradient-from:var(--color-slate-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-accent{--tw-gradient-via:var(--color-accent);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-background\/95{--tw-gradient-via:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.via-background\/95{--tw-gradient-via:color-mix(in oklab, var(--color-background) 95%, transparent)}}.via-background\/95{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-card\/90{--tw-gradient-via:var(--color-card)}@supports (color:color-mix(in lab,red,red)){.via-card\/90{--tw-gradient-via:color-mix(in oklab, var(--color-card) 90%, transparent)}}.via-card\/90{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-900{--tw-gradient-via:var(--color-slate-900);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/10{--tw-gradient-via:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.via-white\/10{--tw-gradient-via:color-mix(in oklab, var(--color-white) 10%, transparent)}}.via-white\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/20{--tw-gradient-via:#fff3}@supports (color:color-mix(in lab,red,red)){.via-white\/20{--tw-gradient-via:color-mix(in oklab, var(--color-white) 20%, transparent)}}.via-white\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-accent{--tw-gradient-to:var(--color-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-background{--tw-gradient-to:var(--color-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-card\/95{--tw-gradient-to:var(--color-card)}@supports (color:color-mix(in lab,red,red)){.to-card\/95{--tw-gradient-to:color-mix(in oklab, var(--color-card) 95%, transparent)}}.to-card\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-500{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-500\/30{--tw-gradient-to:#00b7d74d}@supports (color:color-mix(in lab,red,red)){.to-cyan-500\/30{--tw-gradient-to:color-mix(in oklab, var(--color-cyan-500) 30%, transparent)}}.to-cyan-500\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-muted\/40{--tw-gradient-to:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.to-muted\/40{--tw-gradient-to:color-mix(in oklab, var(--color-muted) 40%, transparent)}}.to-muted\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary{--tw-gradient-to:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary\/80{--tw-gradient-to:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.to-primary\/80{--tw-gradient-to:color-mix(in oklab, var(--color-primary) 80%, transparent)}}.to-primary\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-secondary{--tw-gradient-to:var(--color-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-900\/80{--tw-gradient-to:#0f172bcc}@supports (color:color-mix(in lab,red,red)){.to-slate-900\/80{--tw-gradient-to:color-mix(in oklab, var(--color-slate-900) 80%, transparent)}}.to-slate-900\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-950{--tw-gradient-to:var(--color-slate-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-950\/95{--tw-gradient-to:#020618f2}@supports (color:color-mix(in lab,red,red)){.to-slate-950\/95{--tw-gradient-to:color-mix(in oklab, var(--color-slate-950) 95%, transparent)}}.to-slate-950\/95{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-padding{background-clip:padding-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-foreground{fill:var(--color-foreground)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-12{padding-inline:calc(var(--spacing) * 12)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.text-background{color:var(--color-background)}.text-card-foreground{color:var(--color-card-foreground)}.text-destructive{color:var(--color-destructive)}.text-foreground,.text-foreground\/60{color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/60{color:color-mix(in oklab,var(--color-foreground) 60%,transparent)}}.text-gray-300{color:var(--color-gray-300)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-30{opacity:.3}.bg-blend-color{background-blend-mode:color}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-background{--tw-ring-color:var(--color-background)}.ring-foreground\/10{--tw-ring-color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--color-foreground) 10%, transparent)}}.ring-ring\/50{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab,red,red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.running{animation-play-state:running}@media(hover:hover){.group-hover\:translate-x-full:is(:where(.group):hover *){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--color-primary)}}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-has-\[\>svg\]\/alert\:col-start-2:is(:where(.group\/alert):has(>svg) *){grid-column-start:2}.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs)[data-horizontal] *){height:calc(var(--spacing) * 8)}.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs)[data-vertical] *){height:fit-content}.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs)[data-vertical] *){width:100%}.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs)[data-vertical] *){flex-direction:column}.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs)[data-vertical] *){justify-content:flex-start}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size=sm] *){padding:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size=sm] *){padding-inline:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-border:after{content:var(--tw-content);border-color:var(--color-border)}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--color-foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:mix-blend-darken:after{content:var(--tw-content);mix-blend-mode:darken}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-horizontal] *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-vertical] *):after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-destructive\/20:hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--color-destructive) 20%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--color-muted) 50%,transparent)}}.hover\:bg-primary\/20:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,var(--color-primary) 80%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-pink-600:hover{--tw-gradient-from:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-cyan-600:hover{--tw-gradient-to:var(--color-cyan-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-purple-600:hover{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-muted-foreground:hover{color:var(--color-muted-foreground)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-primary\/20:hover{--tw-shadow-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-primary\/20:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-primary\/30:hover{--tw-shadow-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-primary\/30:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent)}}}.focus\:bg-accent:focus{background-color:var(--color-accent)}.focus\:text-accent-foreground:focus,:is(.\*\*\:focus\:not-data-\[variant\=destructive\]\:text-accent-foreground *):focus:not([data-variant=destructive]){color:var(--color-accent-foreground)}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--color-destructive) 40%,transparent)}}.focus-visible\:border-pink-500:focus-visible{border-color:var(--color-pink-500)}.focus-visible\:border-ring:focus-visible{border-color:var(--color-ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.focus-visible\:ring-pink-500:focus-visible{--tw-ring-color:var(--color-pink-500)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--color-ring)}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:var(--color-input)}@supports (color:color-mix(in lab,red,red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab,var(--color-input) 50%,transparent)}}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-md{border-radius:var(--radius-md)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.has-data-\[slot\=alert-action\]\:relative:has([data-slot=alert-action]){position:relative}.has-data-\[slot\=alert-action\]\:pr-18:has([data-slot=alert-action]){padding-right:calc(var(--spacing) * 18)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing) * 1.5)}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:calc(var(--spacing) * 0)}.has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has(>svg){grid-template-columns:auto 1fr}.has-\[\>svg\]\:gap-x-2:has(>svg){column-gap:calc(var(--spacing) * 2)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--color-muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--color-secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--color-foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--color-secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--color-destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.data-active\:bg-background[data-active]{background-color:var(--color-background)}.data-active\:text-foreground[data-active]{color:var(--color-foreground)}.data-active\:group-data-\[variant\=default\]\/tabs-list\:shadow-xs[data-active]:is(:where(.group\/tabs-list)[data-variant=default] *){--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-active\:group-data-\[variant\=line\]\/tabs-list\:bg-transparent[data-active]:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.data-active\:group-data-\[variant\=line\]\/tabs-list\:shadow-none[data-active]:is(:where(.group\/tabs-list)[data-variant=line] *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-active\:group-data-\[variant\=line\]\/tabs-list\:after\:opacity-100[data-active]:is(:where(.group\/tabs-list)[data-variant=line] *):after{content:var(--tw-content);opacity:1}.data-closed\:animate-out[data-closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}.data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-horizontal\:h-2\.5[data-horizontal]{height:calc(var(--spacing) * 2.5)}.data-horizontal\:h-full[data-horizontal]{height:100%}.data-horizontal\:h-px[data-horizontal]{height:1px}.data-horizontal\:w-full[data-horizontal]{width:100%}.data-horizontal\:flex-col[data-horizontal]{flex-direction:column}.data-horizontal\:border-t[data-horizontal]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-horizontal\:border-t-transparent[data-horizontal]{border-top-color:#0000}.data-open\:animate-in[data-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}.data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}.data-placeholder\:text-muted-foreground[data-placeholder]{color:var(--color-muted-foreground)}.data-vertical\:h-full[data-vertical]{height:100%}.data-vertical\:min-h-40[data-vertical]{min-height:calc(var(--spacing) * 40)}.data-vertical\:w-2[data-vertical]{width:calc(var(--spacing) * 2)}.data-vertical\:w-2\.5[data-vertical]{width:calc(var(--spacing) * 2.5)}.data-vertical\:w-auto[data-vertical]{width:auto}.data-vertical\:w-full[data-vertical]{width:100%}.data-vertical\:w-px[data-vertical]{width:1px}.data-vertical\:flex-col[data-vertical]{flex-direction:column}.data-vertical\:self-stretch[data-vertical]{align-self:stretch}.data-vertical\:border-l[data-vertical]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-vertical\:border-l-transparent[data-vertical]{border-left-color:#0000}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[side\=bottom\]\:top-1[data-side=bottom]{top:calc(var(--spacing) * 1)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=inline-end\]\:top-1\/2\![data-side=inline-end]{top:50%!important}.data-\[side\=inline-end\]\:-left-1[data-side=inline-end]{left:calc(var(--spacing) * -1)}.data-\[side\=inline-end\]\:-translate-y-1\/2[data-side=inline-end]{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=inline-start\]\:top-1\/2\![data-side=inline-start]{top:50%!important}.data-\[side\=inline-start\]\:-right-1[data-side=inline-start]{right:calc(var(--spacing) * -1)}.data-\[side\=inline-start\]\:-translate-y-1\/2[data-side=inline-start]{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side=inline-start]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=left\]\:top-1\/2\![data-side=left]{top:50%!important}.data-\[side\=left\]\:-right-1[data-side=left]{right:calc(var(--spacing) * -1)}.data-\[side\=left\]\:-translate-y-1\/2[data-side=left]{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:top-1\/2\![data-side=right]{top:50%!important}.data-\[side\=right\]\:-left-1[data-side=right]{left:calc(var(--spacing) * -1)}.data-\[side\=right\]\:-translate-y-1\/2[data-side=right]{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-bottom-2\.5[data-side=top]{bottom:calc(var(--spacing) * -2.5)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.data-\[size\=sm\]\:gap-3[data-size=sm]{gap:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md),10px)}.data-\[size\=sm\]\:py-3[data-size=sm]{padding-block:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}:is(.data-\[slot\=alert-description\]\:\*\:text-destructive\/90[data-slot=alert-description]>*){color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){:is(.data-\[slot\=alert-description\]\:\*\:text-destructive\/90[data-slot=alert-description]>*){color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--color-background)}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot=kbd]{border-radius:var(--radius-sm)}:is(.data-\[slot\=select-value\]\:\*\:line-clamp-1[data-slot=select-value]>*){-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.data-\[slot\=select-value\]\:\*\:flex[data-slot=select-value]>*){display:flex}:is(.data-\[slot\=select-value\]\:\*\:items-center[data-slot=select-value]>*){align-items:center}:is(.data-\[slot\=select-value\]\:\*\:gap-1\.5[data-slot=select-value]>*){gap:calc(var(--spacing) * 1.5)}:is(.\*\*\:data-\[slot\=slider-track\]\:bg-white\/30 *)[data-slot=slider-track]{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){:is(.\*\*\:data-\[slot\=slider-track\]\:bg-white\/30 *)[data-slot=slider-track]{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.data-\[state\=delayed-open\]\:animate-in[data-state=delayed-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=delayed-open\]\:fade-in-0[data-state=delayed-open]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:zoom-in-95[data-state=delayed-open]{--tw-enter-scale:.95}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--color-muted)}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-xl[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:rounded-r-xl[data-vaul-drawer-direction=left]{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:rounded-l-xl[data-vaul-drawer-direction=right]{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-xl[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media(min-width:40rem){.sm\:max-w-md{max-width:var(--container-md)}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media(min-width:48rem){.md\:-ml-4{margin-left:calc(var(--spacing) * -4)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.md\:pl-4{padding-left:calc(var(--spacing) * 4)}.md\:text-left{text-align:left}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-pretty{text-wrap:pretty}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.dark\:border-input:is(.dark *){border-color:var(--color-input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-destructive) 20%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--color-input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-input) 30%,transparent)}}.dark\:text-muted-foreground:is(.dark *){color:var(--color-muted-foreground)}.dark\:after\:mix-blend-lighten:is(.dark *):after{content:var(--tw-content);mix-blend-mode:lighten}@media(hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-destructive) 30%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--color-input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-input) 50%,transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-muted) 50%,transparent)}}.dark\:hover\:text-foreground:is(.dark *):hover{color:var(--color-foreground)}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:var(--color-input)}@supports (color:color-mix(in lab,red,red)){.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:color-mix(in oklab,var(--color-input) 80%,transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive) 50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.dark\:data-active\:border-input:is(.dark *)[data-active]{border-color:var(--color-input)}.dark\:data-active\:bg-input\/30:is(.dark *)[data-active]{background-color:var(--color-input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-active\:bg-input\/30:is(.dark *)[data-active]{background-color:color-mix(in oklab,var(--color-input) 30%,transparent)}}.dark\:data-active\:text-foreground:is(.dark *)[data-active]{color:var(--color-foreground)}.dark\:data-active\:group-data-\[variant\=line\]\/tabs-list\:border-transparent:is(.dark *)[data-active]:is(:where(.group\/tabs-list)[data-variant=line] *){border-color:#0000}.dark\:data-active\:group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(.dark *)[data-active]:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px}@media(hover:hover){.hover\:\[\&_a\]\:text-foreground:hover a{color:var(--color-foreground)}}.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing) * 4)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\.border-b\]\:pb-4.border-b{padding-bottom:calc(var(--spacing) * 4)}.\[\.border-b\]\:group-data-\[size\=sm\]\/card\:pb-3.border-b:is(:where(.group\/card)[data-size=sm] *){padding-bottom:calc(var(--spacing) * 3)}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media(hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab,var(--color-destructive) 20%,transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--color-muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--color-primary) 80%,transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--color-muted-foreground)}:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--color-foreground)}}:is(.\[img\:first-child\]\:\*\:rounded-t-xl:is(img:first-child)>*){border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}:is(.\[img\:last-child\]\:\*\:rounded-b-xl:is(img:last-child)>*){border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}:is(.last\:\[span\]\:\*\:flex:last-child:is(span)>*){display:flex}:is(.last\:\[span\]\:\*\:items-center:last-child:is(span)>*){align-items:center}:is(.last\:\[span\]\:\*\:gap-2:last-child:is(span)>*){gap:calc(var(--spacing) * 2)}:is(.\[svg\]\:\*\:row-span-2:is(svg)>*){grid-row:span 2/span 2}:is(.\[svg\]\:\*\:translate-y-0\.5:is(svg)>*){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.\[svg\]\:\*\:text-current:is(svg)>*){color:currentColor}:is(.\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:\*\:size-4:is(svg:not([class*=size-]))>*){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}.last\:\[\&\>tr\]\:border-b-0:last-child>tr{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-CHSlOQsW.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DMtmJ5ZE.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-Dm3htQBi.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{min-height:100%}html{overflow-y:auto}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}:root{--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(79.5% .184 86.047);--primary-foreground:oklch(42.1% .095 57.708);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--accent:oklch(79.5% .184 86.047);--accent-foreground:oklch(42.1% .095 57.708);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(27.4% .006 286.033);--input:oklch(27.4% .006 286.033);--ring:oklch(55.2% .016 285.938);--radius:.625rem}.story-tree-experience{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 4);background-color:var(--color-background);width:100%;height:100vh;max-height:100vh;padding:calc(var(--spacing,.25rem) * 4);padding-top:calc(var(--spacing,.25rem) * 6);color:var(--color-foreground);flex-direction:column;display:flex;overflow:hidden}.step3-carousel-wrapper{width:100%;padding-inline:calc(var(--spacing,.25rem) * 14);margin-inline:auto}.story-tree-experience.loading,.story-tree-experience.error{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}.loading-spinner{height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12);animation:var(--animate-spin,spin 1s linear infinite);border-style:var(--tw-border-style);border-width:4px;border-color:var(--color-primary);border-radius:3.40282e38px}@supports (color:color-mix(in lab,red,red)){.loading-spinner{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.loading-spinner{border-top-color:var(--color-primary)}.swipe-container{aspect-ratio:3/4;width:100%;max-width:var(--container-md,28rem);margin-inline:auto;position:relative}.swipe-card{inset:calc(var(--spacing,.25rem) * 0);cursor:grab;touch-action:none;border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-card);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1));-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden}.swipe-card:active{cursor:grabbing}.swipe-card.leaving{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in,cubic-bezier(.4, 0, 1, 1));transition-duration:.3s;transition-timing-function:var(--ease-in,cubic-bezier(.4, 0, 1, 1))}.swipe-card.leaving.left{opacity:0;transform:translate(-150%)rotate(-30deg)}.swipe-card.leaving.right{opacity:0;transform:translate(150%)rotate(30deg)}.swipe-card-portrait{inset:calc(var(--spacing,.25rem) * 0);--tw-gradient-position:to bottom right;position:absolute}@supports (background-image:linear-gradient(in lab,red,red)){.swipe-card-portrait{--tw-gradient-position:to bottom right in oklab}}.swipe-card-portrait{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:color-mix(in oklab, var(--color-primary) 20%, transparent);--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:color-mix(in oklab, var(--color-secondary) 20%, transparent)}.swipe-card-shimmer{inset:calc(var(--spacing,.25rem) * 0);animation:var(--animate-pulse,pulse 2s cubic-bezier(.4, 0, .6, 1) infinite);--tw-gradient-position:to right;position:absolute}@supports (background-image:linear-gradient(in lab,red,red)){.swipe-card-shimmer{--tw-gradient-position:to right in oklab}}.swipe-card-shimmer{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:transparent;--tw-gradient-via:color-mix(in oklab, var(--color-white,#fff) 5%, transparent);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:transparent}.swipe-card-content{inset:calc(var(--spacing,.25rem) * 0);padding:calc(var(--spacing,.25rem) * 8);justify-content:center;align-items:center;display:flex;position:absolute}.swipe-card-text{text-align:center;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-foreground)}@media(min-width:48rem){.swipe-card-text{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}}.choice-backdrop{inset:calc(var(--spacing,.25rem) * 0);border-radius:var(--radius-2xl,1rem);padding:calc(var(--spacing,.25rem) * 6);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;justify-content:center;align-items:center;transition-duration:.2s;display:flex;position:absolute}.choice-backdrop.left{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.choice-backdrop.left{--tw-gradient-position:to right in oklab}}.choice-backdrop.left{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:color-mix(in oklab, var(--color-emerald-500,oklch(69.6% .17 162.48)) 20%, transparent);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.choice-backdrop.right{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab,red,red)){.choice-backdrop.right{--tw-gradient-position:to left in oklab}}.choice-backdrop.right{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:color-mix(in oklab, var(--color-rose-500,oklch(64.5% .246 16.439)) 20%, transparent);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.choice-backdrop.reveal{opacity:1}.choice-backdrop span{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.choice-backdrop span{color:color-mix(in oklab,var(--color-foreground) 80%,transparent)}}.swipe-actions{margin-top:calc(var(--spacing,.25rem) * 4);justify-content:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.choice-button{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-card);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 3);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.choice-button:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.choice-button:hover{border-color:color-mix(in oklab,var(--color-primary) 50%,transparent)}}.choice-button:hover{background-color:var(--color-accent)}}.choice-button:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.swipe-hint{margin-bottom:calc(var(--spacing,.25rem) * 2);text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-muted-foreground)}.story-toolbar{justify-content:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.undo-button,.restart-button{border-radius:var(--radius-lg);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}:is(.undo-button,.restart-button):disabled{cursor:not-allowed;opacity:.5}.undo-button{background-color:var(--color-secondary);color:var(--color-secondary-foreground)}@media(hover:hover){.undo-button:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.undo-button:hover{background-color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}}.restart-button{background-color:var(--color-primary);color:var(--color-primary-foreground)}@media(hover:hover){.restart-button:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.restart-button:hover{background-color:color-mix(in oklab,var(--color-primary) 80%,transparent)}}}.restart-button.secondary{background-color:var(--color-muted);color:var(--color-muted-foreground)}@media(hover:hover){.restart-button.secondary:hover{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.restart-button.secondary:hover{background-color:color-mix(in oklab,var(--color-muted) 80%,transparent)}}}.mbti-hud{width:100%;max-width:var(--container-md,28rem);justify-content:center;gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-card);margin-inline:auto;display:flex}@supports (color:color-mix(in lab,red,red)){.mbti-hud{background-color:color-mix(in oklab,var(--color-card) 80%,transparent)}}.mbti-hud{padding:calc(var(--spacing,.25rem) * 3);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.mbti-hud.v{flex-direction:row}.mbti-vbar{align-items:center;gap:calc(var(--spacing,.25rem) * 1);flex-direction:column;display:flex}.mbti-vlabel{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-muted-foreground)}.mbti-vtrack{height:calc(var(--spacing,.25rem) * 20);width:calc(var(--spacing,.25rem) * 3);background-color:var(--color-muted);border-radius:3.40282e38px;position:relative;overflow:hidden}.mbti-vtrack.shimmer{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab,red,red)){.mbti-vtrack.shimmer{--tw-gradient-position:to bottom in oklab}}.mbti-vtrack.shimmer{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-muted);--tw-gradient-via:color-mix(in oklab, var(--color-muted) 80%, transparent);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:var(--color-muted)}.mbti-vfill{right:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);background-color:var(--color-primary);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;position:absolute}.mbti-vfill.top{top:calc(var(--spacing,.25rem) * 0);border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.mbti-vfill.bottom{bottom:calc(var(--spacing,.25rem) * 0);background-color:var(--color-secondary);border-bottom-right-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.story-progress-tracker{width:100%;max-width:var(--container-md,28rem);margin-inline:auto}.progress-bar-container{height:calc(var(--spacing,.25rem) * 2);background-color:var(--color-muted);border-radius:3.40282e38px;overflow:hidden}.progress-bar-fill{--tw-gradient-position:to right;border-radius:3.40282e38px;height:100%}@supports (background-image:linear-gradient(in lab,red,red)){.progress-bar-fill{--tw-gradient-position:to right in oklab}}.progress-bar-fill{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-primary);--tw-gradient-to:var(--color-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;transition-duration:.5s}.progress-text{margin-top:calc(var(--spacing,.25rem) * 1);text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-muted-foreground)}.traits-bar{width:100%;max-width:var(--container-2xl,42rem);gap:calc(var(--spacing,.25rem) * 3);padding:calc(var(--spacing,.25rem) * 4);grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:auto;display:grid}@media(min-width:48rem){.traits-bar{grid-template-columns:repeat(4,minmax(0,1fr))}}.trait-meter{gap:calc(var(--spacing,.25rem) * 1);flex-direction:column;display:flex}.trait-meter-label{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-muted-foreground);text-transform:capitalize}.trait-meter-track{height:calc(var(--spacing,.25rem) * 2);background-color:var(--color-muted);border-radius:3.40282e38px;overflow:hidden}.trait-meter-fill{--tw-gradient-position:to right;border-radius:3.40282e38px;height:100%}@supports (background-image:linear-gradient(in lab,red,red)){.trait-meter-fill{--tw-gradient-position:to right in oklab}}.trait-meter-fill{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-primary);--tw-gradient-to:var(--color-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}.personality-result-card{width:100%;max-width:var(--container-2xl,42rem);gap:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-card);padding:calc(var(--spacing,.25rem) * 6);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;margin-inline:auto;display:flex}.personality-result-card h2{text-align:center;font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-foreground)}.personality-result-card h3{margin-bottom:calc(var(--spacing,.25rem) * 3);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-foreground)}.personality-section{gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}.trait-list{gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex}.trait-item{align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.trait-name{width:calc(var(--spacing,.25rem) * 24);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-muted-foreground);text-transform:capitalize}.trait-bar{height:calc(var(--spacing,.25rem) * 3);background-color:var(--color-muted);border-radius:3.40282e38px;flex:1;overflow:hidden}.trait-fill{--tw-gradient-position:to right;border-radius:3.40282e38px;height:100%}@supports (background-image:linear-gradient(in lab,red,red)){.trait-fill{--tw-gradient-position:to right in oklab}}.trait-fill{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-primary);--tw-gradient-to:var(--color-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;transition-duration:.5s}.personality-summary{text-align:center;color:var(--color-muted-foreground)}.personality-summary strong{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-primary)}.recommendation-section{gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}.name-input{margin-top:calc(var(--spacing,.25rem) * 4);gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;display:flex}.name-input label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-muted-foreground)}.name-input input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-input);width:100%;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);color:var(--color-foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}.name-input input::placeholder{color:var(--color-muted-foreground)}.name-input input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring);--tw-outline-style:none;border-color:#0000;outline-style:none}.order-button{margin-top:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-xl,.75rem);background-color:var(--color-primary);width:100%;padding-block:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-primary-foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.order-button:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.order-button:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}}.order-button:active{scale:.98}.order-button:disabled{cursor:not-allowed;opacity:.5}.success-message{align-items:center;gap:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:#00bb7f4d;flex-direction:column;display:flex}@supports (color:color-mix(in lab,red,red)){.success-message{border-color:color-mix(in oklab,var(--color-emerald-500,oklch(69.6% .17 162.48)) 30%,transparent)}}.success-message{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.success-message{background-color:color-mix(in oklab,var(--color-emerald-500,oklch(69.6% .17 162.48)) 10%,transparent)}}.success-message{padding:calc(var(--spacing,.25rem) * 6)}.success-message p{text-align:center;color:var(--color-foreground)}.success-message strong{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));color:var(--color-emerald-400,oklch(76.5% .177 163.223))}.story-tree-error{align-items:center;gap:calc(var(--spacing,.25rem) * 4);padding:calc(var(--spacing,.25rem) * 8);text-align:center;flex-direction:column;display:flex}.story-tree-error p{color:var(--color-muted-foreground)}.story-tree-error button{border-radius:var(--radius-xl,.75rem);background-color:var(--color-primary);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 3);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-primary-foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.story-tree-error button:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.story-tree-error button:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.dotd-gradient-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;background-color:#1c2239;pointer-events:none}.dotd-gradient-ball{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:dotd-float-around 20s infinite ease-in-out}.dotd-gradient-ball--1{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:10%;left:-10%;animation-duration:25s;animation-delay:0s}.dotd-gradient-ball--2{width:350px;height:350px;background:linear-gradient(135deg,#f093fb,#f5576c);top:50%;right:-5%;animation-duration:30s;animation-delay:5s}.dotd-gradient-ball--3{width:300px;height:300px;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:20%;left:20%;animation-duration:22s;animation-delay:10s}.dotd-gradient-ball--4{width:250px;height:250px;background:linear-gradient(135deg,#43e97b,#38f9d7);top:30%;right:30%;animation-duration:28s;animation-delay:15s}@keyframes dotd-float-around{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(100px,-50px) rotate(90deg)}50%{transform:translate(-50px,100px) rotate(180deg)}75%{transform:translate(-100px,-30px) rotate(270deg)}}@media(max-width:768px){.dotd-gradient-ball{filter:blur(60px)}.dotd-gradient-ball--1{width:400px;height:400px}.dotd-gradient-ball--2{width:350px;height:350px}.dotd-gradient-ball--3{width:300px;height:300px}.dotd-gradient-ball--4{width:250px;height:250px}}:root{--dotd-primary: #6366f1;--dotd-primary-hover: #4f46e5;--dotd-secondary: #f59e0b;--dotd-background: #ffffff;--dotd-surface: #f8fafc;--dotd-text: #1e293b;--dotd-text-secondary: #64748b;--dotd-border: #e2e8f0;--dotd-error: #ef4444;--dotd-success: #22c55e;--dotd-warm: #f97316;--dotd-cool: #3b82f6;--dotd-neutral: #6b7280;--dotd-harmony: #22c55e;--dotd-contrast: #f59e0b;--dotd-primary-light: rgba(99, 102, 241, .1);--dotd-text-muted: #64748b;--dotd-spacing-xs: .25rem;--dotd-spacing-sm: .5rem;--dotd-spacing-md: 1rem;--dotd-spacing-lg: 1.5rem;--dotd-spacing-xl: 2rem;--dotd-spacing-2xl: 3rem;--dotd-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--dotd-font-size-xs: .75rem;--dotd-font-size-sm: .875rem;--dotd-font-size-md: 1rem;--dotd-font-size-lg: 1.125rem;--dotd-font-size-xl: 1.25rem;--dotd-font-size-2xl: 1.5rem;--dotd-font-size-3xl: 2rem;--dotd-radius-sm: .25rem;--dotd-radius-md: .5rem;--dotd-radius-lg: 1rem;--dotd-radius-full: 9999px;--dotd-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--dotd-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--dotd-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--dotd-transition-fast: .15s ease;--dotd-transition-normal: .25s ease;--dotd-transition-slow: .35s ease;--dotd-breakpoint-sm: 480px;--dotd-breakpoint-md: 768px;--dotd-breakpoint-lg: 1024px}.dotd-experience,.dotd-admin{font-family:var(--dotd-font-family);font-size:var(--dotd-font-size-md);color:var(--dotd-text);line-height:1.5;box-sizing:border-box;min-height:100vh;min-height:100dvh;overflow-y:auto}.dotd-experience *,.dotd-experience *:before,.dotd-experience *:after,.dotd-admin *,.dotd-admin *:before,.dotd-admin *:after{box-sizing:inherit}.dotd-container{width:100%;max-width:100%;min-height:100vh;min-height:100dvh;padding:var(--dotd-spacing-md);display:flex;flex-direction:column}@media(min-width:768px){.dotd-container{padding:var(--dotd-spacing-lg);max-width:100%;margin:0 auto}}@media(min-width:1024px){.dotd-container{padding:var(--dotd-spacing-xl);max-width:100%}}.dotd-step{display:flex;flex-direction:column;gap:var(--dotd-spacing-lg);padding-top:64px;padding-bottom:var(--dotd-spacing-2xl)}.dotd-title{font-size:var(--dotd-font-size-2xl);font-weight:700;margin:0 0 var(--dotd-spacing-sm)}.dotd-subtitle{font-size:var(--dotd-font-size-md);color:var(--dotd-text-secondary);margin:0}@media(min-width:768px){.dotd-title{font-size:var(--dotd-font-size-3xl)}.dotd-subtitle{font-size:var(--dotd-font-size-lg)}}.dotd-content{flex:1;display:flex;flex-direction:column;gap:var(--dotd-spacing-md)}.dotd-actions{display:flex;flex-direction:column;gap:var(--dotd-spacing-sm);margin-top:auto;padding-top:var(--dotd-spacing-lg)}@media(min-width:768px){.dotd-actions{flex-direction:row;justify-content:center;gap:var(--dotd-spacing-md)}}.dotd-text-center{text-align:center}.dotd-text-warm{color:var(--dotd-warm)}.dotd-text-cool{color:var(--dotd-cool)}.dotd-text-neutral{color:var(--dotd-neutral)}.dotd-bg-warm{background-color:var(--dotd-warm)}.dotd-bg-cool{background-color:var(--dotd-cool)}.dotd-bg-neutral{background-color:var(--dotd-neutral)}.dotd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dotd-spacing-md);min-height:200px}.dotd-error{color:var(--dotd-error);text-align:center;padding:var(--dotd-spacing-lg)}.dotd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dotd-header{position:fixed;top:0;left:0;right:0;height:64px;background-color:#141a2a;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dotd-header__logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dotd-header__logo-img{max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain}@media(max-width:480px){.dotd-header{position:fixed;top:0;left:0;right:0;height:56px;z-index:1000}.dotd-header__logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dotd-header__logo-img{max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain}}.dotd-landing-step{position:relative;width:100%;height:100vh;background-color:#1c2239;overflow:hidden;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}.dotd-landing-step__hero{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.dotd-landing-step__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.dotd-landing-step__background-img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.dotd-landing-step__decorative{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;padding:0;margin:0}.dotd-landing-step__decorative-item{position:absolute}@keyframes bounce-diagonal-1{0%,to{transform:translate(0) rotate(328.047deg)}25%{transform:translate(100px,80px) rotate(328.047deg)}50%{transform:translate(150px,-40px) rotate(328.047deg)}75%{transform:translate(50px,-120px) rotate(328.047deg)}}@keyframes bounce-diagonal-2{0%,to{transform:translate(0) rotate(180deg) scaleY(-1)}25%{transform:translate(-80px,120px) rotate(180deg) scaleY(-1)}50%{transform:translate(-120px,-60px) rotate(180deg) scaleY(-1)}75%{transform:translate(-40px,-140px) rotate(180deg) scaleY(-1)}}@keyframes bounce-diagonal-3{0%,to{transform:translate(0)}25%{transform:translate(-60px,100px)}50%{transform:translate(-100px,-80px)}75%{transform:translate(-30px,-160px)}}@keyframes bounce-diagonal-4{0%,to{transform:translate(0) rotate(13.003deg)}25%{transform:translate(80px,60px) rotate(13.003deg)}50%{transform:translate(120px,-100px) rotate(13.003deg)}75%{transform:translate(40px,-180px) rotate(13.003deg)}}.dotd-landing-step__decorative--accessories{top:275px;left:calc(50% + 177.32px);width:262px;height:80px;animation:bounce-diagonal-1 15s infinite ease-in-out}.dotd-landing-step__decorative--retro18{top:calc(50% - 305.5px);left:calc(50% - 356.5px);width:185px;height:191px;animation:bounce-diagonal-2 18s infinite ease-in-out}.dotd-landing-step__decorative--retro11{top:calc(50% + 580px);left:calc(50% - 356.5px);width:197px;height:206px;animation:bounce-diagonal-3 20s infinite ease-in-out}.dotd-landing-step__decorative--drink{top:calc(50% + 399.14px);left:calc(50% + 321.46px);width:200px;height:418px;animation:bounce-diagonal-4 22s infinite ease-in-out}.dotd-landing-step__content{position:relative;z-index:5;text-align:center;padding:0 20px;max-width:1024px;width:100%}.dotd-landing-step__hero-text{margin-bottom:60px}.dotd-landing-step__title{font-size:45px;font-weight:400;line-height:1.32;color:#fff;text-align:center;letter-spacing:3.6px;margin:0;padding:0}.dotd-landing-step__form{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%}.dotd-landing-step__form .dotd-input-wrapper{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center}.dotd-landing-step__input.dotd-input{background-color:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;height:80px;font-size:32px;text-align:center;border-radius:12px;transition:all .2s ease;width:100%}.dotd-landing-step__input.dotd-input::placeholder{color:#fff6}.dotd-landing-step__input.dotd-input:focus{border-color:#ffae00;background-color:#ffffff26;box-shadow:0 0 0 4px #ffae001a;outline:none}.dotd-landing-step__form .dotd-input__label{display:block;color:#fff;font-weight:500;font-size:24px;margin-bottom:16px;text-align:center;font-family:Alexandria,sans-serif;letter-spacing:1px;width:100%}.dotd-landing-step__form .dotd-input__container{width:100%;position:relative}.dotd-landing-step__form .dotd-input__error{display:block;color:#ef4444;font-size:16px;margin-top:8px;text-align:center;font-weight:500;width:100%}.dotd-landing-step__start-button{width:500px!important;height:100px!important;background-color:#ffae00!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:4px!important;font-size:40px!important;font-weight:600!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 4px 20px #ffae004d!important}.dotd-landing-step__start-button:hover:not(:disabled){background-color:#ff9500!important;box-shadow:0 6px 30px #ffae0066!important;transform:translateY(-2px)!important}.dotd-landing-step__start-button:active:not(:disabled){transform:translateY(0)!important;box-shadow:0 2px 10px #ffae004d!important}.dotd-landing-step__start-button:disabled{background-color:#666!important;border-color:#ffffff1a!important;cursor:not-allowed!important;box-shadow:none!important}@media(max-width:1024px){.dotd-landing-step__background{width:100%;max-width:1090px}}@media(max-width:768px){.dotd-landing-step__title{font-size:32px;letter-spacing:2.4px}.dotd-landing-step__start-button{width:100%!important;max-width:400px!important;height:80px!important;font-size:32px!important;padding:20px!important}.dotd-landing-step__hero-text{margin-bottom:40px}.dotd-landing-step__form{gap:30px}.dotd-landing-step__decorative{opacity:.3}.dotd-landing-step__decorative--accessories{width:150px;height:50px}.dotd-landing-step__decorative--retro18,.dotd-landing-step__decorative--retro11{width:120px;height:120px}.dotd-landing-step__decorative--drink{width:120px;height:250px}}@media(max-width:480px){.dotd-landing-step__header{top:8px;left:8px;right:8px;height:48px}.dotd-landing-step__logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dotd-landing-step__logo-img{max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain}.dotd-landing-step__title{font-size:24px;letter-spacing:1.8px;line-height:1.4}.dotd-landing-step__start-button{height:70px!important;font-size:28px!important;padding:16px!important}.dotd-landing-step__hero-text{margin-bottom:30px}.dotd-landing-step__content{padding:0 16px}}.dotd-selfie-step,.dotd-preview-step{position:relative;width:100%;height:100vh;background-color:#1c2239;overflow:hidden;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}.dotd-selfie-step__gradient-bg{display:none}@keyframes float-around{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(100px,-50px) rotate(90deg)}50%{transform:translate(-50px,100px) rotate(180deg)}75%{transform:translate(-100px,-30px) rotate(270deg)}}.dotd-selfie-step__camera-container{position:absolute;inset:64px 0 0;background-color:#000;border-radius:0;z-index:5;display:flex;flex-direction:column;overflow:hidden}.dotd-selfie-step__tip-box{position:absolute;top:32px;right:16px;width:254px;height:auto;font-size:20px;background-color:#d9d9d9;border-radius:4px;z-index:15;padding:12px;box-sizing:border-box}.dotd-selfie-step__tip-text{font-family:Inter,sans-serif;font-size:inherit;font-weight:400;line-height:1.4;color:#000;margin:0}.dotd-selfie-step__tip-text strong{font-weight:600;display:block;margin-bottom:4px}.dotd-selfie-step__face-guide{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;align-items:center;padding-top:15vh;overflow:hidden}.dotd-selfie-step__face-oval{width:450px;height:450px;border:4px dashed rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 9999px #00000080;margin-bottom:24px}.dotd-selfie-step__face-text{color:#fff;font-family:Poppins,sans-serif;font-size:20px;font-weight:500;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);background-color:#0000004d;padding:8px 16px;border-radius:20px}.dotd-selfie-step__camera-view{flex:1;position:relative;background-color:#000;display:flex;align-items:center;justify-content:center}.dotd-selfie-step__video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.dotd-selfie-step__take-photo-btn{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:515px;height:80px;background-color:#ffae00;border:1px solid rgba(255,255,255,.16);border-radius:4px;color:#fff;font-size:40px;font-weight:400;font-family:Poppins,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:15}.dotd-selfie-step__take-photo-btn:hover{background-color:#ff9500;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 30px #ffae0066}.dotd-selfie-step__take-photo-btn:active{transform:translate(-50%) translateY(0);box-shadow:0 2px 10px #ffae004d}.dotd-selfie-step__error{position:absolute;top:60px;left:50%;transform:translate(-50%);background-color:#ef4444e6;color:#fff;padding:12px 24px;border-radius:4px;z-index:20;font-size:14px;text-align:center}.dotd-selfie-step__analyzing-overlay{position:absolute;inset:0;background-color:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.dotd-selfie-step__analyzing-text{color:#fff;font-size:18px;margin-top:16px;font-family:Poppins,sans-serif}.dotd-selfie-step__loading-fullscreen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#1c2239;z-index:100}.dotd-selfie-step__preview-container{position:absolute;inset:64px 0 0;background-color:#000;border-radius:0;z-index:5;display:flex;flex-direction:column;overflow:hidden}.dotd-selfie-step__preview-image{flex:1;position:relative}.dotd-selfie-step__preview-image img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.dotd-selfie-step__selection-layout{position:absolute;inset:64px 0 0;display:flex;flex-direction:row;background-color:transparent;z-index:5}.dotd-selfie-step__image-preview{flex:1;position:relative;background-color:#000;overflow:hidden;border-radius:48px;margin:32px 16px 32px 32px;max-width:calc(50% - 48px)}.dotd-selfie-step__image-preview img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.dotd-selfie-step__controls{flex:1;display:flex;flex-direction:column;padding:32px 32px 32px 16px;align-items:center;justify-content:center;max-width:50%}.dotd-selfie-step__controls-panel{background-color:#1c2239f2;border-radius:48px;padding:40px;width:100%;max-width:489px;display:flex;flex-direction:column;gap:48px}.dotd-selfie-step__section{display:flex;flex-direction:column;align-items:center;gap:24px}.dotd-selfie-step__section-title{font-family:Poppins,sans-serif;font-size:25px;color:#fff;text-align:center;letter-spacing:2px;margin:0;font-weight:400}.dotd-selfie-step__subtitle-text{font-size:20px}.dotd-selfie-step__color-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:16px}.dotd-selfie-step__color-circle{width:80px;height:80px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}.dotd-selfie-step__color-circle:hover{transform:scale(1.1)}.dotd-selfie-step__color-circle--selected{box-shadow:0 0 0 4px #fff;transform:scale(1.1)}.dotd-selfie-step__gender-buttons{display:flex;flex-direction:column;gap:24px;width:100%;align-items:center}.dotd-selfie-step__gender-btn{width:100%;max-width:400px;height:80px;border:1px solid rgba(255,255,255,.16);color:#fff;font-family:Poppins,sans-serif;font-size:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.dotd-selfie-step__gender-btn--male{background-color:#51a9aa4d}.dotd-selfie-step__gender-btn--male.active,.dotd-selfie-step__gender-btn--male:hover{background-color:#51a9aa}.dotd-selfie-step__gender-btn--female{background-color:#ff797c4d}.dotd-selfie-step__gender-btn--female.active,.dotd-selfie-step__gender-btn--female:hover{background-color:#ff797c}.dotd-selfie-step__main-actions{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:48px;width:100%}.dotd-selfie-step__confirm-btn{width:515px;height:80px;background-color:#ffae00;border:1px solid rgba(255,255,255,.16);color:#fff;font-family:Poppins,sans-serif;font-size:45px;cursor:pointer;transition:all .2s ease}.dotd-selfie-step__confirm-btn:hover{background-color:#ff9500;transform:translateY(-2px)}.dotd-selfie-step__retake-btn{width:175px;height:57px;background-color:transparent;border:2px solid #ffffff;border-radius:49px;color:#fff;font-family:Alexandria,sans-serif;font-size:24px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 30px #ffede033}.dotd-selfie-step__retake-btn:hover{background-color:#ffffff1a;box-shadow:0 0 30px #ffede066}@media(max-width:1024px){.dotd-selfie-step__take-photo-btn{width:400px;height:70px;font-size:32px}.dotd-selfie-step__tip-box{width:200px;height:auto;font-size:16px}.dotd-selfie-step__image-preview{margin:16px 8px 16px 16px}.dotd-selfie-step__controls{padding:16px 16px 16px 8px}.dotd-selfie-step__controls-panel{padding:24px;gap:32px}.dotd-selfie-step__color-circle{width:60px;height:60px}.dotd-selfie-step__gender-btn{height:60px;font-size:28px}.dotd-selfie-step__confirm-btn{width:100%;max-width:400px;height:70px;font-size:32px}}@media(max-width:768px){.dotd-selfie-step__selection-layout{flex-direction:column;overflow-y:auto}.dotd-selfie-step__image-preview{flex:none;height:400px;width:calc(100% - 32px);max-width:100%;margin:16px;border-radius:24px}.dotd-selfie-step__controls{flex:none;max-width:100%;padding:0 16px 16px}.dotd-selfie-step__controls-panel{border-radius:24px;padding:24px;margin-bottom:24px}.dotd-selfie-step__take-photo-btn{width:100%;max-width:350px;height:60px;font-size:28px}.dotd-selfie-step__tip-box{width:180px;height:auto;font-size:14px;padding:8px}}@media(max-width:480px){.dotd-selfie-step__header{top:8px;left:8px;right:8px;height:48px}.dotd-selfie-step__camera-container,.dotd-selfie-step__preview-container{top:56px}.dotd-selfie-step__take-photo-btn{height:50px;font-size:24px}.dotd-selfie-step__tip-box{top:24px;right:8px;width:160px;height:auto;font-size:12px;padding:6px}.dotd-selfie-step__selection-layout{top:56px}.dotd-selfie-step__image-preview{height:350px;margin:16px;width:calc(100% - 32px)}.dotd-selfie-step__controls-panel{background-color:#1c2239f2;padding:20px;gap:32px}.dotd-selfie-step__section-title{font-size:20px}.dotd-selfie-step__color-circle{width:50px;height:50px}.dotd-selfie-step__gender-btn{height:60px;font-size:24px}.dotd-selfie-step__confirm-btn{width:100%;height:60px;font-size:24px}.dotd-selfie-step__retake-btn{width:140px;height:48px;font-size:18px}}.dotd-pose-step{position:relative;width:100%;height:100vh;background-color:#1c2239;overflow:hidden;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}.dotd-pose-step__content{position:relative;width:100%;height:100%;z-index:5;display:flex;flex-direction:column;align-items:center}.dotd-pose-step__header-text{margin-top:120px;margin-bottom:40px;text-align:center;z-index:10}.dotd-pose-step__title{font-size:40px;font-weight:400;letter-spacing:3.2px;color:#fff;margin:0;line-height:1.32;text-shadow:0 4px 10px rgba(0,0,0,.3)}.dotd-pose-step__grid{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.dotd-pose-step__grid--two-column{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.dotd-pose-step__grid-item{position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer;transition:all .3s ease}.dotd-pose-step__grid-item:hover .dotd-pose-step__image{transform:scale(1.05);filter:brightness(1.1)}.dotd-pose-step__grid-item--selected .dotd-pose-step__image{filter:brightness(1.2)}.dotd-pose-step__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .3s ease}.dotd-pose-step__overlay{position:absolute;bottom:15%;left:50%;transform:translate(-50%);z-index:10;width:100%;display:flex;justify-content:center}.dotd-pose-step__button{width:234px;height:65px;border-radius:20px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(90deg,#51a9aa,#e4ae3a,#95627b);color:#fff;font-family:Alexandria,sans-serif;font-size:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0003}.dotd-pose-step__button:hover{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}.dotd-pose-step__grid-item--selected .dotd-pose-step__button{border:2px solid #ffffff;box-shadow:0 0 0 4px #ffffff4d,0 8px 25px #0006}@media(max-width:768px){.dotd-pose-step__title{font-size:24px;letter-spacing:1.5px}.dotd-pose-step__header-text{margin-top:80px;margin-bottom:20px}.dotd-pose-step__grid{top:60px;height:calc(100% - 60px)}.dotd-pose-step__grid--two-column{top:0;height:100%}.dotd-pose-step__button{width:160px;height:50px;font-size:20px}}@media(max-width:480px){.dotd-pose-step__header-text{margin-top:70px;margin-bottom:16px;padding:0 16px}.dotd-pose-step__title{font-size:20px}.dotd-pose-step__grid--two-column{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.dotd-pose-step__image{object-position:center 20%}.dotd-pose-step__overlay{bottom:10%}}.dotd-drink-rec-step{position:relative;width:100%;height:100vh;background-color:#1c2239;overflow:hidden;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}.dotd-drink-rec-step__content{position:relative;width:100%;height:100%;z-index:5;display:flex;flex-direction:column;align-items:center;padding-top:120px}.dotd-drink-rec-step__title{font-family:Poppins,sans-serif;font-size:40px;color:#fff;text-align:center;letter-spacing:3.2px;margin:0 0 20px;text-shadow:0 4px 10px rgba(0,0,0,.3)}.dotd-drink-rec-step__toggles{display:flex;gap:20px;margin-bottom:30px;z-index:10}.dotd-drink-rec-step__toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:10px 24px;color:#fff;font-family:Alexandria,sans-serif;font-size:18px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dotd-drink-rec-step__toggle--active{background:#ffae00;border-color:#ffae00;box-shadow:0 0 15px #ffae0066}.dotd-drink-rec-step__card{position:relative;width:874px;max-width:90%;height:auto;min-height:700px;max-height:calc(100vh - 250px);background-color:#141a2a;border-radius:30px;overflow-y:auto;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;align-items:center;padding:40px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.dotd-drink-rec-step__card::-webkit-scrollbar{width:6px}.dotd-drink-rec-step__card::-webkit-scrollbar-track{background:transparent}.dotd-drink-rec-step__card::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.dotd-drink-rec-step__match-label{font-family:Alexandria,sans-serif;font-weight:600;font-size:24px;color:#fff;text-transform:uppercase;margin-bottom:20px;letter-spacing:1px}.dotd-drink-rec-step__image-container{position:relative;width:300px;height:400px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.dotd-drink-rec-step__drink-img{position:relative;z-index:2;max-width:80%;max-height:90%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4));transition:transform .3s ease}.dotd-drink-rec-step__drink-img:hover{transform:scale(1.05)}.dotd-drink-rec-step__name{font-family:Alexandria,sans-serif;font-weight:600;font-size:40px;color:#fff;text-align:center;line-height:1.2;margin:0 0 10px}.dotd-drink-rec-step__name-cn{font-family:Alexandria,Noto Sans JP,sans-serif;font-weight:600;font-size:24px;color:#fff;text-align:center;margin:0 0 30px;opacity:.9}.dotd-drink-rec-step__ingredients{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px}.dotd-drink-rec-step__ingredient{background-color:#58508d;border-radius:20px;padding:8px 24px;color:#ddd;font-family:Alexandria,sans-serif;font-weight:300;font-size:16px}.dotd-drink-rec-step__name-input-container{width:100%;max-width:504px;margin-bottom:30px}.dotd-drink-rec-step__name-input{width:100%;height:64px;background:#fff;border-radius:48px;border:none;padding:0 32px;font-family:Alexandria,sans-serif;font-size:18px;color:#333;text-align:center;outline:none;transition:box-shadow .3s ease}.dotd-drink-rec-step__name-input:focus{box-shadow:0 0 0 4px #ffae004d}.dotd-drink-rec-step__name-input::placeholder{color:#979797;font-weight:300}.dotd-drink-rec-step__order-btn{width:100%;max-width:515px;height:90px;background-color:#ffae00;border:1px solid rgba(255,255,255,.16);border-radius:4px;display:flex;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #ffae004d}.dotd-drink-rec-step__order-btn:hover:not(:disabled){background-color:#ff9500;transform:translateY(-2px)}.dotd-drink-rec-step__order-btn:disabled{background-color:#666;cursor:not-allowed;opacity:.7}.dotd-drink-rec-step__order-text{font-family:Poppins,sans-serif;font-weight:600;font-size:45px;color:#fff}.dotd-drink-rec-step__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}@media(max-width:1024px){.dotd-drink-rec-step__card{width:90%;padding:30px}.dotd-drink-rec-step__title{font-size:32px}}@media(max-width:768px){.dotd-drink-rec-step__content{padding-top:80px}.dotd-drink-rec-step__card{width:95%;padding:20px;height:auto;max-height:calc(100vh - 150px)}.dotd-drink-rec-step__name{font-size:28px}.dotd-drink-rec-step__name-cn{font-size:20px}.dotd-drink-rec-step__order-btn{height:70px}.dotd-drink-rec-step__order-text{font-size:32px}.dotd-drink-rec-step__image-container{width:200px;height:300px}}@media(max-width:480px){.dotd-drink-rec-step__content{padding-top:60px}.dotd-drink-rec-step__title{font-size:24px;margin-bottom:10px}.dotd-drink-rec-step__toggles{margin-bottom:20px}.dotd-drink-rec-step__toggle{font-size:14px;padding:8px 16px}.dotd-drink-rec-step__card{border-radius:20px;padding:16px;min-height:auto;max-height:calc(100vh - 120px)}.dotd-drink-rec-step__image-container{width:160px;height:220px;margin-bottom:20px}.dotd-drink-rec-step__name{font-size:24px}.dotd-drink-rec-step__name-cn{font-size:18px}.dotd-drink-rec-step__ingredient{font-size:14px;padding:6px 16px}.dotd-drink-rec-step__name-input{height:50px;font-size:16px}.dotd-drink-rec-step__order-btn{height:60px}.dotd-drink-rec-step__order-text{font-size:24px}}@media(max-height:700px){.dotd-drink-rec-step__card{min-height:auto;max-height:calc(100vh - 180px)}.dotd-drink-rec-step__image-container{width:200px;height:250px}}@media(max-height:600px){.dotd-drink-rec-step__content{padding-top:80px}.dotd-drink-rec-step__card{min-height:auto;max-height:calc(100vh - 140px);padding:20px}.dotd-drink-rec-step__image-container{width:180px;height:200px;margin-bottom:20px}.dotd-drink-rec-step__name{font-size:28px;margin-bottom:8px}.dotd-drink-rec-step__ingredients,.dotd-drink-rec-step__name-input-container{margin-bottom:20px}.dotd-drink-rec-step__name-input{height:50px}.dotd-drink-rec-step__order-btn{height:60px}.dotd-drink-rec-step__order-text{font-size:28px}}.dotd-generation-step{position:relative;width:100%;height:100vh;background-color:#1c2239;overflow-y:auto;overflow-x:hidden;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}.dotd-generation-step__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:20px;text-align:center}.dotd-generation-step__loading-title{font-family:Alexandria,sans-serif;font-weight:600;font-size:40px;color:#fff;margin:0 0 16px;letter-spacing:3.2px}.dotd-generation-step__loading-subtitle{font-family:Poppins,sans-serif;font-size:25px;color:#fff;margin:0 0 80px;letter-spacing:2px;line-height:1.32}.dotd-generation-step__dot-loader{display:flex;gap:16px;justify-content:center;align-items:center}.dotd-generation-step__dot{width:48px;height:48px;border-radius:50%;animation:dotd-bounce 1.4s infinite ease-in-out both}.dotd-generation-step__dot--purple{background-color:#6750a4;animation-delay:-.32s}.dotd-generation-step__dot--coral{background-color:#e46962;animation-delay:-.16s}.dotd-generation-step__dot--cyan{background-color:#00c0e8;animation-delay:0s}@keyframes dotd-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.dotd-generation-step__header{padding-top:120px;text-align:center;margin-bottom:40px}.dotd-generation-step__title{font-family:Alexandria,sans-serif;font-size:40px;color:#fff;margin:0 0 16px;text-shadow:0 4px 10px rgba(0,0,0,.3)}.dotd-generation-step__subtitle{font-size:20px;color:#ddd;margin:0;letter-spacing:1px}.dotd-generation-step__surprise-reveal{background:linear-gradient(135deg,#ffae00,#ff6b6b);padding:16px 32px;border-radius:50px;margin-bottom:32px;display:inline-flex;align-items:center;gap:12px;box-shadow:0 10px 20px #ff6b6b4d;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.dotd-generation-step__surprise-text{color:#fff;font-weight:600;font-size:18px}.dotd-generation-step__surprise-pose{background:#fff3;padding:4px 12px;border-radius:20px;color:#fff;font-weight:600}.dotd-generation-step__image-container{width:90%;max-width:600px;aspect-ratio:.9;margin:0 auto 40px;border-radius:4px;overflow:hidden;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);background:#000}.dotd-generation-step__image{width:100%;height:100%;object-fit:contain;cursor:pointer;transition:opacity .2s ease}.dotd-generation-step__image:hover{opacity:.9}.dotd-generation-step__drink-info{margin-bottom:40px;display:flex;justify-content:center}.dotd-generation-step__drink-header{display:flex;align-items:center;gap:20px;background:#ffffff0d;padding:20px 40px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.dotd-generation-step__drink-name{color:#fff;font-size:24px;margin:0 0 4px;font-family:Alexandria,sans-serif}.dotd-generation-step__drink-personality{color:#aaa;font-size:14px;margin:0;font-style:italic}.dotd-generation-step__order{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:40px}.dotd-generation-step__order-badge{background:#4ade80;color:#064e3b;padding:6px 16px;border-radius:20px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px}.dotd-generation-step__order-number{color:#fff;font-family:monospace;font-size:20px;opacity:.8}.dotd-generation-step__modal{position:fixed;inset:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.dotd-generation-step__modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.dotd-generation-step__modal-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #000c}.dotd-generation-step__modal-close{position:absolute;top:-40px;right:0;width:40px;height:40px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dotd-generation-step__modal-close:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.dotd-generation-step__actions{display:flex;justify-content:center;gap:20px;margin-bottom:60px;padding:0 20px;flex-wrap:wrap}.dotd-generation-step__actions .dotd-button{min-width:180px;height:56px;font-size:16px;font-weight:600;border-radius:8px;transition:all .2s ease}.dotd-generation-step__actions .dotd-button--primary{background-color:#ffae00;border:none;color:#fff}.dotd-generation-step__actions .dotd-button--primary:hover:not(:disabled){background-color:#ff9500;transform:translateY(-2px);box-shadow:0 4px 12px #ffae0066}.dotd-generation-step__actions .dotd-button--secondary{background-color:transparent;border:2px solid rgba(255,255,255,.3);color:#fff}.dotd-generation-step__actions .dotd-button--secondary:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.dotd-generation-step__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.dotd-generation-step__error-title{color:#ef4444;font-size:32px;margin-bottom:16px}.dotd-generation-step__error-message{color:#fff;font-size:18px;margin-bottom:40px;max-width:500px}.dotd-generation-step__error-actions{display:flex;gap:20px}@media(max-width:768px){.dotd-generation-step__loading-title{font-size:28px;padding:0 20px}.dotd-generation-step__loading-subtitle{font-size:18px;padding:0 20px;margin-bottom:60px}.dotd-generation-step__dot{width:36px;height:36px}.dotd-generation-step__title{font-size:28px;padding:0 20px}.dotd-generation-step__image-container{width:95%}.dotd-generation-step__actions{flex-direction:column;align-items:stretch;width:100%;max-width:300px;margin:0 auto 60px}.dotd-generation-step__actions .dotd-button{width:100%}.dotd-generation-step__modal-close{top:10px;right:10px}}@media(max-height:700px){.dotd-generation-step__header{padding-top:80px;margin-bottom:20px}.dotd-generation-step__image-container{max-width:400px;margin-bottom:20px}.dotd-generation-step__drink-info,.dotd-generation-step__order{margin-bottom:20px}.dotd-generation-step__actions{margin-bottom:40px}}@media(max-height:600px){.dotd-generation-step__header{padding-top:60px;margin-bottom:16px}.dotd-generation-step__title{font-size:28px}.dotd-generation-step__subtitle{font-size:16px}.dotd-generation-step__image-container{max-width:300px;margin-bottom:16px}.dotd-generation-step__drink-info{margin-bottom:16px}.dotd-generation-step__drink-header{padding:12px 24px}.dotd-generation-step__order{margin-bottom:16px}.dotd-generation-step__actions{margin-bottom:30px;gap:12px}.dotd-generation-step__actions .dotd-button{height:48px;font-size:14px;min-width:140px}}.dotd-admin{max-width:1200px;margin:0 auto;padding:var(--dotd-spacing-lg);background-color:var(--dotd-background);min-height:100vh}.dotd-admin__header{margin-bottom:var(--dotd-spacing-2xl);padding-bottom:var(--dotd-spacing-lg);border-bottom:1px solid var(--dotd-border)}.dotd-admin__title{font-size:var(--dotd-font-size-2xl);font-weight:700;margin:0 0 var(--dotd-spacing-sm);color:var(--dotd-text)}.dotd-admin__subtitle{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary);margin:0}.dotd-admin__message{display:flex;align-items:center;justify-content:space-between;padding:var(--dotd-spacing-md);border-radius:var(--dotd-radius-md);margin-bottom:var(--dotd-spacing-lg);font-size:var(--dotd-font-size-sm)}.dotd-admin__message--error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.dotd-admin__message--success{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.dotd-admin__message button{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.7;color:inherit}.dotd-admin__message button:hover{opacity:1}.dotd-admin__section{margin-bottom:var(--dotd-spacing-2xl)}.dotd-admin__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--dotd-spacing-lg);flex-wrap:wrap;gap:var(--dotd-spacing-md)}.dotd-admin__section-title{font-size:var(--dotd-font-size-xl);font-weight:600;margin:0;color:var(--dotd-text)}.dotd-admin__loading{display:flex;justify-content:center;padding:var(--dotd-spacing-2xl)}.dotd-admin__empty{text-align:center;padding:var(--dotd-spacing-2xl);color:var(--dotd-text-secondary)}.dotd-admin__empty p{margin:0 0 var(--dotd-spacing-sm)}.dotd-admin__config-card{padding:var(--dotd-spacing-lg)}.dotd-admin__config-row{margin-bottom:var(--dotd-spacing-lg)}.dotd-admin__config-row:last-child{margin-bottom:0}.dotd-admin__config-label{display:flex;align-items:center;justify-content:space-between;gap:var(--dotd-spacing-md)}.dotd-admin__config-label span{font-weight:500}.dotd-admin__config-actions{display:flex;gap:var(--dotd-spacing-md);margin-top:var(--dotd-spacing-lg);padding-top:var(--dotd-spacing-lg);border-top:1px solid var(--dotd-border)}.dotd-admin__toggle{position:relative;width:48px;height:28px;background-color:var(--dotd-border);border:none;border-radius:14px;cursor:pointer;transition:background-color var(--dotd-transition-fast)}.dotd-admin__toggle--on{background-color:var(--dotd-primary)}.dotd-admin__toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;background-color:#fff;border-radius:50%;transition:transform var(--dotd-transition-fast);box-shadow:0 1px 3px #0003}.dotd-admin__toggle--on .dotd-admin__toggle-thumb{transform:translate(20px)}.dotd-admin__select{padding:var(--dotd-spacing-sm) var(--dotd-spacing-md);font-size:var(--dotd-font-size-md);border:1px solid var(--dotd-border);border-radius:var(--dotd-radius-md);background-color:#fff;min-width:150px;cursor:pointer}.dotd-admin__select:focus{outline:none;border-color:var(--dotd-primary);box-shadow:0 0 0 2px var(--dotd-primary-light)}.dotd-admin__table-container{overflow-x:auto;border:1px solid var(--dotd-border);border-radius:var(--dotd-radius-lg)}.dotd-admin__table{width:100%;border-collapse:collapse;font-size:var(--dotd-font-size-sm)}.dotd-admin__table th,.dotd-admin__table td{padding:var(--dotd-spacing-md);text-align:left;border-bottom:1px solid var(--dotd-border)}.dotd-admin__table th{background-color:var(--dotd-surface);font-weight:600;white-space:nowrap}.dotd-admin__table tbody tr:last-child td{border-bottom:none}.dotd-admin__table tbody tr:hover{background-color:var(--dotd-surface)}.dotd-admin__table-name{font-weight:500;white-space:nowrap}.dotd-admin__table-personality{max-width:200px;font-style:italic;color:var(--dotd-text-secondary)}.dotd-admin__color-cell{display:flex;align-items:center;gap:var(--dotd-spacing-sm)}.dotd-admin__color-value{font-family:monospace;font-size:var(--dotd-font-size-xs);color:var(--dotd-text-secondary)}.dotd-admin__family-badge{display:inline-block;padding:2px 8px;font-size:var(--dotd-font-size-xs);font-weight:500;border-radius:var(--dotd-radius-full);text-transform:capitalize}.dotd-admin__family-badge--warm{background-color:#fef3c7;color:#d97706}.dotd-admin__family-badge--cool{background-color:#dbeafe;color:#2563eb}.dotd-admin__family-badge--neutral{background-color:#f3f4f6;color:#6b7280}.dotd-admin__status-badge{display:inline-block;padding:2px 8px;font-size:var(--dotd-font-size-xs);font-weight:500;border-radius:var(--dotd-radius-full)}.dotd-admin__status-badge--auto{background-color:#dbeafe;color:#2563eb}.dotd-admin__status-badge--override{background-color:#fef3c7;color:#d97706}.dotd-admin__modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--dotd-spacing-lg);z-index:1000}.dotd-admin__modal{background-color:#fff;border-radius:var(--dotd-radius-lg);padding:var(--dotd-spacing-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.dotd-admin__modal-title{font-size:var(--dotd-font-size-xl);font-weight:600;margin:0 0 var(--dotd-spacing-lg)}.dotd-admin__modal-form{display:flex;flex-direction:column;gap:var(--dotd-spacing-lg)}.dotd-admin__modal-actions{display:flex;gap:var(--dotd-spacing-md);margin-top:var(--dotd-spacing-xl);justify-content:flex-end}.dotd-admin__form-group{display:flex;flex-direction:column;gap:var(--dotd-spacing-sm)}.dotd-admin__form-group label{font-weight:500;font-size:var(--dotd-font-size-sm)}.dotd-admin__color-input{display:flex;gap:var(--dotd-spacing-sm);align-items:center}.dotd-admin__color-input input[type=color]{width:48px;height:40px;padding:0;border:1px solid var(--dotd-border);border-radius:var(--dotd-radius-md);cursor:pointer}.dotd-admin__textarea{width:100%;padding:var(--dotd-spacing-md);font-size:var(--dotd-font-size-sm);font-family:monospace;border:1px solid var(--dotd-border);border-radius:var(--dotd-radius-md);resize:vertical;min-height:120px}.dotd-admin__textarea:focus{outline:none;border-color:var(--dotd-primary);box-shadow:0 0 0 2px var(--dotd-primary-light)}.dotd-admin__prompt-card{padding:var(--dotd-spacing-lg)}.dotd-admin__prompt-description{color:var(--dotd-text-secondary);margin:0 0 var(--dotd-spacing-lg)}.dotd-admin__prompt-variables{background-color:var(--dotd-surface);padding:var(--dotd-spacing-md);border-radius:var(--dotd-radius-md);margin-bottom:var(--dotd-spacing-lg);font-size:var(--dotd-font-size-sm)}.dotd-admin__prompt-variables strong{display:block;margin-bottom:var(--dotd-spacing-sm)}.dotd-admin__prompt-variables ul{margin:0;padding-left:var(--dotd-spacing-lg)}.dotd-admin__prompt-variables li{margin-bottom:var(--dotd-spacing-xs)}.dotd-admin__prompt-variables code{background-color:#fff;padding:2px 6px;border-radius:var(--dotd-radius-sm);font-size:var(--dotd-font-size-xs);border:1px solid var(--dotd-border)}.dotd-admin__prompt-preview{background-color:var(--dotd-surface);padding:var(--dotd-spacing-md);border-radius:var(--dotd-radius-md);margin-top:var(--dotd-spacing-lg);font-size:var(--dotd-font-size-sm)}.dotd-admin__prompt-preview strong{display:block;margin-bottom:var(--dotd-spacing-sm)}.dotd-admin__prompt-preview-text{margin:0;font-style:italic;color:var(--dotd-text-secondary);line-height:1.5}@media(max-width:768px){.dotd-admin{padding:var(--dotd-spacing-md)}.dotd-admin__section-header{flex-direction:column;align-items:stretch}.dotd-admin__config-label{flex-direction:column;align-items:flex-start;gap:var(--dotd-spacing-sm)}.dotd-admin__table{font-size:var(--dotd-font-size-xs)}.dotd-admin__table th,.dotd-admin__table td{padding:var(--dotd-spacing-sm)}.dotd-admin__table-personality{display:none}.dotd-admin__modal{padding:var(--dotd-spacing-lg)}.dotd-admin__config-actions{flex-direction:column}}@keyframes fluid-background{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mirako-root{height:100%;width:100%;background:linear-gradient(270deg,#0a192f,#112240,#0a192f);background-size:200% 200%;color:#e5e7eb;position:relative;overflow:hidden;animation:fluid-background 15s ease infinite}.mirako-shell{width:100%;max-width:1080px;margin:0 auto}.mirako-header{display:flex;justify-content:center;align-items:center;gap:24px;padding-top:28px;padding-bottom:18px}.mirako-header-logo{height:50px;object-fit:contain}.mirako-header-logo.xoxo{height:62px;width:165px}.mirako-header-logo.mirako{height:50px}.mirako-stage{width:951px;max-width:calc(100% - 128px);margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:0 16px 30px #00000059;border:1px solid rgba(0,0,0,.35);background:#111827}.mirako-stage iframe{width:100%;height:calc(100vh - 280px);min-height:600px;max-height:1083px;border:0;display:block}.mirako-bottom{width:969px;max-width:calc(100% - 110px);margin:16px auto 0}.mirako-catalogue{height:135px;background:#024059;border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mirako-catalogue-chevron{width:48px;height:48px;border:0;background:transparent;color:#b3b3b3;font-size:28px;cursor:pointer}.mirako-catalogue-items{flex:1;height:100%;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden}.mirako-catalogue-item{width:94px;height:94px;border-radius:10px;border:1px solid rgba(148,163,184,.22);background:#00000026;display:flex;align-items:center;justify-content:center;cursor:pointer}.mirako-catalogue-item img{width:100%;height:100%;object-fit:contain}.mirako-catalogue-itemSelected{border-color:#27d0c6;box-shadow:0 10px 20px #00000040}.mirako-recommend-card{height:135px;background:#024059;border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mirako-recommend-left{display:flex;align-items:center;gap:12px;min-width:0}.mirako-recommend-icon{width:94px;height:94px;border-radius:10px;border:1px solid rgba(148,163,184,.22);background:#00000026;display:flex;align-items:center;justify-content:center;overflow:hidden}.mirako-recommend-icon img{width:100%;height:100%;object-fit:cover}.mirako-drink-title{display:flex;flex-direction:column;gap:4px;min-width:0}.mirako-brand-mini{font-size:10px;letter-spacing:.12em;opacity:.8}.mirako-drink-name-en{font-size:28px;font-weight:800;line-height:1.05;color:#fff;font-family:Righteous,system-ui,-apple-system,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.mirako-drink-name-zh{font-size:13px;font-weight:600;color:#ffffffe6;font-family:Alexandria,system-ui,-apple-system,sans-serif}.mirako-pill-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.mirako-pill{background:#023e74;padding:8px 12px;border-radius:8px;font-size:12px;color:#fff;font-weight:700;text-transform:uppercase;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mirako-order-displayId{text-align:center;color:#fff;font-size:36px;font-weight:800;font-family:Righteous,system-ui,-apple-system,sans-serif;margin-top:8px;margin-bottom:8px}.mirako-radarWrap{display:flex;justify-content:center;margin-top:10px}.mirako-controls{height:80px;background:#024059;border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.mirako-control-btn{width:48px;height:48px;border:0;background:#ffffff1a;color:#ffffffe6;font-size:24px;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mirako-control-btn:hover{background:#fff3;color:#fff;transform:scale(1.05)}.mirako-control-btn:active{transform:scale(.95)}.mirako-powered-by{flex:1;text-align:center;font-size:14px;color:#fff9;letter-spacing:.5px}.mirako-powered-by strong{color:#ffffffe6;font-weight:700}.mirako-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mirako-modal-content{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:32px;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.mirako-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;background:#ffffff1a;color:#fffc;font-size:24px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mirako-modal-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}.mirako-modal-header{display:flex;gap:20px;margin-bottom:24px;align-items:flex-start}.mirako-modal-image{width:120px;height:120px;border-radius:16px;overflow:hidden;flex-shrink:0;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.mirako-modal-image img{width:100%;height:100%;object-fit:cover}.mirako-modal-image-placeholder{font-size:48px}.mirako-modal-title{flex:1;padding-top:8px}.mirako-modal-title h2{margin:8px 0;font-size:28px;font-weight:700;color:#fff;line-height:1.2}.mirako-modal-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.mirako-modal-radar{margin-bottom:24px}.mirako-modal-radar h3{font-size:18px;font-weight:600;color:#ffffffe6;margin-bottom:16px;text-align:center}.mirako-modal-hint{text-align:center;padding:16px;background:#f973161a;border:2px dashed rgba(249,115,22,.3);border-radius:12px;color:#fffc;font-size:16px;line-height:1.5}.mirako-order-modal{max-width:400px;text-align:center;padding:40px 32px}.mirako-order-success-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;font-weight:700;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.mirako-order-success-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 16px}.mirako-order-modal .mirako-order-displayId{font-size:36px;font-weight:700;color:#10b981;margin-bottom:12px;letter-spacing:1px}.mirako-order-success-subtitle{font-size:16px;color:#ffffffb3}@media(max-width:768px){.mirako-controls{height:70px;padding:12px 16px;gap:12px}.mirako-control-btn{width:44px;height:44px;font-size:22px}.mirako-powered-by{font-size:13px}}@media(max-width:480px){.mirako-controls{height:60px;padding:10px 12px;gap:8px}.mirako-control-btn{width:40px;height:40px;font-size:20px}.mirako-powered-by{font-size:11px}}@media(max-height:600px){.mirako-controls{height:60px;padding:8px 12px}.mirako-control-btn{width:36px;height:36px;font-size:18px}.mirako-powered-by{font-size:10px}}@media(max-width:768px){.mirako-modal-content{padding:24px;max-height:85vh}.mirako-modal-header{flex-direction:column;align-items:center;text-align:center}.mirako-modal-image{width:100px;height:100px}.mirako-modal-title h2{font-size:24px}.mirako-order-modal{padding:32px 24px}.mirako-order-success-icon{width:70px;height:70px;font-size:42px}.mirako-order-success-title{font-size:28px}.mirako-order-modal .mirako-order-displayId{font-size:32px}}@media(max-width:480px){.mirako-modal-overlay{padding:12px}.mirako-modal-content{padding:20px;border-radius:16px}.mirako-modal-close{width:36px;height:36px;font-size:20px;top:12px;right:12px}.mirako-modal-image{width:80px;height:80px}.mirako-modal-title h2{font-size:20px}.mirako-modal-hint{padding:14px;font-size:14px}.mirako-order-modal{padding:28px 20px}.mirako-order-success-icon{width:60px;height:60px;font-size:36px}.mirako-order-success-title{font-size:24px}.mirako-order-modal .mirako-order-displayId{font-size:28px}.mirako-order-success-subtitle{font-size:14px}}@media(max-height:700px){.mirako-modal-content{padding:20px;max-height:80vh}.mirako-modal-image{width:80px;height:80px}.mirako-modal-title h2{font-size:22px}}