@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";._loginContainer_1hy36_3{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);background-attachment:fixed;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px;box-sizing:border-box;position:relative;overflow:hidden}._loginContainer_1hy36_3: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}._loginBox_1hy36_33{background:linear-gradient(180deg,#111827e6,#111827cc);border:1px solid rgba(55,65,81,.7);border-radius:16px;padding:48px;max-width:420px;margin:0 auto;position:relative;z-index:1;animation:_slideInUp_1hy36_1 .6s ease-out;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}@keyframes _slideInUp_1hy36_1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}._loginBox_1hy36_33 h1{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_1hy36_1 3s ease-in-out infinite;letter-spacing:-.02em;text-align:center}@keyframes _gradientShift_1hy36_1{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}._logoContainer_1hy36_80{width:160px;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto 20px}._companyLogo_1hy36_90{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}._inputGroup_1hy36_100{margin-bottom:24px;text-align:left}._inputField_1hy36_105{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-sizing:border-box;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:inset 0 2px 4px #0000001a}._inputField_1hy36_105: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)}._inputField_1hy36_105::placeholder{color:#94a3b8;font-weight:400}._loginButton_1hy36_137{width:100%;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f64d}._loginButton_1hy36_137: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}._loginButton_1hy36_137:hover{transform:translateY(-3px);box-shadow:0 12px 25px #3b82f666;background:linear-gradient(135deg,#2563eb,#7c3aed)}._loginButton_1hy36_137:hover:before{left:100%}._loginButton_1hy36_137:active{transform:translateY(0)}._error_1hy36_178{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:16px;border-radius:12px;margin-bottom:24px;text-align:center;font-weight:500;backdrop-filter:blur(10px)}@media(max-width:768px){._loginContainer_1hy36_3{padding:16px}._loginBox_1hy36_33{padding:32px 24px;max-width:100%}._logoContainer_1hy36_80{width:120px;height:45px;margin-bottom:16px}._loginBox_1hy36_33 h1{font-size:2.2rem;margin-bottom:20px}}@media(max-height:600px)and (orientation:landscape){._loginContainer_1hy36_3{padding:16px}._loginBox_1hy36_33{padding:24px 32px;max-width:500px}._logoContainer_1hy36_80{width:120px;height:40px;margin-bottom:12px}._loginBox_1hy36_33 h1{font-size:2rem;margin-bottom:16px}._inputGroup_1hy36_100{margin-bottom:16px}._inputField_1hy36_105{padding:12px 16px}._loginButton_1hy36_137{padding:12px 20px}}@media(min-width:1920px){._loginBox_1hy36_33{max-width:480px;padding:56px}._logoContainer_1hy36_80{width:200px;height:75px;margin-bottom:24px}._loginBox_1hy36_33 h1{font-size:3rem}}._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)}}._container_1kdz2_1{min-height:100vh;max-height:100vh;overflow-y:auto;background:linear-gradient(135deg,#0f172a,#1e293b);padding:24px;box-sizing:border-box;position:relative;scrollbar-width:thin;scrollbar-color:#374151 #1f2937}._container_1kdz2_1::-webkit-scrollbar{width:8px}._container_1kdz2_1::-webkit-scrollbar-track{background:#1f2937}._container_1kdz2_1::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}._container_1kdz2_1::-webkit-scrollbar-thumb:hover{background:#4b5563}._container_1kdz2_1:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 25% 25%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}._container_1kdz2_1>*{position:relative;z-index:1}._container_1kdz2_1 h1{font-size:2.5rem;font-weight:700;color:#f8fafc;margin:0 0 32px;text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg,#f8fafc,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._header_1kdz2_62{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}._button_1kdz2_71{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:12px 20px;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}._button_1kdz2_71: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}._button_1kdz2_71:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #3b82f666}._button_1kdz2_71:hover:before{left:100%}._instancesSection_1kdz2_106{margin-top:2rem;margin-bottom:2rem}._instancesSection_1kdz2_106 h2{color:#f8fafc;font-size:1.5rem;font-weight:600;margin-bottom:16px}._instancesTable_1kdz2_118{width:100%;border-collapse:collapse;margin-top:1rem;border-radius:12px;overflow:hidden;background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}._instancesTable_1kdz2_118 th,._instancesTable_1kdz2_118 td{border:1px solid rgba(255,255,255,.1);padding:12px 16px;text-align:left;color:#e2e8f0}._instancesTable_1kdz2_118 th{background:#0000004d;color:#f8fafc;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}._instanceRow_1kdz2_146{cursor:pointer;transition:background-color .2s ease}._instanceRow_1kdz2_146:hover{background:#ffffff1a}._shopList_1kdz2_155{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:2rem}._shopItem_1kdz2_162{padding:24px;background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:center;font-size:1.2rem;font-weight:600;color:#f8fafc;position:relative;overflow:hidden}._shopItem_1kdz2_162: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}._shopItem_1kdz2_162:hover{transform:translateY(-4px);box-shadow:0 10px 30px -5px #0000004d;border-color:#3b82f680}._shopItem_1kdz2_162:hover:before{left:100%}._backButton_1kdz2_199{background:#ffffff1a;backdrop-filter:blur(20px);color:#e2e8f0;padding:12px 20px;border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;margin-bottom:2rem;align-self:flex-start;font-weight:600;transition:all .3s ease}._backButton_1kdz2_199:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}._clickableCell_1kdz2_219{cursor:pointer;transition:background-color .2s ease}._clickableCell_1kdz2_219:hover{background:#ffffff1a}._deleteButton_1kdz2_228{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}._deleteButton_1kdz2_228:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}._panel_1kdz2_246{background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px}._panel_1kdz2_246 h2{color:#f8fafc;font-size:1.3rem;font-weight:600;margin:0 0 16px}._controls_1kdz2_262{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}._controls_1kdz2_262 h2{color:#f8fafc;font-size:1.3rem;font-weight:600;margin:0 0 16px}._input_1kdz2_276,._dropdown_1kdz2_277{padding:12px 16px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#f8fafc;font-size:1rem;transition:all .3s ease}._input_1kdz2_276:focus,._dropdown_1kdz2_277:focus{outline:none;border-color:#3b82f6;background:#ffffff26;box-shadow:0 0 0 3px #3b82f61a}._input_1kdz2_276::placeholder{color:#94a3b8}._orderDefaultsReference_1kdz2_299{font-size:.95rem;color:#e2e8f0}span[style*="color: red"]{color:#fca5a5!important}span[style*="color: green"]{color:#86efac!important}@media(max-width:768px){._container_1kdz2_1{padding:16px}._container_1kdz2_1 h1{font-size:2rem}._shopList_1kdz2_155{grid-template-columns:1fr}._shopItem_1kdz2_162{padding:20px;font-size:1.1rem}._instancesTable_1kdz2_118{font-size:.9rem}._instancesTable_1kdz2_118 th,._instancesTable_1kdz2_118 td{padding:8px 12px}}._container_r2yko_2{min-height:100vh;max-height:100vh;overflow-y:auto;background:linear-gradient(135deg,#0f172a,#1e293b);padding:32px 40px;margin:20px;border-radius:16px;box-sizing:border-box;position:relative;scrollbar-width:thin;scrollbar-color:#374151 #1f2937}._container_r2yko_2::-webkit-scrollbar{width:8px}._container_r2yko_2::-webkit-scrollbar-track{background:#1f2937}._container_r2yko_2::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}._container_r2yko_2::-webkit-scrollbar-thumb:hover{background:#4b5563}._container_r2yko_2:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 25% 25%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}._container_r2yko_2>*{position:relative;z-index:1}._container_r2yko_2 h1{font-size:2.5rem;font-weight:700;color:#f8fafc;margin:0 0 32px;text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg,#f8fafc,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._panel_r2yko_65{background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px;transition:all .3s ease}._panel_r2yko_65:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px -8px #0000004d}._panel_r2yko_65 h2{color:#f8fafc;font-size:1.5rem;font-weight:600;margin:0 0 16px;letter-spacing:-.01em}._button_r2yko_89{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:12px 24px;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}._button_r2yko_89: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}._button_r2yko_89:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #3b82f666}._button_r2yko_89:hover:before{left:100%}._backButton_r2yko_124{background:#ffffff1a;backdrop-filter:blur(20px);color:#e2e8f0;padding:12px 20px;border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;margin-bottom:2rem;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}._backButton_r2yko_124:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}._controls_r2yko_147{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:24px}._controls_r2yko_147 h2{color:#f8fafc;font-size:1.3rem;font-weight:600;margin:0 0 20px}._orderDefaultsReference_r2yko_162{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:20px;padding:16px;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.1)}._orderDefaultsReference_r2yko_162 label{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-weight:500;font-size:.95rem}._input_r2yko_183{padding:8px 12px;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#f8fafc;font-size:.9rem;transition:all .3s ease;min-width:80px}._input_r2yko_183:focus{outline:none;border-color:#3b82f6;background:#ffffff26;box-shadow:0 0 0 3px #3b82f61a}._dropdown_r2yko_201{padding:8px 12px;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#f8fafc;font-size:.9rem;transition:all .3s ease;min-width:120px}._dropdown_r2yko_201:focus{outline:none;border-color:#3b82f6;background:#ffffff26;box-shadow:0 0 0 3px #3b82f61a}._dropdown_r2yko_201 option{background:#1e293b;color:#f8fafc}._instancesSection_r2yko_224{margin-top:2rem;margin-bottom:2rem}._instancesSection_r2yko_224 h2{color:#f8fafc;font-size:1.5rem;font-weight:600;margin-bottom:20px}._instancesSection_r2yko_224 p{color:#94a3b8;font-size:1.1rem;text-align:center;padding:40px 20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}._instancesTable_r2yko_246{width:100%;border-collapse:collapse;margin-top:1rem;border-radius:12px;overflow:hidden;background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}._instancesTable_r2yko_246 th,._instancesTable_r2yko_246 td{border:1px solid rgba(255,255,255,.1);padding:12px 16px;text-align:left;color:#e2e8f0}._instancesTable_r2yko_246 th{background:#0000004d;color:#f8fafc;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}._clickableCell_r2yko_274{cursor:pointer;transition:background-color .2s ease}._clickableCell_r2yko_274:hover{background:#ffffff1a}._deleteButton_r2yko_283{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}._deleteButton_r2yko_283:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}._controls_r2yko_147 input[type=text],._controls_r2yko_147 select{padding:12px 16px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#f8fafc;font-size:1rem;transition:all .3s ease;margin:8px 0;width:100%;max-width:300px}._controls_r2yko_147 input[type=text]:focus,._controls_r2yko_147 select:focus{outline:none;border-color:#3b82f6;background:#ffffff26;box-shadow:0 0 0 3px #3b82f61a}._controls_r2yko_147 input[type=text]::placeholder{color:#94a3b8}._controls_r2yko_147 select option{background:#1e293b;color:#f8fafc}span[style*="color: red"]{color:#fca5a5!important;font-weight:500}span[style*="color: green"]{color:#86efac!important;font-weight:500}span[style*="color: #666"]{color:#94a3b8!important}span[style*="color: #a00"]{color:#fca5a5!important}._deleteAllButton_r2yko_352{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:24px;display:block;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}._deleteAllButton_r2yko_352: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}._deleteAllButton_r2yko_352:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #dc262666}._deleteAllButton_r2yko_352:hover:before{left:100%}._launchKioskButton_r2yko_390{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-top:16px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);min-width:160px}._launchKioskButton_r2yko_390: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}._launchKioskButton_r2yko_390:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #10b98166}._launchKioskButton_r2yko_390:hover:before{left:100%}._launchKioskButton_r2yko_390:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;transform:none;box-shadow:none}button[style*="background: #c00"]{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:12px 20px!important;font-weight:600!important;transition:all .3s ease!important}button[style*="background: #c00"]:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px -8px #dc262666!important}@media(max-width:768px){._container_r2yko_2{padding:16px}._container_r2yko_2 h1{font-size:2rem}._panel_r2yko_65,._controls_r2yko_147{padding:20px}._orderDefaultsReference_r2yko_162{flex-direction:column;align-items:flex-start;gap:12px}._orderDefaultsReference_r2yko_162 label{width:100%;justify-content:space-between}._instancesTable_r2yko_246{font-size:.9rem}._instancesTable_r2yko_246 th,._instancesTable_r2yko_246 td{padding:8px 12px}._controls_r2yko_147 input[type=text],._controls_r2yko_147 select{max-width:100%}}@media(max-height:600px)and (orientation:landscape){._container_r2yko_2{padding:16px}._container_r2yko_2 h1{font-size:1.8rem;margin-bottom:20px}._panel_r2yko_65{padding:16px;margin-bottom:16px}._controls_r2yko_147{padding:16px}}: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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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}._page_xykqo_8{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_xykqo_1 16s ease-in-out infinite alternate}@keyframes _floatBg_xykqo_1{0%{background-position:0 0,0 0,0 0}to{background-position:30px 20px,-40px 30px,0 0}}._card_xykqo_27{position:relative;padding:2rem;border-radius:16px;background:#0b0f14;border:1px solid #1f2937;box-shadow:0 20px 60px #00000059,0 8px 24px #00000047}._logoRow_xykqo_36{display:flex;justify-content:center;align-items:center;margin-bottom:.75rem}._logo_xykqo_36{max-height:44px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(26,27,58,.15))}._iconWrap_xykqo_49{width:72px;height:72px;margin:0 auto 1rem;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff6ea859,#27d0c659);box-shadow:inset 0 0 14px #ffffff73}._cocktailIcon_xykqo_60{filter:drop-shadow(0 4px 10px rgba(255,110,168,.35))}._title_xykqo_64{color:#e5e7eb;letter-spacing:.2px}._subtitle_xykqo_66,._note_xykqo_68{color:#9ca3af}._primary_xykqo_71{position:relative;overflow:hidden}._primary_xykqo_71: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_xykqo_1 2.8s ease-in-out infinite}@keyframes _shimmer_xykqo_1{0%{left:-150%}to{left:150%}}._adminPage_1wows_2{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:24px;box-sizing:border-box;position:relative;overflow-x:hidden}._adminPage_1wows_2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}._header_1wows_24{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;position:relative;z-index:1;flex-wrap:wrap;gap:16px}._header_1wows_24 h1{font-size:2.5rem;font-weight:700;color:#f8fafc;margin:0;letter-spacing:-.02em;background:linear-gradient(135deg,#f8fafc,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._backButton_1wows_47{background:#ffffff1a;backdrop-filter:blur(20px);color:#e2e8f0;border:2px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}._backButton_1wows_47: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}._backButton_1wows_47:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px -8px #0000004d}._backButton_1wows_47:hover:before{left:100%}._backButton_1wows_47:active{transform:translateY(0)}._loading_1wows_92{display:flex;align-items:center;justify-content:center;min-height:200px;color:#94a3b8;font-size:1.1rem;font-weight:500;position:relative}._loading_1wows_92:after{content:"";width:24px;height:24px;border:3px solid rgba(148,163,184,.3);border-top:3px solid #3b82f6;border-radius:50%;animation:_spin_1wows_1 1s linear infinite;margin-left:12px}@keyframes _spin_1wows_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._error_1wows_119{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-weight:500;backdrop-filter:blur(10px);position:relative;z-index:1}._success_1wows_132{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-weight:500;backdrop-filter:blur(10px);position:relative;z-index:1}._noAdminPage_1wows_145{background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:48px 32px;text-align:center;position:relative;z-index:1;max-width:600px;margin:0 auto}._noAdminPage_1wows_145 h2{font-size:2rem;font-weight:700;color:#f8fafc;margin:0 0 16px;letter-spacing:-.02em}._noAdminPage_1wows_145 p{color:#94a3b8;font-size:1.1rem;line-height:1.6;margin:0 0 24px}._noAdminPage_1wows_145 p:last-of-type{margin-bottom:32px}._container_1wows_177{position:relative;z-index:1;max-width:1400px;margin:0 auto}._button_1wows_184{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}._button_1wows_184: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}._button_1wows_184:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #3b82f666}._button_1wows_184:hover:before{left:100%}._button_1wows_184:active{transform:translateY(0)}@media(max-width:768px){._adminPage_1wows_2{padding:16px}._header_1wows_24{flex-direction:column;align-items:flex-start;gap:12px}._header_1wows_24 h1{font-size:2rem}._backButton_1wows_47{align-self:stretch;justify-content:center}._noAdminPage_1wows_145{padding:32px 24px}._noAdminPage_1wows_145 h2{font-size:1.5rem}._noAdminPage_1wows_145 p{font-size:1rem}}@media(max-height:600px)and (orientation:landscape){._adminPage_1wows_2{padding:16px}._header_1wows_24{margin-bottom:20px}._header_1wows_24 h1{font-size:1.8rem}._noAdminPage_1wows_145{padding:24px;max-width:800px}._noAdminPage_1wows_145 h2{font-size:1.5rem;margin-bottom:12px}._noAdminPage_1wows_145 p{font-size:.95rem;margin-bottom:16px}._noAdminPage_1wows_145 p:last-of-type{margin-bottom:20px}}@media(min-width:1920px){._header_1wows_24 h1{font-size:3rem}._noAdminPage_1wows_145{max-width:800px;padding:64px 48px}._noAdminPage_1wows_145 h2{font-size:2.5rem}._noAdminPage_1wows_145 p{font-size:1.2rem}}: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-item:hover{box-shadow:0 14px 26px #27d0c647;border-color:#27d0c666}.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}.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}.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}.question-card .segment-text{font-size:clamp(26px,3.8vw,40px);line-height:1.3;font-weight:700;text-align:center}.story-tree-experience.error{text-align:center;padding:0;color:#d32f2f}@media(max-width:600px){.story-tree-experience{padding:0}.story-text{font-size:16px}.choice-button{padding: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}.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)}.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}.order-confirm-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(2px);display:grid;place-items:center;z-index:1000}.App{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;position:relative}.App>*{width:100%;height:100%;margin:0;padding:0}.xk-ExperienceFull{position:relative;inset:0;width:100vw;min-height:100vh;min-height:100dvh;overflow-y:auto;overflow-x:hidden;display:block}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;background:#0a0f12}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%}.story-tree-admin{padding:20px;max-width:800px;margin:0 auto}h2{margin-bottom:20px;color:#333}.config-section{background:#f5f5f5;border-radius:8px;padding:20px;margin-bottom:20px}h3{margin-top:0;margin-bottom:15px;color:#444}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:500}input[type=text],select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:16px}input[type=range]{width:100%}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#666}.characters-list{margin-bottom:10px}.character-item{display:flex;justify-content:space-between;align-items:center;background:#e9e9e9;padding:5px 10px;margin-bottom:5px;border-radius:4px}.remove-button{background:none;border:none;color:#ff5252;cursor:pointer;font-size:16px}.add-character{display:flex;gap:10px}.add-character input{flex:1}.add-character button{background:#4caf50;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}.add-character button:disabled{background:#ccc;cursor:not-allowed}.mapping-item{background:#e9e9e9;border-radius:6px;padding:15px;margin-bottom:15px}.strand-info h4{margin-top:0;margin-bottom:5px;color:#333}.strand-info p{margin-top:0;margin-bottom:15px;color:#666;font-size:14px}.action-buttons{display:flex;justify-content:space-between;margin-top:30px}.generate-button,.save-button{padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.generate-button{background:#2196f3;color:#fff}.save-button{background:#4caf50;color:#fff}.generate-button:disabled,.save-button:disabled{background:#ccc;cursor:not-allowed}.status-message{padding:10px;margin-bottom:20px;border-radius:4px}.status-message.success{background:#e8f5e9;color:#2e7d32}.status-message.error{background:#ffebee;color:#c62828}.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{transform:translateY(-2px);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:16px 16px 24px;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{-webkit-appearance:none;-moz-appearance:none;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}.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(22px,3.4vw,36px);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}@keyframes spin{to{transform:rotate(360deg)}}.story-tree-experience.error{text-align:center;padding:40px;color:#d32f2f}.story-tree-error{text-align:center;padding:40px}@media(max-width:600px){.story-tree-experience{padding:16px}.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;-webkit-user-select: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;-webkit-backdrop-filter:blur(8px);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{-webkit-appearance:none;-moz-appearance:none;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;-webkit-backdrop-filter:blur(2px);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}: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:768px;margin:0 auto}}@media(min-width:1024px){.dotd-container{padding:var(--dotd-spacing-xl);max-width:1024px}}.dotd-step{display:flex;flex-direction:column;gap:var(--dotd-spacing-lg);padding:var(--dotd-spacing-md);padding-bottom:var(--dotd-spacing-2xl)}.dotd-header{text-align:center;margin-bottom:var(--dotd-spacing-lg)}.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-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--dotd-spacing-sm);padding:var(--dotd-spacing-md) var(--dotd-spacing-xl);font-family:inherit;font-size:var(--dotd-font-size-md);font-weight:600;line-height:1;color:#fff;background-color:var(--dotd-primary);border:none;border-radius:var(--dotd-radius-md);cursor:pointer;transition:background-color var(--dotd-transition-fast),transform var(--dotd-transition-fast);min-height:48px;width:100%}.dotd-button:hover:not(:disabled){background-color:var(--dotd-primary-hover)}.dotd-button:active:not(:disabled){transform:scale(.98)}.dotd-button:disabled{opacity:.5;cursor:not-allowed}.dotd-button--secondary{background-color:transparent;color:var(--dotd-primary);border:2px solid var(--dotd-primary)}.dotd-button--secondary:hover:not(:disabled){background-color:var(--dotd-primary);color:#fff}@media(min-width:768px){.dotd-button{width:auto;min-width:200px}}.dotd-input{width:100%;padding:var(--dotd-spacing-md);font-family:inherit;font-size:var(--dotd-font-size-lg);color:var(--dotd-text);background-color:var(--dotd-surface);border:2px solid var(--dotd-border);border-radius:var(--dotd-radius-md);transition:border-color var(--dotd-transition-fast);min-height:56px}.dotd-input:focus{outline:none;border-color:var(--dotd-primary)}.dotd-input::placeholder{color:var(--dotd-text-secondary)}.dotd-card{background-color:var(--dotd-background);border:1px solid var(--dotd-border);border-radius:var(--dotd-radius-lg);padding:var(--dotd-spacing-lg);box-shadow:var(--dotd-shadow-sm);transition:box-shadow var(--dotd-transition-fast),transform var(--dotd-transition-fast)}.dotd-card--interactive{cursor:pointer}.dotd-card--interactive:hover{box-shadow:var(--dotd-shadow-md);transform:translateY(-2px)}.dotd-card--selected{border-color:var(--dotd-primary);box-shadow:0 0 0 2px var(--dotd-primary)}.dotd-color-swatch{display:inline-flex;align-items:center;gap:var(--dotd-spacing-sm)}.dotd-color-swatch__circle{width:24px;height:24px;border-radius:var(--dotd-radius-full);border:2px solid var(--dotd-border);flex-shrink:0}.dotd-color-swatch__name{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary);text-transform:capitalize}.dotd-drink-card{display:flex;flex-direction:column;gap:var(--dotd-spacing-md)}.dotd-drink-card__image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--dotd-radius-md);background-color:var(--dotd-surface)}.dotd-drink-card__personality{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary);font-style:italic}.dotd-drink-card__label{display:inline-block;padding:var(--dotd-spacing-xs) var(--dotd-spacing-sm);font-size:var(--dotd-font-size-xs);font-weight:600;text-transform:uppercase;border-radius:var(--dotd-radius-sm);background-color:var(--dotd-surface)}.dotd-drink-card__label--harmony{background-color:#dcfce7;color:#166534}.dotd-drink-card__label--contrast{background-color:#fef3c7;color:#92400e}.dotd-pose-card{display:flex;flex-direction:column;align-items:center;gap:var(--dotd-spacing-sm);padding:var(--dotd-spacing-lg);text-align:center}.dotd-pose-card__icon{font-size:3rem;line-height:1}.dotd-pose-card__description{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary)}.dotd-camera{display:flex;flex-direction:column;gap:var(--dotd-spacing-md)}.dotd-camera__preview{width:100%;aspect-ratio:3/4;background-color:var(--dotd-surface);border-radius:var(--dotd-radius-lg);overflow:hidden;position:relative}.dotd-camera__video,.dotd-camera__image{width:100%;height:100%;object-fit:cover}.dotd-camera__guidance{position:absolute;bottom:var(--dotd-spacing-md);left:50%;transform:translate(-50%);background-color:#0009;color:#fff;padding:var(--dotd-spacing-sm) var(--dotd-spacing-md);border-radius:var(--dotd-radius-md);font-size:var(--dotd-font-size-sm);text-align:center}.dotd-spinner{width:48px;height:48px;border:4px solid var(--dotd-border);border-top-color:var(--dotd-primary);border-radius:50%;animation:dotd-spin 1s linear infinite}@keyframes dotd-spin{to{transform:rotate(360deg)}}.dotd-grid-2{display:grid;grid-template-columns:1fr;gap:var(--dotd-spacing-md)}@media(min-width:480px){.dotd-grid-2{grid-template-columns:repeat(2,1fr)}}.dotd-grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--dotd-spacing-md)}@media(min-width:768px){.dotd-grid-4{grid-template-columns:repeat(4,1fr)}}.dotd-button--outline{background-color:transparent;color:var(--dotd-text);border:2px solid var(--dotd-border)}.dotd-button--outline:hover:not(:disabled){background-color:var(--dotd-surface);border-color:var(--dotd-primary)}.dotd-button--ghost{background-color:transparent;color:var(--dotd-text-muted);border:none}.dotd-button--ghost:hover:not(:disabled){background-color:var(--dotd-surface);color:var(--dotd-text)}.dotd-button--sm{padding:var(--dotd-spacing-sm) var(--dotd-spacing-md);font-size:var(--dotd-font-size-sm);min-height:36px}.dotd-button--lg{padding:var(--dotd-spacing-lg) var(--dotd-spacing-2xl);font-size:var(--dotd-font-size-lg);min-height:56px}.dotd-button--full-width{width:100%}.dotd-button--loading{position:relative}.dotd-button__spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:dotd-spin .8s linear infinite}.dotd-button__content--hidden{visibility:hidden}.dotd-color-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--dotd-spacing-xs)}.dotd-color-swatch__color{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--dotd-border);transition:transform var(--dotd-transition-fast),box-shadow var(--dotd-transition-fast)}.dotd-color-swatch--circle .dotd-color-swatch__color{border-radius:50%}.dotd-color-swatch--square .dotd-color-swatch__color{border-radius:0}.dotd-color-swatch--rounded .dotd-color-swatch__color{border-radius:var(--dotd-radius-md)}.dotd-color-swatch--sm .dotd-color-swatch__color{width:24px;height:24px}.dotd-color-swatch--md .dotd-color-swatch__color{width:40px;height:40px}.dotd-color-swatch--lg .dotd-color-swatch__color{width:64px;height:64px}.dotd-color-swatch--interactive{cursor:pointer}.dotd-color-swatch--interactive:hover .dotd-color-swatch__color{transform:scale(1.1);box-shadow:0 4px 12px #0003}.dotd-color-swatch--selected .dotd-color-swatch__color{border-color:var(--dotd-primary);box-shadow:0 0 0 3px var(--dotd-primary-light)}.dotd-color-swatch__check{font-size:1.2em;font-weight:700}.dotd-color-swatch__text--light{color:#fff}.dotd-color-swatch__text--dark{color:#000}.dotd-color-swatch__info{display:flex;flex-direction:column;align-items:center;gap:2px}.dotd-color-swatch__name{font-size:var(--dotd-font-size-sm);font-weight:500;text-transform:capitalize}.dotd-color-swatch__hex{font-size:var(--dotd-font-size-xs);color:var(--dotd-text-muted);font-family:monospace}.dotd-pose-card{display:flex;flex-direction:column;align-items:center;gap:var(--dotd-spacing-sm);padding:var(--dotd-spacing-lg);background-color:var(--dotd-surface);border:2px solid var(--dotd-border);border-radius:var(--dotd-radius-lg);cursor:pointer;transition:border-color var(--dotd-transition-fast),transform var(--dotd-transition-fast),box-shadow var(--dotd-transition-fast)}.dotd-pose-card:hover:not(.dotd-pose-card--disabled){border-color:var(--dotd-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dotd-pose-card--selected{border-color:var(--dotd-primary);background-color:var(--dotd-primary-light)}.dotd-pose-card--disabled{opacity:.5;cursor:not-allowed}.dotd-pose-card__icon-container{position:relative;display:flex;align-items:center;justify-content:center}.dotd-pose-card__icon{font-size:2.5rem}.dotd-pose-card--sm .dotd-pose-card__icon{font-size:1.5rem}.dotd-pose-card--lg .dotd-pose-card__icon{font-size:3.5rem}.dotd-pose-card__check{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--dotd-primary);color:#fff;border-radius:50%;font-size:12px;font-weight:700}.dotd-pose-card__content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.dotd-pose-card__label{font-size:var(--dotd-font-size-md);font-weight:600}.dotd-pose-card__description{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-muted)}.dotd-drink-card{position:relative;display:flex;flex-direction:column;background-color:var(--dotd-surface);border:2px solid var(--dotd-border);border-radius:var(--dotd-radius-lg);overflow:hidden;transition:border-color var(--dotd-transition-fast),transform var(--dotd-transition-fast),box-shadow var(--dotd-transition-fast)}.dotd-drink-card--horizontal{flex-direction:row}.dotd-drink-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.dotd-drink-card--selected{border-color:var(--dotd-primary)}.dotd-drink-card--harmony{border-color:var(--dotd-harmony)}.dotd-drink-card--contrast{border-color:var(--dotd-contrast)}.dotd-drink-card__badge{position:absolute;top:var(--dotd-spacing-sm);left:var(--dotd-spacing-sm);padding:4px 8px;font-size:var(--dotd-font-size-xs);font-weight:600;border-radius:var(--dotd-radius-sm);z-index:1}.dotd-drink-card__badge--harmony{background-color:var(--dotd-harmony);color:#fff}.dotd-drink-card__badge--contrast{background-color:var(--dotd-contrast);color:#fff}.dotd-drink-card__image-container{position:relative;aspect-ratio:1;background-color:var(--dotd-surface)}.dotd-drink-card--horizontal .dotd-drink-card__image-container{width:120px;flex-shrink:0}.dotd-drink-card__image{width:100%;height:100%;object-fit:cover}.dotd-drink-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dotd-drink-card__image-placeholder-icon{font-size:3rem;opacity:.5}.dotd-drink-card__selected-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0006}.dotd-drink-card__check{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--dotd-primary);color:#fff;border-radius:50%;font-size:24px;font-weight:700}.dotd-drink-card__content{padding:var(--dotd-spacing-md);display:flex;flex-direction:column;gap:var(--dotd-spacing-sm)}.dotd-drink-card__name{font-size:var(--dotd-font-size-lg);font-weight:600;margin:0}.dotd-drink-card--sm .dotd-drink-card__name{font-size:var(--dotd-font-size-md)}.dotd-drink-card__color-row{display:flex;align-items:center;gap:var(--dotd-spacing-sm)}.dotd-drink-card__personality{font-size:var(--dotd-font-size-sm);font-style:italic;color:var(--dotd-text-muted);margin:0}.dotd-drink-card__explanation{font-size:var(--dotd-font-size-sm);color:var(--dotd-text);margin:0;line-height:1.4}.dotd-camera{display:flex;flex-direction:column;gap:var(--dotd-spacing-md);width:100%;max-width:480px;margin:0 auto}.dotd-camera__viewport{position:relative;aspect-ratio:3/4;background-color:var(--dotd-surface);border-radius:var(--dotd-radius-lg);overflow:hidden}.dotd-camera__video,.dotd-camera__preview{width:100%;height:100%;object-fit:cover}.dotd-camera--mirrored .dotd-camera__video{transform:scaleX(-1)}.dotd-camera__loading,.dotd-camera__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dotd-spacing-md);background-color:var(--dotd-surface);color:var(--dotd-text);text-align:center;padding:var(--dotd-spacing-lg)}.dotd-camera__loading-spinner{width:48px;height:48px;border:4px solid var(--dotd-border);border-top-color:var(--dotd-primary);border-radius:50%;animation:dotd-spin 1s linear infinite}.dotd-camera__error-icon{font-size:2rem}.dotd-camera__guide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:5%;pointer-events:none}.dotd-camera__guide-oval{width:50%;height:25%;border:3px dashed rgba(255,255,255,.6);border-radius:50%}.dotd-camera__guide-text{margin-top:var(--dotd-spacing-sm);padding:var(--dotd-spacing-sm) var(--dotd-spacing-md);background-color:#00000080;color:#fff;border-radius:var(--dotd-radius-md);font-size:var(--dotd-font-size-sm)}.dotd-camera__controls{display:flex;justify-content:center;gap:var(--dotd-spacing-md)}.dotd-camera__capture-btn{width:72px;height:72px;border-radius:50%;padding:0;min-height:auto}.dotd-spinner-container{display:flex;flex-direction:column;align-items:center;gap:var(--dotd-spacing-sm)}.dotd-spinner--sm{width:24px;height:24px}.dotd-spinner--md{width:40px;height:40px}.dotd-spinner--lg{width:56px;height:56px}.dotd-spinner--xl{width:72px;height:72px}.dotd-spinner--secondary{color:var(--dotd-text-muted)}.dotd-spinner--white{color:#fff}.dotd-spinner__label{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-muted)}.dotd-spinner__label--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-step{display:flex;flex-direction:column;min-height:100%;padding:var(--dotd-spacing-lg)}.dotd-step__header{text-align:center;margin-bottom:var(--dotd-spacing-xl)}.dotd-step__title{font-size:var(--dotd-font-size-2xl);font-weight:700;margin:0 0 var(--dotd-spacing-sm);color:var(--dotd-text)}.dotd-step__subtitle{font-size:var(--dotd-font-size-md);color:var(--dotd-text-secondary);margin:0}.dotd-step__actions{display:flex;gap:var(--dotd-spacing-md);margin-top:auto;padding-top:var(--dotd-spacing-xl)}.dotd-step__actions>*{flex:1}.dotd-landing-step{justify-content:center;align-items:center}.dotd-landing-step__content{width:100%;max-width:400px}.dotd-landing-step__header{text-align:center;margin-bottom:var(--dotd-spacing-2xl)}.dotd-landing-step__title{font-size:var(--dotd-font-size-3xl);font-weight:700;margin:0 0 var(--dotd-spacing-md)}.dotd-landing-step__subtitle{font-size:var(--dotd-font-size-lg);color:var(--dotd-text-secondary);margin:0}.dotd-landing-step__form{display:flex;flex-direction:column;gap:var(--dotd-spacing-lg)}.dotd-selfie-step__header{text-align:center;margin-bottom:var(--dotd-spacing-lg)}.dotd-selfie-step__title{font-size:var(--dotd-font-size-2xl);font-weight:700;margin:0 0 var(--dotd-spacing-sm)}.dotd-selfie-step__subtitle{font-size:var(--dotd-font-size-md);color:var(--dotd-text-secondary);margin:0}.dotd-selfie-step__error{background-color:var(--dotd-error);color:#fff;padding:var(--dotd-spacing-md);border-radius:var(--dotd-radius-md);margin-bottom:var(--dotd-spacing-md);text-align:center}.dotd-selfie-step__analyzing{position:relative}.dotd-selfie-step__preview-image{position:relative;aspect-ratio:3/4;max-height:50vh;width:auto;margin:0 auto;border-radius:var(--dotd-radius-lg);overflow:hidden;background-color:var(--dotd-surface)}.dotd-selfie-step__preview-image img{width:100%;height:100%;object-fit:cover}.dotd-selfie-step__analyzing-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dotd-spacing-md);background-color:#0009;color:#fff}.dotd-selfie-step__preview{display:flex;flex-direction:column;gap:var(--dotd-spacing-lg)}.dotd-selfie-step__color-result{text-align:center;padding:var(--dotd-spacing-lg);background-color:var(--dotd-surface);border-radius:var(--dotd-radius-lg)}.dotd-selfie-step__color-title{font-size:var(--dotd-font-size-lg);font-weight:600;margin:0 0 var(--dotd-spacing-md)}.dotd-selfie-step__color-display{display:flex;justify-content:center;margin-bottom:var(--dotd-spacing-md)}.dotd-selfie-step__color-subtitle{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary);margin:0 0 var(--dotd-spacing-md)}.dotd-selfie-step__color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--dotd-spacing-sm);margin-bottom:var(--dotd-spacing-md)}.dotd-selfie-step__color-option{position:relative;padding:var(--dotd-spacing-xs);background:transparent;border:2px solid transparent;border-radius:var(--dotd-radius-md);cursor:pointer;transition:all var(--dotd-transition-fast)}.dotd-selfie-step__color-option:hover{border-color:var(--dotd-border)}.dotd-selfie-step__color-option--selected{border-color:var(--dotd-primary);background:var(--dotd-primary-light)}.dotd-selfie-step__color-check{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:var(--dotd-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.dotd-selfie-step__color-selected{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary);margin:0}.dotd-selfie-step__color-palette{display:flex;justify-content:center;gap:var(--dotd-spacing-xs);flex-wrap:wrap;margin-bottom:var(--dotd-spacing-md)}.dotd-selfie-step__color-family{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary);margin:0;text-transform:capitalize}.dotd-selfie-step__actions{display:flex;gap:var(--dotd-spacing-md)}.dotd-selfie-step__actions>*{flex:1}.dotd-pose-step__header{text-align:center;margin-bottom:var(--dotd-spacing-xl)}.dotd-pose-step__title{font-size:var(--dotd-font-size-2xl);font-weight:700;margin:0 0 var(--dotd-spacing-sm)}.dotd-pose-step__subtitle{font-size:var(--dotd-font-size-md);color:var(--dotd-text-secondary);margin:0}.dotd-pose-step__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--dotd-spacing-md);margin-bottom:var(--dotd-spacing-xl)}.dotd-pose-step__gender{text-align:center;margin-bottom:var(--dotd-spacing-lg)}.dotd-pose-step__gender-label{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary);margin:0 0 var(--dotd-spacing-sm)}.dotd-pose-step__gender-options{display:flex;justify-content:center;gap:var(--dotd-spacing-md)}.dotd-pose-step__gender-btn{padding:var(--dotd-spacing-sm) var(--dotd-spacing-lg);border:2px solid var(--dotd-border);border-radius:var(--dotd-radius-md);background:var(--dotd-surface);color:var(--dotd-text);font-size:var(--dotd-font-size-md);cursor:pointer;transition:all var(--dotd-transition-fast)}.dotd-pose-step__gender-btn:hover{border-color:var(--dotd-primary)}.dotd-pose-step__gender-btn--selected{border-color:var(--dotd-primary);background:var(--dotd-primary-light);color:var(--dotd-primary)}.dotd-pose-step__actions{display:flex;gap:var(--dotd-spacing-md)}.dotd-pose-step__actions>*{flex:1}.dotd-results-step__header{text-align:center;margin-bottom:var(--dotd-spacing-lg)}.dotd-results-step__title{font-size:var(--dotd-font-size-2xl);font-weight:700;margin:0 0 var(--dotd-spacing-sm)}.dotd-results-step__subtitle{font-size:var(--dotd-font-size-md);color:var(--dotd-text-secondary);margin:0}.dotd-results-step__loading,.dotd-results-step__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--dotd-spacing-lg);text-align:center}.dotd-results-step__outfit-color{display:flex;align-items:center;justify-content:center;gap:var(--dotd-spacing-md);padding:var(--dotd-spacing-md);background-color:var(--dotd-surface);border-radius:var(--dotd-radius-md);margin-bottom:var(--dotd-spacing-lg)}.dotd-results-step__outfit-label{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary)}.dotd-results-step__drinks{display:grid;grid-template-columns:1fr;gap:var(--dotd-spacing-lg);margin-bottom:var(--dotd-spacing-xl)}@media(min-width:600px){.dotd-results-step__drinks{grid-template-columns:1fr 1fr;gap:var(--dotd-spacing-md)}}.dotd-results-step__drink-section{display:flex;flex-direction:column;gap:var(--dotd-spacing-sm)}.dotd-results-step__section-header{text-align:center}.dotd-results-step__section-header h3{font-size:var(--dotd-font-size-lg);font-weight:600;margin:0 0 var(--dotd-spacing-xs)}.dotd-results-step__section-header p{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary);margin:0}.dotd-results-step__actions{display:flex;gap:var(--dotd-spacing-md)}.dotd-results-step__actions>*{flex:1}.dotd-generation-step__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--dotd-spacing-lg);text-align:center}.dotd-generation-step__loading-title{font-size:var(--dotd-font-size-xl);font-weight:600;margin:0}.dotd-generation-step__loading-subtitle{font-size:var(--dotd-font-size-md);color:var(--dotd-text-secondary);margin:0}.dotd-generation-step__loading-details{display:flex;flex-direction:column;gap:var(--dotd-spacing-sm);margin-top:var(--dotd-spacing-md)}.dotd-generation-step__loading-item{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary)}.dotd-generation-step__loading-item strong{color:var(--dotd-text)}.dotd-generation-step__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--dotd-spacing-lg);text-align:center}.dotd-generation-step__error-title{font-size:var(--dotd-font-size-xl);font-weight:600;color:var(--dotd-error);margin:0}.dotd-generation-step__error-message{font-size:var(--dotd-font-size-md);color:var(--dotd-text-secondary);margin:0}.dotd-generation-step__error-actions{display:flex;gap:var(--dotd-spacing-md)}.dotd-generation-step__header{text-align:center;margin-bottom:var(--dotd-spacing-lg)}.dotd-generation-step__title{font-size:var(--dotd-font-size-2xl);font-weight:700;margin:0 0 var(--dotd-spacing-sm)}.dotd-generation-step__subtitle{font-size:var(--dotd-font-size-md);color:var(--dotd-text-secondary);margin:0}.dotd-generation-step__surprise-reveal{display:flex;flex-direction:column;align-items:center;gap:var(--dotd-spacing-sm);padding:var(--dotd-spacing-md);background-color:var(--dotd-surface);border-radius:var(--dotd-radius-md);margin-bottom:var(--dotd-spacing-lg);animation:dotd-fade-in .5s ease-out}.dotd-generation-step__surprise-text{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary)}.dotd-generation-step__surprise-pose{font-size:var(--dotd-font-size-lg);font-weight:600}@keyframes dotd-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dotd-generation-step__image-container{aspect-ratio:3/4;border-radius:var(--dotd-radius-lg);overflow:hidden;margin-bottom:var(--dotd-spacing-lg)}.dotd-generation-step__image{width:100%;height:100%;object-fit:cover}.dotd-generation-step__drink-info{padding:var(--dotd-spacing-md);background-color:var(--dotd-surface);border-radius:var(--dotd-radius-md);margin-bottom:var(--dotd-spacing-md)}.dotd-generation-step__drink-header{display:flex;align-items:center;gap:var(--dotd-spacing-md)}.dotd-generation-step__drink-name{font-size:var(--dotd-font-size-lg);font-weight:600;margin:0}.dotd-generation-step__drink-personality{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary);font-style:italic;margin:var(--dotd-spacing-xs) 0 0}.dotd-generation-step__order{display:flex;flex-direction:column;align-items:center;gap:var(--dotd-spacing-xs);padding:var(--dotd-spacing-md);background-color:var(--dotd-success);color:#fff;border-radius:var(--dotd-radius-md);margin-bottom:var(--dotd-spacing-lg)}.dotd-generation-step__order-badge{font-size:var(--dotd-font-size-sm);font-weight:600}.dotd-generation-step__order-number{font-size:var(--dotd-font-size-lg);font-weight:700}.dotd-generation-step__actions{display:flex;flex-wrap:wrap;gap:var(--dotd-spacing-md);justify-content:center}.dotd-generation-step__actions>*{min-width:120px}.dotd-experience{display:flex;flex-direction:column;min-height:100vh;background-color:var(--dotd-background)}.dotd-error-boundary{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--dotd-spacing-xl)}.dotd-error-boundary__content{text-align:center;max-width:400px}.dotd-error-boundary__icon{font-size:3rem;margin-bottom:var(--dotd-spacing-md)}.dotd-error-boundary__title{font-size:var(--dotd-font-size-xl);font-weight:600;margin:0 0 var(--dotd-spacing-sm);color:var(--dotd-error)}.dotd-error-boundary__context{font-size:var(--dotd-font-size-sm);color:var(--dotd-text-secondary);margin:0 0 var(--dotd-spacing-sm)}.dotd-error-boundary__message{font-size:var(--dotd-font-size-md);color:var(--dotd-text-secondary);margin:0 0 var(--dotd-spacing-lg)}.dotd-error-boundary__actions{display:flex;justify-content:center;gap:var(--dotd-spacing-md)}.dotd-retry-pulse{animation:dotd-pulse 2s infinite}@keyframes dotd-pulse{0%,to{opacity:1}50%{opacity:.7}}.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}}