.companion-blob{border-radius:55% 45% 60% 40%/50% 55% 45%;animation:blobIdle 5s ease-in-out infinite;transition:box-shadow .3s}.blob-boy{border-radius:50% 50% 55% 45%/48% 52%}.blob-girl{border-radius:55% 45% 50% 50%/55% 48% 52% 45%}.blob-dog{border-radius:50% 50% 60% 40%/60% 55% 45% 40%}.blob-robot{border-radius:28%}.blob-speaking{animation:blobTalk .55s ease-in-out infinite alternate!important}.blob-warning{animation:blobShake .08s ease-in-out infinite!important;filter:brightness(1.2)}.blob-breathing{animation:blobBreathe 4s ease-in-out infinite!important}@keyframes blobIdle{0%{border-radius:55% 45% 60% 40%/50% 55% 45%;transform:translateY(0)}25%{border-radius:45% 55% 50% 50%/55% 45%;transform:translateY(-4px)}50%{border-radius:60% 40% 45% 55%/45% 60% 40% 55%;transform:translateY(-7px)}75%{border-radius:50% 50% 60% 40%/60% 45% 55%;transform:translateY(-3px)}to{border-radius:55% 45% 60% 40%/50% 55% 45%;transform:translateY(0)}}@keyframes blobTalk{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes blobShake{0%{transform:translate(-4px)}50%{transform:translate(4px)}to{transform:translate(-4px)}}@keyframes blobBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes speakRipple{0%{transform:scale(1);opacity:.35}to{transform:scale(1.9);opacity:0}}@keyframes speakGlow{0%{opacity:.35;transform:scale(1)}to{opacity:.75;transform:scale(1.1)}}@keyframes breathingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes mouthTalk{0%{transform:translateY(0) scaleY(.6)}to{transform:translateY(0) scaleY(1)}}@keyframes lowerLip{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes dogTongue{0%{transform:translateY(0) scaleX(1)}to{transform:translateY(3px) scaleX(.88)}}@keyframes robotBar{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes sparklePop{0%{transform:scale(.5);opacity:.3}to{transform:scale(1.4);opacity:1}}.blob-pointing{animation:blobPoint .6s ease-in-out infinite alternate!important;filter:brightness(1.12)}@keyframes blobPoint{0%{transform:translateY(0) scale(1)}to{transform:translateY(6px) scale(1.06)}}@keyframes avatarPointBounce{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(5px)}}@keyframes avatarPointLeft{0%{transform:translateY(-50%) translate(0)}to{transform:translateY(-50%) translate(-6px)}}@keyframes avatarPointRight{0%{transform:translateY(-50%) translate(0)}to{transform:translateY(-50%) translate(6px)}}.human-mouth{width:16px;height:5px;border:2.5px solid #1e293b;border-top:none;border-radius:0 0 16px 16px;background:transparent;transition:all .12s ease}.human-mouth.talking{animation:humanMouthTalk .42s ease-in-out infinite alternate}@keyframes humanMouthTalk{0%{width:14px;height:4px;border-radius:0 0 14px 14px;background:transparent}to{width:20px;height:11px;border-radius:50%;background:#1e293b;border-top:2.5px solid #1e293b}}.dog-mouth{width:14px;height:5px;border-radius:0 0 50% 50%;background:#1e293b;transition:all .12s ease}.dog-mouth.talking{animation:dogMouthTalk .42s ease-in-out infinite alternate}@keyframes dogMouthTalk{0%{width:13px;height:4px}to{width:18px;height:10px}}.robot-mouth{display:flex;flex-direction:column;gap:2px;width:22px;transition:gap .12s ease}.robot-mouth.talking{animation:robotMouthTalk .44s ease-in-out infinite alternate}@keyframes robotMouthTalk{0%{gap:2px}to{gap:4px}}.grille-line{height:2.5px;background:#1e293b;border-radius:2px;opacity:.8}:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: #1a1f35;--bg-card-hover: #222845;--bg-glass: rgba(255, 255, 255, .04);--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--accent-pink: #ec4899;--accent-emerald: #10b981;--accent-amber: #f59e0b;--gradient-primary: linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-warm: linear-gradient(135deg, #f59e0b, #ec4899);--gradient-cool: linear-gradient(135deg, #06b6d4, #3b82f6);--gradient-nature: linear-gradient(135deg, #10b981, #06b6d4);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow-blue: 0 0 30px rgba(59, 130, 246, .15);--shadow-glow-purple: 0 0 30px rgba(139, 92, 246, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(6,182,212,.04) 0%,transparent 50%);animation:bgShift 20s ease-in-out infinite alternate;z-index:-1;pointer-events:none}@keyframes bgShift{0%{transform:translate(0)}to{transform:translate(-5%,-5%)}}#root,.app-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.chat-screen-container{display:flex;width:100vw;height:100vh;overflow:hidden;background:var(--bg-primary)}.chat-screen-container>.scenario-pane{flex:0 0 72%;position:relative;display:flex;flex-direction:column;overflow:hidden;height:100vh}.chat-screen-container>.assistant-pane{flex:0 0 28%;display:flex;flex-direction:column;height:100vh;overflow:hidden;border-left:1px solid rgba(59,130,246,.13);background:linear-gradient(180deg,#111827,#0a0e1a);box-shadow:-4px 0 24px #0006}.chat-top-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border-bottom:1px solid rgba(59,130,246,.12);background:#0a0e1ae6;min-height:0;pointer-events:none}.chat-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;border:1.5px solid rgba(255,255,255,.15);background:#ffffff0a;color:var(--text-muted);flex-shrink:0;transition:all .3s}.chat-step-dot.active{border-color:var(--accent-blue);background:#3b82f626;color:var(--accent-blue);box-shadow:0 0 8px #3b82f640}.chat-step-dot.done{border-color:var(--accent-emerald);background:#10b98126;color:var(--accent-emerald);font-size:.7rem}.chat-interface{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;background:linear-gradient(180deg,#11182700,#0a0e1a99);pointer-events:auto;position:relative;z-index:1}.chat-messages-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px;padding:14px 14px 8px;min-height:0;scroll-behavior:smooth}.chat-messages-scroll::-webkit-scrollbar{width:4px}.chat-messages-scroll::-webkit-scrollbar-track{background:transparent}.chat-messages-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.message-wrapper{display:flex;max-width:90%;animation:msgIn .25s ease-out}.message-wrapper.assistant{align-self:flex-start}.message-wrapper.user{align-self:flex-end;flex-direction:row-reverse}.message-wrapper.assistant>.message-bubble:not(.typing){padding:0;background:transparent;border:none;border-radius:0;box-shadow:none}.message-wrapper.user>.message-bubble{padding:10px 14px;background:var(--gradient-primary);border-radius:16px 4px 16px 16px;color:#fff;font-size:.875rem;line-height:1.6;word-break:break-word;box-shadow:0 2px 12px #3b82f647}.screen{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 24px;animation:fadeIn .5s ease-out;overflow-y:auto;overflow-x:hidden;height:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.screen-header{text-align:center;margin-bottom:48px}.screen-header h1{font-size:2.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:12px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.screen-header p{font-size:1.05rem;color:var(--text-secondary);font-weight:400;max-width:500px;line-height:1.6}.back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;margin-bottom:32px;align-self:flex-start;margin-left:10%}.back-button:hover{background:#ffffff14;color:var(--text-primary);border-color:var(--border-light);transform:translate(-4px)}.back-button svg{width:16px;height:16px;transition:var(--transition)}.back-button:hover svg{transform:translate(-2px)}.avatar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:560px;width:100%}.avatar-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:var(--transition);overflow:hidden;min-height:220px}.avatar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;opacity:0;transition:var(--transition)}.avatar-card:nth-child(1):before{background:var(--gradient-primary)}.avatar-card:nth-child(2):before{background:var(--gradient-warm)}.avatar-card:nth-child(3):before{background:var(--gradient-cool)}.avatar-card:nth-child(4):before{background:var(--gradient-nature)}.avatar-card:hover{transform:translateY(-6px);border-color:var(--border-light);box-shadow:var(--shadow-lg)}.avatar-card:hover:before{opacity:1}.avatar-slot{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;position:relative;transition:var(--transition)}.avatar-card:nth-child(1) .avatar-slot{background:var(--gradient-primary);box-shadow:var(--shadow-glow-blue)}.avatar-card:nth-child(2) .avatar-slot{background:var(--gradient-warm);box-shadow:0 0 30px #f59e0b26}.avatar-card:nth-child(3) .avatar-slot{background:var(--gradient-cool);box-shadow:0 0 30px #06b6d426}.avatar-card:nth-child(4) .avatar-slot{background:var(--gradient-nature);box-shadow:0 0 30px #10b98126}.avatar-card:hover .avatar-slot{transform:scale(1.08)}.avatar-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.avatar-label{font-size:.8rem;color:var(--text-muted);font-weight:400}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:860px;width:100%}.scenario-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px 20px;cursor:pointer;transition:var(--transition);overflow:hidden;display:flex;flex-direction:column;gap:10px}.scenario-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:var(--transition)}.scenario-card:hover{transform:translateY(-4px);border-color:var(--border-light);box-shadow:var(--shadow-md);background:var(--bg-card-hover)}.scenario-card:hover:after{opacity:1}.scenario-icon{font-size:1.8rem;margin-bottom:4px}.scenario-title{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.3}.scenario-desc{font-size:.8rem;color:var(--text-muted);line-height:1.5}.scenario-card .scenario-number{position:absolute;top:12px;right:14px;font-size:.7rem;color:var(--text-muted);font-weight:600;opacity:.5}.chat-split-screen{flex:1;display:flex;width:100vw;height:100vh;overflow:hidden;background:var(--bg-primary)}.scenario-pane{flex:0 0 72%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 70%)}.placeholder-scenario{text-align:center;color:var(--text-secondary);padding:40px}.assistant-pane{flex:0 0 28%;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000001a;height:100vh}.avatar-top-pane{display:none}.chat-bottom-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.avatar-loading{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.absolute-back{position:absolute;top:25px;left:20px;z-index:10;margin:0}.chat-container{display:flex;flex-direction:column;width:100%;height:100%;flex:1;min-height:0}.chat-header{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg-card);border-bottom:1px solid var(--border-color);margin-bottom:0}.chat-avatar-small{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0}.chat-header-info{flex:1;min-width:0}.chat-header-info h3{font-size:1rem;font-weight:600;margin-bottom:2px}.chat-header-info span{font-size:.8rem;color:var(--text-muted)}.chat-messages{flex:1;display:flex;flex-direction:column;gap:16px;padding:24px;overflow-y:auto;min-height:0}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.message{display:flex;gap:10px;max-width:80%;animation:msgIn .3s ease-out}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.assistant{align-self:flex-start}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:4px}.message-bubble{padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem;line-height:1.6}.message.assistant .message-bubble{background:linear-gradient(135deg,#1e2a42,#141c2e);border:1px solid rgba(59,130,246,.2);border-top-left-radius:4px;color:var(--text-primary);box-shadow:0 2px 10px #00000059,inset 0 1px #ffffff08}.message.assistant.warning-msg .message-bubble{border-color:var(--accent-amber);color:var(--accent-amber);background:#f59e0b0d;box-shadow:0 0 15px #f59e0b1a}.message.user .message-bubble{background:var(--gradient-primary);border-top-right-radius:4px;color:#fff}.message-content-wrapper{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.message.user .message-content-wrapper{align-items:flex-end}.message-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.option-button{background:#3b82f61a;border:1px solid rgba(59,130,246,.4);color:#60a5fa;padding:10px 16px;border-radius:var(--radius-full);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.option-button:hover{background:#3b82f640;transform:translateY(-2px);border-color:#60a5fa}.rmb-breathe-bubble{background:linear-gradient(135deg,#14b8a626,#0d94881a);border:1px solid rgba(20,184,166,.3);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.rmb-breathe-header{display:flex;align-items:center;gap:8px;color:#2dd4bf;font-weight:600;font-size:1.05rem}.rmb-breathe-icon{font-size:1.3rem}.rmb-breathe-text{color:var(--text-primary);line-height:1.5;margin:0}.rmb-breathe-options{display:flex;gap:10px;margin-top:4px}.rmb-breathe-btn{padding:10px 18px;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none}.rmb-breathe-btn.primary{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;box-shadow:0 4px 12px #14b8a633}.rmb-breathe-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #14b8a64d}.rmb-breathe-btn.secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.rmb-breathe-btn.secondary:hover{background:#ffffff26;transform:translateY(-2px)}.quick-replies-bar{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 4px;flex-shrink:0}.share-list-inline{display:flex;justify-content:flex-start;padding:4px 0 8px}.share-list-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:20px;border:2px solid rgba(16,185,129,.55);background:linear-gradient(135deg,#10b9812e,#34d3991a);color:#34d399;font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit;animation:shareListPulse 2s ease-in-out infinite;transition:background .15s,transform .1s}.share-list-btn:hover{background:linear-gradient(135deg,#10b98152,#34d39933);transform:translateY(-1px)}.share-list-btn:active{transform:translateY(0)}@keyframes shareListPulse{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 0 6px #10b98138}}.quick-reply-btn{flex-shrink:0;padding:5px 12px;border-radius:20px;border:1px solid rgba(59,130,246,.25);background:#1e293bcc;color:var(--text-secondary);font-size:.78rem;font-family:Inter,sans-serif;cursor:pointer;transition:var(--transition);white-space:nowrap}.quick-reply-btn:hover{background:#3b82f626;border-color:var(--accent-blue);color:var(--text-primary);transform:translateY(-1px)}.quick-reply-btn.quick-reply-stress{border-color:#f59e0b40}.quick-reply-btn.quick-reply-stress:hover{background:#f59e0b1f;border-color:var(--accent-amber);color:var(--accent-amber)}.chat-input-area{flex-shrink:0;display:flex;flex-wrap:nowrap;gap:7px;padding:10px 12px 12px;background:linear-gradient(180deg,#111827cc,#0d1220);border-top:1px solid rgba(59,130,246,.12);align-items:center}.chat-input-area input[type=text]{flex:1;padding:9px 14px;background:#1e293be6;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;font-family:Inter,sans-serif;outline:none;transition:var(--transition);min-width:0;box-shadow:inset 0 1px 3px #0000004d}.chat-input-area input[type=text]::placeholder{color:var(--text-muted)}.chat-input-area input[type=text]:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f61f}.chat-tool-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:var(--transition)}.chat-tool-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent-blue);color:var(--text-primary);transform:translateY(-1px)}.chat-tool-btn:disabled{opacity:.4;cursor:not-allowed}.chat-tool-btn.continuous-btn.active{background:#3b82f633;border-color:var(--accent-blue);color:var(--accent-blue);animation:pulseMic 2s infinite}.chat-tool-btn.mic-btn.listening{background:#ec489933;border-color:var(--accent-pink);color:var(--accent-pink);animation:pulseMic 1.5s infinite}.chat-tool-btn.hint-btn{border-color:#f59e0b4d;color:var(--accent-amber)}.chat-tool-btn.hint-btn:hover:not(:disabled){background:#f59e0b26;border-color:var(--accent-amber)}.send-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-blue)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.voice-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:var(--transition);z-index:10}.voice-btn:hover{background:#ffffff1a;border-color:var(--accent-blue)}.voice-btn.listening{background:#ec489933;border-color:var(--accent-pink);color:var(--accent-pink);animation:pulseMic 1.5s infinite}.emotion-tools{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;pointer-events:none}.emotion-tools>*{pointer-events:auto}.message-bubble.typing{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;display:flex;gap:5px;align-items:center}.message-bubble.typing .dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.4s ease-in-out infinite}.message-bubble.typing .dot:nth-child(2){animation-delay:.2s}.message-bubble.typing .dot:nth-child(3){animation-delay:.4s}.continuous-mode-btn{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);padding:12px 18px;border-radius:var(--radius-lg);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;display:flex;align-items:center;gap:6px;flex-shrink:0}.continuous-mode-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-blue);transform:translateY(-2px)}.continuous-mod.category-btn.active{background:#3b82f626;color:var(--text-primary);border-left:3px solid var(--accent-blue);box-shadow:inset 4px 0 10px #3b82f60d}.categories-list{display:flex;flex-direction:column;gap:8px;flex:1}.mission-list-box{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:16px;margin-top:12px;margin-bottom:0;flex-shrink:0}.mission-list-header{font-size:.95rem;font-weight:600;color:var(--accent-blue);margin-bottom:12px;display:flex;align-items:center;gap:8px}.mission-list-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.mission-list-items li{font-size:.85rem;color:var(--text-secondary);position:relative;padding-left:16px;line-height:1.4}.mission-list-items li:before{content:"•";color:var(--accent-blue);position:absolute;left:0;font-weight:700}.mission-list-items li.mission-item-found{text-decoration:line-through;opacity:.55;padding-left:0}.mission-list-items li.mission-item-found:before{display:none}.mic-button{width:46px;height:46px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:var(--transition);flex-shrink:0}.mic-button:hover{background:var(--bg-card-hover);border-color:var(--accent-blue);transform:translateY(-2px)}.mic-button.listening{background:#ec489926;border-color:var(--accent-pink);color:var(--accent-pink);animation:pulseMic 1.5s infinite}@keyframes pulseMic{0%{box-shadow:0 0 #ec489966}70%{box-shadow:0 0 0 10px #ec489900}to{box-shadow:0 0 #ec489900}}.chat-input{flex:1;padding:14px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.9rem;font-family:Inter,sans-serif;outline:none;transition:var(--transition)}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.send-button{padding:12px 18px;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap}.send-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-blue)}.send-button:active{transform:translateY(0)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.hint-button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(245,158,11,.4);background:#f59e0b1a;color:var(--accent-amber);display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;transition:var(--transition);flex-shrink:0}.hint-button:hover{background:#f59e0b33;border-color:var(--accent-amber);transform:translateY(-2px);box-shadow:0 0 12px #f59e0b4d}.hint-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.typing-indicator{display:flex;gap:5px;padding:12px 16px;align-items:center}.typing-indicator span{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}@media(max-width:768px){.screen{padding:24px 16px}.screen-header h1{font-size:1.6rem}.avatar-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:400px}.avatar-card{padding:28px 16px;min-height:180px}.avatar-slot{width:70px;height:70px;font-size:1.6rem}.scenario-grid{grid-template-columns:repeat(2,1fr);gap:12px}.back-button{margin-left:0}.chat-messages{max-height:50vh}}@media(max-width:480px){.scenario-grid{grid-template-columns:1fr}.avatar-grid{max-width:100%}.camera-preview{bottom:20px;right:20px;width:100px;height:130px}}.camera-preview{position:fixed;bottom:40px;right:40px;width:140px;height:180px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--bg-card);border:2px solid var(--accent-emerald);transition:all .5s ease;z-index:100}.camera-preview.unfocused{border-color:var(--accent-amber);box-shadow:0 0 20px #f59e0b66}.turn-indicator{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:600;letter-spacing:.02em;margin:0 0 6px;flex-shrink:0;transition:background .3s,color .3s;align-self:flex-start}.turn-indicator.turn-user{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.turn-indicator.turn-assistant{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.turn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.turn-user .turn-dot{background:#10b981;box-shadow:0 0 6px #10b981;animation:turnPulse 1.2s ease-in-out infinite}.turn-assistant .turn-dot{background:#a78bfa;animation:turnPulse .7s ease-in-out infinite}@keyframes turnPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.scene-message{margin:8px 0 12px;padding:14px 18px;background:linear-gradient(135deg,#f59e0b1f,#fbbf2412);border:1.5px solid rgba(245,158,11,.35);border-radius:14px;color:#fcd34d;font-size:.88rem;line-height:1.6;text-align:center;transition:border-color .3s}.scene-message p{margin:2px 0}.scene-message.scene-shaking{border-color:#f59e0bcc;animation:sceneShake .08s ease-in-out 10}@keyframes sceneShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.reinforcement-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#34d399);color:#fff;font-size:1rem;font-weight:700;padding:14px 28px;border-radius:50px;box-shadow:0 8px 32px #10b98173;z-index:9999;animation:toastIn .4s cubic-bezier(.34,1.56,.64,1),toastOut .3s ease-in 2.7s forwards;white-space:nowrap;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.preview-phrases-practice{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.preview-phrases-label{font-size:.82rem;color:var(--text-muted);margin-bottom:12px;text-align:center}.preview-phrases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preview-phrase-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1.5px solid rgba(99,102,241,.3);background:#6366f114;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:left;font-family:inherit;position:relative}.preview-phrase-btn:hover{background:#6366f12e;border-color:#6366f199;color:#fff}.preview-phrase-btn.practiced{background:#10b98126;border-color:#10b98180;color:#34d399}.preview-phrase-btn .phrase-icon{font-size:1rem;flex-shrink:0}.preview-phrase-btn .phrase-label{flex:1}.preview-phrase-btn .phrase-check{font-size:.9rem;color:#10b981;font-weight:700;flex-shrink:0}.preview-phrases-feedback{margin-top:12px;font-size:.82rem;color:#34d399;text-align:center;animation:fadeIn .4s ease}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a0e1acc;color:var(--text-primary);font-size:.8rem;font-weight:500;text-align:center;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.camera-overlay.error{color:var(--accent-pink);border:2px solid var(--accent-pink)}.sidebar-camera-preview{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);border:2px solid var(--accent-emerald);transition:all .5s ease;margin-top:12px}.sidebar-camera-preview.unfocused{border-color:var(--accent-amber);box-shadow:0 0 15px #f59e0b66}.sidebar-camera-preview .camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.sidebar-camera-preview .camera-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a0e1acc;color:var(--text-primary);font-size:1.5rem}.supermarket-container{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary);border-right:1px solid var(--border-color);animation:fadeIn .4s ease;position:relative}.supermarket-header{height:80px;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.supermarket-brand{display:flex;align-items:center;gap:12px;margin-left:100px}.supermarket-brand .brand-icon{font-size:2rem}.supermarket-brand h2{font-size:1.4rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cart-button{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:10px 20px;display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-primary);font-weight:600;transition:var(--transition);position:relative}.cart-button:hover{background:#ffffff1a;transform:scale(1.05)}.cart-icon{font-size:1.2rem}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--accent-pink);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.supermarket-body{display:flex;flex:1;overflow:hidden;position:relative}.supermarket-sidebar{width:200px;background:var(--bg-card);border-right:1px solid var(--border-color);padding:12px 8px;overflow-y:auto;display:flex;flex-direction:column;flex-shrink:0}.category-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:none;border-left:3px solid transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);text-align:left;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.category-btn:hover{background:#ffffff0d;color:var(--text-primary)}.category-btn.active{background:#3b82f61a;border-left-color:var(--accent-blue);color:var(--accent-blue)}.cat-icon{font-size:1.4rem}.supermarket-products{flex:1;padding:20px;overflow-y:auto;background:var(--bg-primary);min-width:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:var(--transition);box-shadow:var(--shadow-sm)}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--accent-blue)}.product-image{width:100%;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#ffffff08;border-radius:var(--radius-md);overflow:hidden;padding:8px}.product-image img{width:100%;height:100%;object-fit:contain;object-position:center}.product-price{font-size:1.2rem;font-weight:700;color:var(--accent-emerald);margin-bottom:8px}.product-name{font-size:.95rem;color:var(--text-primary);margin-bottom:20px;height:40px;display:flex;align-items:center}.add-to-cart-btn{width:100%;padding:10px;background:var(--bg-glass);border:1px solid var(--accent-blue);color:var(--accent-blue);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.add-to-cart-btn:hover{background:var(--accent-blue);color:#fff}.cart-drawer{position:absolute;top:0;right:0;width:350px;height:100%;background:var(--bg-card);border-left:1px solid var(--border-color);box-shadow:-10px 0 30px #00000080;display:flex;flex-direction:column;z-index:50;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.close-cart{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer}.cart-items{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.empty-cart{text-align:center;color:var(--text-muted);margin-top:50px}.cart-item{display:flex;align-items:center;gap:12px;background:var(--bg-primary);padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.cart-item-img{font-size:2rem}.cart-item-details{flex:1;display:flex;flex-direction:column;gap:4px}.cart-item-name{font-size:.9rem;color:var(--text-primary)}.cart-item-price{font-size:.9rem;color:var(--accent-emerald);font-weight:600}.remove-item{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.7;transition:var(--transition)}.remove-item:hover{opacity:1;color:var(--accent-pink)}.cart-footer{padding:20px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.cart-total-row{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;margin-bottom:20px}.checkout-btn{width:100%;padding:16px;background:var(--gradient-nature);border:none;border-radius:var(--radius-md);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.checkout-btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.checkout-btn:disabled{background:var(--bg-glass);color:var(--text-muted);cursor:not-allowed}.avatar-pip-market{position:absolute;bottom:40px;left:40px;width:220px;height:220px;border-radius:50%;overflow:hidden;box-shadow:0 10px 40px #000c,var(--shadow-glow-blue);border:4px solid var(--border-light);z-index:150;background:var(--bg-secondary);transition:all .5s ease}.scenario-preview-screen{justify-content:flex-start;padding-top:40px;gap:0}.preview-scenario-badge{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding:12px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.preview-avatar-img{width:48px;height:48px;border-radius:50%}.preview-badge-info{display:flex;align-items:center;gap:10px}.preview-badge-icon{font-size:1.6rem}.preview-badge-title{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.preview-storyboard{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px 48px;max-width:560px;width:100%;display:flex;flex-direction:column;align-items:center;gap:32px;box-shadow:var(--shadow-md)}.preview-progress{display:flex;align-items:center;gap:12px}.preview-progress-dot{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:var(--transition)}.preview-progress-dot.active{background:var(--gradient-primary);border-color:var(--accent-blue);color:#fff;transform:scale(1.15);box-shadow:var(--shadow-glow-blue)}.preview-progress-dot.completed{background:#10b98126;border-color:var(--accent-emerald);color:var(--accent-emerald)}.preview-progress-dot:hover:not(.active){border-color:var(--accent-blue);color:var(--accent-blue);transform:scale(1.08)}.preview-step-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;animation:previewCardBounce .6s cubic-bezier(.34,1.56,.64,1) forwards;min-height:180px;justify-content:center;transform-origin:center center}@keyframes previewCardBounce{0%{opacity:0;transform:translateY(30px) scale(.9)}60%{opacity:1;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.preview-step-icon{font-size:3.5rem;line-height:1;animation:previewIconWobble .8s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.1s;opacity:0}@keyframes previewIconWobble{0%{transform:scale(0) rotate(-20deg);opacity:0}50%{transform:scale(1.2) rotate(10deg);opacity:1}80%{transform:scale(.95) rotate(-5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.preview-step-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.preview-step-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;max-width:420px}.preview-step-tip{display:flex;align-items:flex-start;gap:8px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);padding:12px 16px;font-size:.85rem;color:var(--accent-amber);line-height:1.5;text-align:left;max-width:420px}.preview-step-tip .tip-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.preview-nav{display:flex;gap:16px;width:100%;justify-content:center}.preview-nav-btn{padding:12px 28px;border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;border:1px solid var(--border-color);display:flex;align-items:center;gap:6px}.preview-nav-btn.prev{background:var(--bg-glass);color:var(--text-secondary)}.preview-nav-btn.prev:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}.preview-nav-btn.prev:disabled{opacity:.3;cursor:not-allowed}.preview-nav-btn.next{background:var(--gradient-primary);color:#fff;border:none}.preview-nav-btn.next:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-blue)}.preview-nav-btn.ready{background:var(--gradient-nature);color:#fff;border:none;padding:14px 36px;font-size:1rem}.preview-nav-btn.ready:hover{transform:translateY(-2px);box-shadow:0 0 20px #10b9814d}.preview-skip-btn{margin-top:24px;background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;font-family:Inter,sans-serif;transition:var(--transition);text-decoration:underline;text-underline-offset:3px}.preview-skip-btn:hover{color:var(--text-secondary)}@media(max-width:768px){.preview-storyboard{padding:28px 20px}.preview-step-icon{font-size:2.5rem}.preview-step-title{font-size:1.1rem}}.calibration-screen{justify-content:flex-start;padding-top:60px}.calibration-avatar-preview{display:flex;align-items:center;gap:12px;margin-bottom:32px}.calibration-avatar-img{width:56px;height:56px;border-radius:50%}.calibration-avatar-preview span{font-size:1rem;font-weight:600;color:var(--text-secondary)}.calibration-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px;max-width:520px;width:100%;animation:fadeIn .4s ease-out}.calibration-steps-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px}.step-dot{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--text-muted);transition:var(--transition)}.step-dot.active{background:var(--gradient-primary);border-color:var(--accent-blue);color:#fff;box-shadow:var(--shadow-glow-blue)}.step-line{width:60px;height:2px;background:var(--border-color)}.calibration-question{text-align:center;animation:fadeIn .3s ease-out}.calibration-question h2{font-size:1.3rem;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.calibration-scenario-badge{display:inline-block;padding:6px 16px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);font-size:.9rem;color:var(--accent-blue);margin-bottom:24px}.calibration-options{display:flex;flex-direction:column;gap:12px}.calibration-option-btn{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;color:var(--text-primary);font-size:1rem}.calibration-option-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-blue);transform:translate(4px);box-shadow:var(--shadow-sm)}.option-emoji{font-size:1.5rem}.option-label{font-weight:500}.mood-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mood-btn{flex-direction:column;text-align:center;padding:20px 16px}.mood-btn .option-emoji{font-size:2rem}.ask-staff-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.ask-staff-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.ask-staff-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.ask-staff-header h3{font-size:1.1rem;font-weight:600}.close-modal-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.close-modal-btn:hover{background:#ef444426;color:#ef4444;border-color:#ef4444}.staff-steps-progress{display:flex;justify-content:center;gap:4px;padding:20px 24px}.staff-step-indicator{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.staff-step-circle{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:var(--transition)}.staff-step-indicator.active .staff-step-circle{background:var(--gradient-primary);border-color:var(--accent-blue);box-shadow:var(--shadow-glow-blue);transform:scale(1.1)}.staff-step-indicator.done .staff-step-circle{background:var(--accent-emerald);border-color:var(--accent-emerald);color:#fff}.staff-step-label{font-size:.7rem;color:var(--text-muted);text-align:center}.staff-step-indicator.active .staff-step-label{color:var(--accent-blue);font-weight:600}.staff-step-content{padding:24px;text-align:center}.staff-step-emoji-large{font-size:3rem;margin-bottom:16px}.staff-step-content h4{font-size:1.2rem;font-weight:600;margin-bottom:8px}.staff-step-content p{font-size:.95rem;color:var(--text-secondary);margin-bottom:24px}.staff-step-options{display:flex;flex-direction:column;gap:10px}.staff-option-btn{padding:14px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;text-align:left}.staff-option-btn:hover{background:#3b82f61a;border-color:var(--accent-blue);transform:translate(4px)}.staff-option-btn.primary{background:var(--gradient-primary);color:#fff;border:none;text-align:center;font-weight:600}.staff-option-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-blue)}.staff-skip-btn{margin-top:16px;padding:10px;background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;font-family:Inter,sans-serif;transition:var(--transition)}.staff-skip-btn:hover{color:var(--text-secondary)}.perf-scroll-outer{align-items:stretch!important;padding:0!important}.performance-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 24px;gap:24px;max-width:700px;margin:0 auto;width:100%;animation:fadeIn .5s ease-out}.perf-avatar-row{display:flex;align-items:center;gap:14px;margin-bottom:8px}.perf-avatar-img{width:52px;height:52px;border-radius:50%;border:2px solid var(--border-light);overflow:hidden;flex-shrink:0}.perf-avatar-row h3{font-size:1rem;font-weight:600}.perf-avatar-row span{font-size:.85rem;color:var(--text-muted)}.perf-score-card{text-align:center;padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%}.perf-score-circle{position:relative;width:140px;height:140px;margin:0 auto 16px}.score-ring{width:100%;height:100%}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.score-number{font-size:2rem;font-weight:800;color:var(--text-primary)}.score-label{font-size:.85rem;font-weight:600}.perf-score-card h2{font-size:1rem;font-weight:500;color:var(--text-secondary)}.perf-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.perf-metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:var(--transition)}.perf-metric-card:hover{transform:translateY(-2px);border-color:var(--border-light);box-shadow:var(--shadow-sm)}.metric-icon{font-size:1.5rem}.metric-value{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.metric-label{font-size:.75rem;color:var(--text-muted);text-align:center}.perf-hint-breakdown{width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.perf-hint-breakdown h3{font-size:.95rem;font-weight:600;margin-bottom:16px}.hint-bars{display:flex;flex-direction:column;gap:10px}.hint-bar-row{display:flex;align-items:center;gap:12px}.hint-bar-label{width:120px;font-size:.8rem;color:var(--text-secondary);text-align:right;flex-shrink:0}.hint-bar-track{flex:1;height:8px;border-radius:4px;background:#ffffff0f;overflow:hidden}.hint-bar-fill{height:100%;border-radius:4px;transition:width 1s ease;min-width:0}.hint-bar-count{width:24px;font-size:.85rem;font-weight:600;color:var(--text-primary)}.perf-eval-toggle{padding:14px 28px;background:var(--bg-card);border:1px solid var(--accent-blue);border-radius:var(--radius-lg);color:var(--accent-blue);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif}.perf-eval-toggle:hover{background:#3b82f61a;transform:translateY(-2px)}.perf-self-eval{width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;animation:fadeIn .3s ease-out}.perf-self-eval h3{font-size:1.1rem;font-weight:600;margin-bottom:20px}.eval-question{margin-bottom:20px}.eval-question label{display:block;font-size:.95rem;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.eval-options{display:flex;flex-wrap:wrap;gap:8px}.eval-option-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif}.eval-option-btn:hover{border-color:var(--accent-blue);background:#3b82f614}.eval-option-btn.selected{background:#3b82f626;border-color:var(--accent-blue);color:var(--accent-blue);font-weight:600}.eval-comment{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-family:Inter,sans-serif;resize:vertical;outline:none;transition:var(--transition)}.eval-comment::placeholder{color:var(--text-muted)}.eval-comment:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.perf-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding-bottom:40px}.perf-btn{padding:14px 24px;border-radius:var(--radius-lg);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;display:flex;align-items:center;gap:8px}.perf-btn.primary{background:var(--gradient-primary);border:none;color:#fff}.perf-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-blue)}.perf-btn.secondary{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.perf-btn.secondary:hover{border-color:var(--border-light);color:var(--text-primary);transform:translateY(-2px)}.chat-split-screen.scene-product-not-found{background:url(/images/empty_fridge_bg.png) center/center no-repeat;background-size:cover}.chat-split-screen.scene-product-not-found .scenario-pane,.chat-split-screen.scene-product-not-found .assistant-pane,.chat-split-screen.scene-product-not-found .avatar-top-pane{background:transparent!important;border:none!important;box-shadow:none!important}.chat-split-screen.scene-product-not-found .avatar-top-pane{flex:1!important}.chat-split-screen.scene-product-not-found .chat-bottom-pane{display:none!important}.pnf-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;padding:40px;z-index:200;pointer-events:none}.pnf-header{background:#0a1e3ce6;border-top:4px solid #f59e0b;color:#f59e0b;font-size:1.5rem;font-weight:700;padding:12px 60px;text-align:center;align-self:center;letter-spacing:2px;border-radius:4px}.pnf-content{margin-top:80px;max-width:600px;pointer-events:auto}.pnf-title{font-size:3rem;font-weight:800;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.8);margin-bottom:20px}.pnf-subtitle{font-size:1.3rem;color:#fff;background:#00000080;padding:10px 20px;border-radius:8px;display:inline-block;margin-bottom:20px}.pnf-stock-out{background:#fff;color:#ef4444;padding:10px 16px;border-radius:4px;font-weight:700;font-size:1.2rem;display:inline-block;box-shadow:2px 2px 10px #00000080;margin-bottom:40px}.pnf-buttons{display:flex;flex-wrap:wrap;gap:16px}.pnf-btn{padding:20px 24px;border-radius:12px;font-size:1.1rem;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;gap:12px;transition:transform .2s;box-shadow:0 8px 16px #0006}.pnf-btn:hover{transform:translateY(-4px)}.pnf-btn.blue{background:linear-gradient(180deg,#60a5fa,#2563eb)}.pnf-btn.green{background:linear-gradient(180deg,#34d399,#059669)}.pnf-btn.orange{background:linear-gradient(180deg,#fb923c,#ea580c)}.pnf-btn.purple{background:linear-gradient(180deg,#c084fc,#7e22ce)}.pnf-btn .icon{font-size:2rem}.pnf-speech{position:absolute;bottom:20%;right:32%;background:#fff;color:#000;padding:20px;border-radius:20px;font-size:1.2rem;font-weight:600;max-width:320px;box-shadow:0 10px 25px #00000080;z-index:300}.pnf-speech:after{content:"";position:absolute;top:50%;right:-20px;border-width:15px 0 15px 20px;border-style:solid;border-color:transparent transparent transparent white;transform:translateY(-50%)}.chat-split-screen.global-market-theme:not(.scene-product-not-found){background:linear-gradient(180deg,#1e293bb3,#0f172ae6),url(/images/blurry_market_aisle.png) center left/cover no-repeat;animation:ambientFloat 40s ease-in-out infinite alternate;position:relative;overflow:hidden}@keyframes ambientFloat{0%{background-position:left center}to{background-position:right center}}.chat-split-screen.global-market-theme:not(.scene-product-not-found):before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle at 50% 50%,#ffffff14,#0000 60%);animation:pulseGlow 5s infinite alternate;z-index:0}@keyframes pulseGlow{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.chat-split-screen.global-market-theme .scenario-pane,.chat-split-screen.global-market-theme .assistant-pane,.chat-split-screen.global-market-theme .avatar-top-pane,.chat-split-screen.global-market-theme .supermarket-container,.chat-split-screen.global-market-theme .supermarket-products{background:transparent!important;box-shadow:none!important;border-color:#ffffff1a}.chat-split-screen.global-market-theme .supermarket-sidebar{background:#0f172a66!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:1px solid rgba(255,255,255,.1)}.chat-split-screen.global-market-theme .supermarket-header{background:#0f172a80!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1)}.chat-split-screen.global-market-theme .chat-bottom-pane{background:#0f172acc!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1)}.supermarket-products.metal-fridge-theme{padding:0;overflow-x:hidden}.shelves-container{display:flex;flex-direction:column;padding:30px 0}.supermarket-shelf-row{display:flex;flex-direction:column;position:relative;margin-bottom:50px}.shelf-items{display:flex;justify-content:space-around;align-items:flex-end;padding:0 40px;height:200px;position:relative;z-index:2}.shelf-product{display:flex;flex-direction:column;align-items:center;position:relative;width:140px;transition:transform .2s}.shelf-product:hover{transform:translateY(-5px)}.product-image-container{height:180px;width:100%;display:flex;align-items:flex-end;justify-content:center}.product-image-container img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5))}.product-emoji{font-size:5rem;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5))}.shelf-platform{height:25px;width:100%;background:linear-gradient(to bottom,#cbd5e1cc,#94a3b8d9 20%,#475569f2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:2px solid rgba(248,250,252,.8);border-bottom:4px solid #0f172a;position:relative;z-index:1;box-shadow:0 20px 30px #000c}.shelf-lighting{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#fff0,#fffc,#fff0);animation:neonFlicker 3s infinite alternate}@keyframes neonFlicker{0%,to{opacity:.8}50%{opacity:1}80%{opacity:.6}85%{opacity:1}}.price-tag-hanger{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;z-index:10}.price-tag{background:#fef08a;border:1px solid #eab308;padding:6px 10px;border-radius:4px;color:#1e293b;display:flex;flex-direction:column;align-items:center;box-shadow:2px 5px 15px #0009;position:relative;width:120px}.price-tag:before,.price-tag:after{content:"";position:absolute;top:-12px;width:4px;height:12px;background:#e2e8f0;border:1px solid #94a3b8;border-radius:2px}.price-tag:before{left:20px}.price-tag:after{right:20px}.product-name-mini{font-size:.75rem;font-weight:600;text-align:center;line-height:1.1;margin-bottom:4px;height:26px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-price-mini{font-size:1.1rem;font-weight:800;color:#b45309;margin-bottom:2px}.product-image-tappable{cursor:pointer;border-radius:10px;position:relative;transition:transform .15s ease,filter .15s ease}.product-image-tappable:hover{transform:translateY(-4px) scale(1.05);filter:brightness(1.1)}.product-image-tappable:active{transform:scale(.94);filter:brightness(1.2)}.product-tap-hint{position:absolute;bottom:6px;right:6px;background:#2563eb;color:#fff;width:28px;height:28px;border-radius:50%;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease;box-shadow:0 2px 8px #2563ebb3;pointer-events:none}.product-image-tappable:hover .product-tap-hint{opacity:1;transform:scale(1)}@keyframes addFlash{0%{box-shadow:0 0 #2563ebb3}50%{box-shadow:0 0 0 10px #2563eb40}to{box-shadow:0 0 #2563eb00}}.product-image-tappable:active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#2563eb33;animation:addFlash .3s ease-out;pointer-events:none}.extra-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.extra-confirm-modal{background:#1a1f35;border:1.5px solid rgba(139,92,246,.45);border-radius:20px;padding:32px 28px 24px;max-width:320px;width:90%;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 12px 48px #000000b3,0 0 30px #8b5cf626;animation:confirmPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes confirmPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.extra-confirm-emoji{font-size:2.8rem;line-height:1}.extra-confirm-title{font-size:1rem;font-weight:700;color:#a78bfa;text-align:center;margin:0}.extra-confirm-product{font-size:1.05rem;font-weight:800;color:#f1f5f9;text-align:center;margin:0;padding:6px 14px;background:#ffffff0f;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.extra-confirm-question{font-size:.9rem;color:#94a3b8;text-align:center;margin:0;line-height:1.5}.extra-confirm-buttons{display:flex;gap:12px;margin-top:6px;width:100%}.extra-confirm-btn{flex:1;padding:12px;border-radius:12px;border:none;font-size:.92rem;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;transition:transform .15s,box-shadow .15s}.extra-confirm-btn.yes{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 14px #8b5cf666}.extra-confirm-btn.yes:hover{transform:translateY(-2px);box-shadow:0 6px 18px #8b5cf68c}.extra-confirm-btn.yes:active{transform:scale(.96)}.extra-confirm-btn.no{background:#ffffff12;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.extra-confirm-btn.no:hover{background:#ffffff1f;color:#f1f5f9}.extra-confirm-btn.no:active{transform:scale(.96)}.results-extra-section{width:100%;background:linear-gradient(135deg,#8b5cf61a,#6d28d90f);border:1.5px solid rgba(139,92,246,.3);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.results-extra-header{font-size:.95rem;font-weight:700;color:#a78bfa}.results-extra-list{display:flex;flex-wrap:wrap;gap:6px}.results-extra-tag{background:#8b5cf626;border:1px solid rgba(139,92,246,.35);color:#c4b5fd;padding:4px 12px;border-radius:20px;font-size:.82rem;font-weight:600}.results-extra-note{font-size:.8rem;color:#64748b;margin:0;font-style:italic}.ticket-screen-left{display:flex;flex-direction:column;width:100%;height:100%;background:linear-gradient(160deg,#07090f,#0d1117 55%,#101624);color:#f8fafc;overflow:hidden;position:relative}.ticket-screen-header{flex:0 0 auto;display:flex;align-items:center;gap:16px;padding:14px 22px;background:#00000073;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:60px}.ticket-back-btn{background:#ffffff12;color:#94a3b8;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:7px 13px;cursor:pointer;font-size:.82rem;font-weight:500;transition:background .2s,color .2s;white-space:nowrap;flex-shrink:0}.ticket-back-btn:hover{background:#ffffff24;color:#e2e8f0}.ticket-screen-title{display:flex;flex-direction:column;min-width:0;flex:1}.ticket-now-booking{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#60a5fa;font-weight:700;line-height:1;margin-bottom:3px}.ticket-movie-name{font-size:1.05rem;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-screen-subtitle{font-size:.95rem;color:#64748b;font-weight:400;font-style:italic}.ticket-content-area{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.ticket-action-bar{flex:0 0 auto;display:flex;gap:10px;padding:12px 22px;background:#00000080;border-top:1px solid rgba(255,255,255,.06)}.ticket-break-btn{background:#6366f1d9;color:#fff;border:none;border-radius:10px;padding:10px 18px;cursor:pointer;font-size:.88rem;font-weight:600;transition:background .2s;flex-shrink:0}.ticket-break-btn:hover{background:#4f46e5}.ticket-finish-btn{flex:1;background:linear-gradient(135deg,#065f46,#059669);color:#fff;border:none;border-radius:10px;padding:10px 18px;cursor:pointer;font-size:.92rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #05966947}.ticket-finish-btn:hover:not(.disabled){background:linear-gradient(135deg,#047857,#10b981);box-shadow:0 6px 20px #0596696b}.ticket-finish-btn.disabled{opacity:.45;cursor:not-allowed}.ticket-ui-container{display:flex;flex-direction:column;height:100%;padding:16px 20px 0;color:#f8fafc;overflow:hidden}.ticket-tabs{display:flex;gap:8px;margin-bottom:14px;flex-shrink:0}.ticket-tab{flex:1;padding:10px 8px;border:1px solid rgba(255,255,255,.07);background:#ffffff0a;color:#64748b;font-size:.92rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .22s ease}.ticket-tab:hover{background:#ffffff17;color:#94a3b8}.ticket-tab.active{background:#3b82f62e;color:#93c5fd;border-color:#3b82f661;box-shadow:0 0 14px #3b82f624}.ticket-scroll-area{flex:1;overflow-y:auto;min-height:0;padding-bottom:16px}.ticket-scroll-area::-webkit-scrollbar{width:4px}.ticket-scroll-area::-webkit-scrollbar-track{background:transparent}.ticket-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.ticket-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ticket-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.ticket-card:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 14px 36px #0000008c;border-color:#3b82f647}.ticket-poster{width:100%;aspect-ratio:2 / 3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.poster-icon{font-size:3.2rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.ticket-card-info{padding:10px 12px 12px;background:#00000059}.ticket-card-info h4{margin:0 0 3px;font-size:.88rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f1f5f9}.ticket-card-info p{margin:0;font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-details-view{display:flex;flex-direction:column;gap:16px;height:100%;min-height:0;overflow-y:auto;padding-bottom:16px}.ticket-details-view::-webkit-scrollbar{width:4px}.ticket-details-view::-webkit-scrollbar-track{background:transparent}.ticket-details-view::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.back-to-list-btn{align-self:flex-start;background:#ffffff14;color:#94a3b8;border:1px solid rgba(255,255,255,.1);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:500;transition:background .2s;flex-shrink:0}.back-to-list-btn:hover{background:#ffffff24;color:#e2e8f0}.ticket-details-card{display:flex;gap:28px;background:#ffffff0a;padding:24px;border-radius:14px;border:1px solid rgba(255,255,255,.07);flex-shrink:0}.ticket-detail-poster{width:200px;aspect-ratio:2 / 3;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;box-shadow:0 10px 30px #0009}.ticket-detail-poster .poster-icon{font-size:5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ticket-info-large{display:flex;flex-direction:column;flex-grow:1;min-width:0}.ticket-info-large h2{margin:0 0 10px;font-size:1.8rem;font-weight:800;line-height:1.1;color:#f1f5f9}.ticket-genre{display:inline-flex;align-items:center;background:#3b82f626;border:1px solid rgba(59,130,246,.25);padding:4px 12px;border-radius:20px;font-size:.82rem;color:#93c5fd;margin-bottom:8px;align-self:flex-start}.ticket-duration{color:#64748b;font-size:.9rem;margin-bottom:20px}.showtimes-section h3{margin:0 0 12px;font-size:1rem;font-weight:600;color:#cbd5e1}.showtimes-grid{display:flex;flex-wrap:wrap;gap:10px}.showtime-badge{background:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:#93c5fd;padding:6px 14px;border-radius:6px;font-size:.95rem;font-weight:600;letter-spacing:.03em}.showtime-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f666}.showtime-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f699}.showtime-btn:disabled{background:#475569;box-shadow:none;cursor:not-allowed;opacity:.7}.processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#07090fcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.processing-overlay .spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top:3px solid #3b82f6;border-radius:50%;animation:spin .9s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .35s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.ticket-details-card{flex-direction:column;padding:16px}.ticket-detail-poster{width:100%;aspect-ratio:3 / 2}.ticket-grid{grid-template-columns:repeat(2,1fr)}}.receipt-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0e1ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.receipt-modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:40px 30px;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-lg),var(--shadow-glow-purple);display:flex;flex-direction:column;align-items:center;gap:15px}.receipt-header{font-size:4rem;margin-bottom:10px;animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.receipt-modal h3{font-size:1.5rem;color:var(--text-primary);margin:0}.receipt-modal p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 10px}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.step-progress-bar{display:flex;align-items:center;justify-content:center;gap:0;padding:8px 16px;background:#111827b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);min-height:52px;flex-shrink:0}.step-progress-item-wrapper{display:flex;align-items:center;flex:1;min-width:0}.step-progress-item-wrapper:first-child{flex:0 0 auto}.step-connector{flex:1;height:2px;background:var(--border-color);margin:0 4px;transition:background .5s ease;min-width:10px}.step-connector.completed{background:var(--accent-emerald);box-shadow:0 0 6px #10b9814d}.step-progress-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:default;transition:all .3s ease}.step-icon-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;border:2px solid var(--border-color);background:var(--bg-card);transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0}.step-progress-item.completed .step-icon-circle{background:var(--accent-emerald);border-color:var(--accent-emerald);box-shadow:0 0 10px #10b9814d}.step-progress-item.current .step-icon-circle{border-color:var(--accent-blue);background:#3b82f626;box-shadow:0 0 12px #3b82f64d;animation:stepPulse 2s infinite}.step-progress-item.pending .step-icon-circle{opacity:.4}.step-check{color:#fff;font-size:.7rem;font-weight:700}.step-icon{font-size:.75rem;line-height:1}.step-label{font-size:.55rem;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;transition:color .3s ease}.step-progress-item.current .step-label{color:var(--accent-blue);font-weight:600}.step-progress-item.completed .step-label{color:var(--accent-emerald)}@keyframes stepPulse{0%,to{box-shadow:0 0 8px #3b82f633}50%{box-shadow:0 0 16px #3b82f680}}.emotion-thermometer{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 16px 8px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(17,24,39,.95),rgba(17,24,39,.6),transparent);z-index:5}.emotion-thermometer.pulse-update{animation:emotionPulse .6s ease}@keyframes emotionPulse{0%{transform:scale(1)}30%{transform:scale(1.02)}60%{transform:scale(.99)}to{transform:scale(1)}}.emotion-label{font-size:.65rem;color:var(--text-muted);font-weight:500;letter-spacing:.03em;text-transform:uppercase}.emotion-emojis{display:flex;gap:6px;align-items:center}.emotion-emoji{width:32px;height:32px;border-radius:50%;border:2px solid transparent;background:#ffffff0a;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0}.emotion-emoji:hover{background:#ffffff1a;transform:scale(1.15)}.emotion-emoji.selected{border-color:var(--glow-color, var(--accent-blue));background:#ffffff14;transform:scale(1.2);box-shadow:0 0 14px color-mix(in srgb,var(--glow-color, var(--accent-blue)) 40%,transparent)}.emotion-track{width:120px;height:3px;border-radius:3px;background:linear-gradient(to right,#10b981,#3b82f6,#f59e0b,#f97316,#ef4444);position:relative;margin-top:2px;opacity:.6}.emotion-track-fill{display:none}.emotion-track-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;border:2px solid white;transition:left .4s cubic-bezier(.4,0,.2,1),background .4s ease;box-shadow:0 0 6px #00000080}.expression-badge-wrapper{position:absolute;bottom:8px;left:8px;z-index:20}.expression-badge{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;border:1px solid color-mix(in srgb,var(--expr-color, #64748b) 40%,transparent);background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;animation:exprBadgeIn .5s ease-out}.expression-badge:hover{background:#000000b3;transform:scale(1.05);box-shadow:0 0 12px color-mix(in srgb,var(--expr-color, #64748b) 30%,transparent)}@keyframes exprBadgeIn{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.expression-badge-emoji{font-size:1rem;line-height:1}.expression-badge-label{font-size:.65rem;color:var(--expr-color, var(--text-secondary));font-weight:600;text-transform:uppercase;letter-spacing:.05em}.expression-tooltip{position:absolute;bottom:calc(100% + 10px);left:0;width:220px;padding:14px;background:#111827eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--expr-color, #64748b) 30%,transparent);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;animation:tooltipIn .3s ease-out;z-index:25}@keyframes tooltipIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.expression-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.expression-tooltip-emoji{font-size:1.4rem}.expression-tooltip-header strong{font-size:.9rem;color:var(--expr-color, var(--text-primary))}.expression-tooltip-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.5;margin:0}.expression-tooltip-close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:2px 4px;transition:color .2s}.expression-tooltip-close:hover{color:var(--text-primary)}[data-sensory=calm]{--bg-primary: #0d1117;--bg-secondary: #151b27;--bg-card: #1c2333;--bg-card-hover: #232b3d;--accent-blue: #6b9bd2;--accent-purple: #a78bca;--accent-cyan: #5bb8c9;--accent-pink: #d4a0b9;--accent-emerald: #6dba9e;--accent-amber: #d4b068;--text-primary: #d8dee9;--text-secondary: #8899aa;--border-color: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .2);--shadow-md: 0 2px 10px rgba(0, 0, 0, .25);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .3);--transition: all .5s cubic-bezier(.4, 0, .2, 1)}[data-sensory=calm] body:before{opacity:.3;animation-duration:40s}[data-sensory=calm] .screen-header h1{font-size:2rem}[data-sensory=calm] body{font-size:1.05rem}[data-sensory=calm] .avatar-card:hover,[data-sensory=calm] .scenario-card:hover{transform:translateY(-2px)}[data-sensory=calm] .message-bubble{font-size:.95rem;line-height:1.7}[data-sensory=calm] *{animation-duration:.01s!important;transition-duration:.01s!important}[data-sensory=rich]{--shadow-glow-blue: 0 0 40px rgba(59, 130, 246, .25);--shadow-glow-purple: 0 0 40px rgba(139, 92, 246, .25);--transition: all .25s cubic-bezier(.22, 1, .36, 1)}[data-sensory=rich] .avatar-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}[data-sensory=rich] .scenario-card:hover{transform:translateY(-6px) scale(1.01)}[data-sensory=rich] .send-button:hover{transform:translateY(-3px) scale(1.03)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-font-size=small] body{font-size:.85rem}[data-font-size=small] .message-bubble{font-size:.82rem}[data-font-size=large] body{font-size:1.1rem}[data-font-size=large] .message-bubble{font-size:1rem}[data-font-size=large] .screen-header h1{font-size:2.5rem}.preferences-screen{max-width:600px;width:100%;margin:0 auto}.preferences-progress{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:36px}.pref-progress-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-muted);transition:var(--transition);cursor:pointer}.pref-progress-dot.active{background:var(--gradient-primary);border-color:var(--accent-blue);color:#fff;box-shadow:var(--shadow-glow-blue)}.pref-progress-dot.completed{background:var(--accent-emerald);border-color:var(--accent-emerald);color:#fff}.pref-progress-line{width:40px;height:2px;background:var(--border-color);border-radius:2px}.pref-step-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px 32px;text-align:center;animation:fadeIn .4s ease-out}.pref-step-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.pref-step-subtitle{font-size:.9rem;color:var(--text-secondary);margin-bottom:28px;line-height:1.6}.pref-options{display:flex;flex-direction:column;gap:12px}.pref-option-btn{display:flex;align-items:center;gap:16px;padding:18px 24px;background:var(--bg-glass);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;text-align:left}.pref-option-btn:hover{border-color:var(--accent-blue);background:#3b82f60f;transform:translate(4px)}.pref-option-btn.selected{border-color:var(--accent-blue);background:#3b82f61a;box-shadow:var(--shadow-glow-blue)}.pref-option-icon{font-size:1.6rem;flex-shrink:0}.pref-option-info{display:flex;flex-direction:column;gap:2px}.pref-option-label{font-weight:600;font-size:.95rem}.pref-option-desc{font-size:.78rem;color:var(--text-muted)}.pref-nav{display:flex;justify-content:space-between;margin-top:28px}.pref-nav-btn{padding:12px 28px;border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-secondary)}.pref-nav-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.pref-nav-btn.primary{background:var(--gradient-primary);border:none;color:#fff}.pref-nav-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-blue)}.cartoon-2d-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:10px;position:relative;overflow:visible}.cartoon-2d-avatar svg{max-width:320px;max-height:420px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.15));overflow:visible}.cartoon-2d-avatar .avatar-body-group{animation:avatarFloat 3s ease-in-out infinite;transform-origin:150px 250px}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cartoon-2d-avatar .avatar-blink{opacity:0;animation:avatarBlink 4s ease-in-out infinite}@keyframes avatarBlink{0%,92%,to{opacity:0}95%,97%{opacity:1}}.cartoon-2d-avatar.is-speaking .avatar-body-group{animation:avatarFloat 3s ease-in-out infinite,speakingBob .6s ease-in-out infinite alternate}@keyframes speakingBob{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-4px) rotate(1deg)}}.cartoon-2d-avatar.is-speaking .avatar-hand-left{animation:handGestureLeft 1.2s ease-in-out infinite alternate}.cartoon-2d-avatar.is-speaking .avatar-hand-right{animation:handGestureRight .9s ease-in-out infinite alternate}@keyframes handGestureLeft{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-8px) rotate(-5deg)}}@keyframes handGestureRight{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-12px) rotate(5deg) translate(4px)}}.cartoon-2d-avatar.is-speaking .avatar-brow-left{animation:browRaise .8s ease-in-out infinite alternate}.cartoon-2d-avatar.is-speaking .avatar-brow-right{animation:browRaise 1s ease-in-out infinite alternate}@keyframes browRaise{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.cartoon-2d-avatar.is-speaking.is-dog .avatar-tongue{animation:tongueWag .4s ease-in-out infinite alternate}@keyframes tongueWag{0%{opacity:.8;transform:translateY(0) scaleY(1)}to{opacity:1;transform:translateY(3px) scaleY(1.3)}}.cartoon-2d-avatar.is-warning .avatar-body-group{animation:avatarShake .15s ease-in-out infinite}@keyframes avatarShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-4px) rotate(-2deg)}75%{transform:translate(4px) rotate(2deg)}}.cartoon-2d-avatar.is-warning .avatar-brow-left{transform:translateY(-5px) rotate(15deg);transition:transform .2s}.cartoon-2d-avatar.is-warning .avatar-brow-right{transform:translateY(-5px) rotate(-15deg);transition:transform .2s}.cartoon-2d-avatar.is-breathing .avatar-body-group{animation:avatarBreathe 3.5s ease-in-out infinite;transform-origin:150px 300px}@keyframes avatarBreathe{0%,to{transform:scale(1) translateY(0)}35%{transform:scale(1.06,1.08) translateY(-8px)}65%{transform:scale(1.06,1.08) translateY(-8px)}}.cartoon-2d-avatar.is-breathing .avatar-mouth{animation:breatheMouth 3.5s ease-in-out infinite}@keyframes breatheMouth{0%,to{ry:4;rx:12}30%,70%{ry:14;rx:9}}.cartoon-2d-avatar.is-breathing .avatar-hand-left{animation:breatheHandLeft 3.5s ease-in-out infinite}.cartoon-2d-avatar.is-breathing .avatar-hand-right{animation:breatheHandRight 3.5s ease-in-out infinite}@keyframes breatheHandLeft{0%,to{transform:translate(0)}35%,65%{transform:translate(-8px,-6px)}}@keyframes breatheHandRight{0%,to{transform:translate(0)}35%,65%{transform:translate(8px,-6px)}}.cartoon-2d-avatar.is-dog .avatar-tail{animation:tailWag .6s ease-in-out infinite alternate;transform-origin:218px 340px}.cartoon-2d-avatar.is-dog.is-speaking .avatar-tail{animation:tailWagFast .3s ease-in-out infinite alternate;transform-origin:218px 340px}@keyframes tailWag{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes tailWagFast{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.cartoon-2d-avatar.is-dog .avatar-ear-left{animation:earFlop 2.5s ease-in-out infinite alternate}.cartoon-2d-avatar.is-dog .avatar-ear-right{animation:earFlop 3s ease-in-out infinite alternate-reverse}@keyframes earFlop{0%{transform:rotate(0)}to{transform:rotate(3deg)}}.cartoon-2d-avatar.is-robot .avatar-led-eye{animation:ledGlow 2s ease-in-out infinite alternate}@keyframes ledGlow{0%{opacity:.8;filter:brightness(1)}to{opacity:1;filter:brightness(1.3)}}.cartoon-2d-avatar.is-robot .avatar-antenna{animation:antennaBounce 2s ease-in-out infinite;transform-origin:150px 68px}@keyframes antennaBounce{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.cartoon-2d-avatar.is-robot .avatar-heart{animation:heartPulse 1.5s ease-in-out infinite;transform-origin:center}@keyframes heartPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.cartoon-2d-avatar.is-robot.is-speaking .avatar-led-eye{animation:ledFlash .3s ease-in-out infinite alternate}@keyframes ledFlash{0%{opacity:.7}to{opacity:1;filter:brightness(1.5) drop-shadow(0 0 6px currentColor)}}.cartoon-2d-avatar .avatar-shadow{animation:shadowPulse 3s ease-in-out infinite}@keyframes shadowPulse{0%,to{rx:55;opacity:.08}50%{rx:50;opacity:.12}}.cartoon-2d-avatar.is-speaking .avatar-shadow{animation:shadowPulse 1.5s ease-in-out infinite}.cartoon-2d-avatar .avatar-mouth{transition:fill .2s ease}.cartoon-2d-avatar .avatar-brow-left,.cartoon-2d-avatar .avatar-brow-right{transition:transform .3s ease}.pref-settings-btn{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;transition:var(--transition);z-index:100}.pref-settings-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);transform:rotate(30deg)}.rich-bubble-soothing .message-bubble{background:#10b9810f!important;border-color:#10b98133!important;position:relative;padding-left:36px!important}.rich-bubble-soothing .message-bubble:before{content:"🌿";position:absolute;left:12px;top:12px;font-size:.9rem}.rich-bubble-step-card .message-bubble{background:#3b82f60f!important;border-color:#3b82f633!important;border-radius:var(--radius-lg)!important}.step-card-inner{display:flex;align-items:flex-start;gap:12px}.step-card-icon{font-size:1.6rem;flex-shrink:0;margin-top:2px}.step-card-content{display:flex;flex-direction:column;gap:4px}.step-card-number{font-size:.7rem;color:var(--accent-blue);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.step-card-title{font-weight:600;font-size:.95rem;color:var(--text-primary)}.step-card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.rich-bubble-progress .message-bubble{background:#10b98114!important;border-color:#10b98140!important;padding:8px 16px!important;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.85rem;border-radius:20px!important}.progress-pill-icon{font-size:1rem}.rich-bubble-choice .choice-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.choice-option-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-glass);border:1px solid var(--accent-blue);color:var(--accent-blue);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif}.choice-option-btn:hover{background:#3b82f61f;transform:translateY(-2px)}.choice-option-icon{font-size:1rem}.unexpected-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.unexpected-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:36px 32px;max-width:440px;width:90%;text-align:center;animation:fadeIn .4s ease-out;position:relative}.unexpected-icon{font-size:3rem;margin-bottom:16px;display:block}.unexpected-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.unexpected-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.unexpected-breathe-tip{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#10b9810f;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-md);margin-bottom:20px;font-size:.82rem;color:var(--accent-emerald)}.unexpected-actions{display:flex;flex-direction:column;gap:10px}.unexpected-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary)}.unexpected-action-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-blue);transform:translateY(-2px)}.unexpected-action-btn .action-icon{font-size:1.2rem}.unexpected-dismiss{margin-top:16px;background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif}.unexpected-dismiss:hover{color:var(--text-secondary)}.progress-dashboard{max-width:860px;width:100%;margin:0 auto}.progress-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}.progress-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:var(--transition)}.progress-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-sm)}.progress-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.progress-card-icon{font-size:1.5rem}.progress-card-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.progress-card-subtitle{font-size:.78rem;color:var(--text-muted)}.progress-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.progress-stat:last-child{border-bottom:none}.progress-stat-label{font-size:.82rem;color:var(--text-secondary)}.progress-stat-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.progress-chart-card{grid-column:1 / -1}.progress-chart-svg{width:100%;height:180px}.chart-grid-line{stroke:#ffffff0f;stroke-width:1}.chart-line{fill:none;stroke:var(--accent-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-dot{r:4;stroke:var(--bg-card);stroke-width:2}.chart-label{font-size:.65rem;fill:var(--text-muted);font-family:Inter,sans-serif}.skill-bar-container{margin-bottom:12px}.skill-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.skill-bar-label{font-size:.82rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.skill-bar-value{font-size:.82rem;font-weight:600;color:var(--text-primary)}.skill-bar-track{width:100%;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:3px;transition:width 1s cubic-bezier(.4,0,.2,1)}.sessions-table{width:100%;border-collapse:collapse;font-size:.82rem}.sessions-table th{text-align:left;padding:10px 12px;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.sessions-table td{padding:10px 12px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.03)}.sessions-table tr:hover td{background:#ffffff05}.progress-export-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;margin-top:20px}.progress-export-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-blue)}.bus-journey-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#04060f}.bjs-sky{position:absolute;top:0;right:0;left:0;bottom:38%;background:linear-gradient(180deg,#020408,#06091a 25%,#0d1b3e 55%,#1a2d5a 75%,#2a3d72 90%,#7c3aed)}.bjs-moon{position:absolute;top:12%;right:14%;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fef9c3,#fde68a,#f59e0b);box-shadow:0 0 30px 10px #fbbf2440,0 0 60px 20px #fbbf241a}.bjs-star{position:absolute;border-radius:50%;background:#fff;animation:bjs-twinkle 2.5s ease-in-out infinite alternate}@keyframes bjs-twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.bjs-horizon{position:absolute;left:0;right:0;bottom:32%;height:14%;background:linear-gradient(180deg,#7c3aed,#4f46e5 40%,#1e1b4b)}.bjs-city-silhouette{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(180deg,transparent 0%,#0a0a1a 100%),repeating-linear-gradient(90deg,#0a0a1a 0px,#0a0a1a 18px,transparent 18px,transparent 22px,#0a0a1a 22px,#0a0a1a 32px,transparent 32px,transparent 36px,#0a0a1a 36px,#0a0a1a 55px,transparent 55px,transparent 60px,#0a0a1a 60px,#0a0a1a 68px,transparent 68px,transparent 72px,#0a0a1a 72px,#0a0a1a 88px,transparent 88px,transparent 94px,#0a0a1a 94px,#0a0a1a 105px,transparent 105px,transparent 110px,#0a0a1a 110px,#0a0a1a 118px,transparent 118px,transparent 124px,#0a0a1a 124px,#0a0a1a 140px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 40%);mask-image:linear-gradient(180deg,transparent 0%,black 40%)}.bjs-road{position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(180deg,#111827,#1f2937 40%,#374151);overflow:hidden}.bjs-road:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#f97316 50%,transparent 95%);opacity:.6}.bjs-road:after{content:"";position:absolute;top:10%;bottom:5%;left:8%;right:8%;border-left:2px solid rgba(255,255,255,.15);border-right:2px solid rgba(255,255,255,.15)}.bjs-road-line{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:repeating-linear-gradient(180deg,#fbbf24 0px,#fbbf24 30px,transparent 30px,transparent 56px);animation:bjs-road-scroll 1.2s linear infinite}@keyframes bjs-road-scroll{0%{background-position:0 0}to{background-position:0 86px}}.bjs-window-frame{position:absolute;top:0;bottom:0;width:7%;background:linear-gradient(90deg,#1a1a2e,#0d0d1a);z-index:5}.bjs-window-left{left:0;background:linear-gradient(90deg,#0d0d1a,#1e1e32 80%,transparent)}.bjs-window-right{right:0;background:linear-gradient(270deg,#0d0d1a,#1e1e32 80%,transparent)}.bjs-window-top{position:absolute;top:0;left:0;right:0;height:6%;background:linear-gradient(180deg,#0d0d1a 40%,transparent);z-index:5}.bjs-window-bottom{position:absolute;bottom:0;left:0;right:0;height:4%;background:linear-gradient(0deg,#0d0d1a 40%,transparent);z-index:5}.bjs-info-card{position:absolute;bottom:6%;left:50%;transform:translate(-50%);z-index:10;background:#0a0a1ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(249,115,22,.4);border-radius:16px;padding:14px 22px;display:flex;align-items:center;gap:12px;white-space:nowrap;box-shadow:0 8px 32px #00000080,0 0 0 1px #f973161a}.bjs-info-icon{font-size:1.5rem}.bjs-info-title{font-size:.95rem;font-weight:800;color:#fff;line-height:1.3}.bjs-info-sub{font-size:.75rem;color:#fb923c;margin-top:2px}.bus-journey-scene~.back-button,.bus-journey-back{position:absolute;top:16px;left:16px;z-index:20}.bus-seat-map-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:rgba(249,115,22,.3) transparent}.bus-seat-map-header{background:linear-gradient(135deg,#1e3a5f,#1e40af,#1d4ed8);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.bus-seat-map-company{font-size:1rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:6px;letter-spacing:.3px}.bus-seat-map-company:before{content:"🚌";font-size:1.1rem}.bus-seat-map-meta{display:flex;gap:10px;font-size:.78rem;color:#fffc;flex-wrap:wrap}.bus-seat-map-meta span{background:#ffffff26;border-radius:12px;padding:2px 8px}.bus-seat-map-price{font-size:1.3rem;font-weight:800;color:#fbbf24;white-space:nowrap}.bus-select-prompt{text-align:center;font-size:.82rem;color:#fb923c;padding:8px 16px;font-weight:700;background:#f9731614;border-bottom:1px solid rgba(249,115,22,.15);letter-spacing:.2px}.bus-body{background:#0f172a99;border:1.5px solid rgba(255,255,255,.08);border-radius:0 0 12px 12px;padding:14px 14px 10px;margin:0 12px;position:relative}.bus-driver-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px dashed rgba(249,115,22,.25);font-size:.72rem;color:#94a3b8;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.bus-driver-wheel{font-size:1.5rem}.bus-rows{display:flex;flex-direction:column;gap:5px}.bus-row{display:flex;align-items:center;gap:4px}.bus-row-num{width:16px;font-size:.6rem;color:#475569;text-align:right;flex-shrink:0;font-weight:700}.bus-seat-gap{width:16px;flex-shrink:0}.bus-seat{width:33px;height:36px;border-radius:7px 7px 4px 4px;border:1.5px solid transparent;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;flex-shrink:0;transition:transform .15s,box-shadow .15s,background .15s;position:relative}.bus-seat:before{content:"";position:absolute;top:0;left:2px;right:2px;height:5px;border-radius:4px 4px 0 0;opacity:.5}.bus-seat.male{background:linear-gradient(160deg,#93c5fd,#60a5fa);border-color:#3b82f6;color:#1e3a5f}.bus-seat.male:before{background:#3b82f6}.bus-seat.female{background:linear-gradient(160deg,#f9a8d4,#f472b6);border-color:#ec4899;color:#4a0028}.bus-seat.female:before{background:#ec4899}.bus-seat.empty{background:linear-gradient(160deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;color:#475569;cursor:pointer}.bus-seat.empty:before{background:#94a3b8}.bus-seat.empty:hover{background:linear-gradient(160deg,#bbf7d0,#86efac);border-color:#22c55e;transform:scale(1.13) translateY(-2px);box-shadow:0 4px 12px #22c55e73}.bus-seat.empty:hover:before{background:#22c55e}.bus-seat.selected{background:linear-gradient(160deg,#4ade80,#22c55e);border-color:#16a34a;color:#fff;box-shadow:0 0 0 2.5px #16a34a,0 4px 12px #22c55e66;transform:scale(1.1) translateY(-2px)}.bus-seat.selected:before{background:#15803d}.bus-footer{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 14px 12px;margin:0 12px;gap:8px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.06)}.bus-sun-note{display:flex;align-items:center;gap:5px;font-size:.72rem;color:#fbbf24;font-style:italic}.bus-legend{display:flex;flex-direction:column;gap:4px}.bus-legend-item{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--text-secondary)}.bus-legend-dot{width:14px;height:16px;border-radius:4px 4px 2px 2px;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.bus-confirm-area{padding:10px 12px 14px;display:flex;justify-content:stretch}.bus-confirm-area .pnf-btn{width:100%;justify-content:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;box-shadow:0 4px 14px #f9731666;font-size:.95rem;font-weight:700;letter-spacing:.2px;transition:transform .15s,box-shadow .15s}.bus-confirm-area .pnf-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f973168c}.bus-gender-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;border-radius:12px}.bus-gender-popup{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(249,115,22,.3);border-radius:20px;padding:28px 32px 24px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 16px 48px #0009,0 0 0 1px #f973161a;min-width:270px}.bus-gender-popup-title{font-size:1rem;color:var(--text-primary);text-align:center;font-weight:700;letter-spacing:-.2px}.bus-gender-buttons{display:flex;gap:20px}.bus-gender-btn{display:flex;flex-direction:column;align-items:center;gap:10px;background:#ffffff0a;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 20px;cursor:pointer;transition:background .18s,border-color .18s,transform .14s,box-shadow .18s;color:var(--text-primary);font-size:.95rem;font-weight:700}.bus-gender-btn:hover{transform:translateY(-3px)}.bus-gender-btn.male:hover{background:#3b82f62e;border-color:#60a5fa;box-shadow:0 6px 20px #3b82f64d}.bus-gender-btn.female:hover{background:#ec48992e;border-color:#f472b6;box-shadow:0 6px 20px #ec48994d}.bus-gender-avatar{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .14s}.bus-gender-btn:hover .bus-gender-avatar{transform:scale(1.05)}.bus-gender-btn.male .bus-gender-avatar{background:#dbeafe;border:2.5px solid #60a5fa}.bus-gender-btn.female .bus-gender-avatar{background:#fce7f3;border:2.5px solid #f472b6}.bus-form-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:0;scrollbar-width:thin}.bus-form-route-badge{background:linear-gradient(135deg,#1e3a5f,#1e40af);padding:16px 18px;text-align:center;color:#fff;line-height:1.7;font-size:.88rem;font-weight:600;position:relative}.bus-form-route-badge:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:10px;background:radial-gradient(circle at 10px 0,transparent 8px,var(--bg-primary, #0f172a) 8px) repeat-x;background-size:20px 10px}.bus-form-title{font-size:1rem;font-weight:800;color:var(--text-primary);padding:22px 18px 10px;display:flex;align-items:center;gap:8px}.bus-form-title:before{content:"📋";font-size:1rem}.bus-form-group{display:flex;flex-direction:column;gap:5px;padding:0 18px 12px}.bus-form-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.bus-form-input{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:10px;padding:11px 13px;font-size:.9rem;color:var(--text-primary);font-family:Inter,sans-serif;transition:border-color .2s,background .2s,box-shadow .2s;outline:none}.bus-form-input:focus{border-color:#f97316;background:#f9731612;box-shadow:0 0 0 3px #f9731626}.bus-form-input.error{border-color:#ef4444;background:#ef444412}.bus-form-error{font-size:.74rem;color:#f87171;margin-top:2px;display:flex;align-items:center;gap:4px}.bus-form-error:before{content:"⚠";font-size:.7rem}.bus-form-submit{margin:8px 18px 18px;background:linear-gradient(135deg,#f97316,#ea580c)!important;border:none!important;box-shadow:0 4px 16px #f9731666!important;font-weight:700!important;justify-content:center;transition:transform .15s,box-shadow .15s!important}.bus-form-submit:hover{transform:translateY(-2px)!important;box-shadow:0 6px 22px #f973168c!important}.bus-ticket-scene{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#0a0f1e,#0f172a,#1a0a2e);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;padding:20px 16px;overflow-y:auto}.bus-ticket-wrapper{background:#fdfcf7;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0009,0 0 0 1px #f973164d,0 0 40px #f973161a;overflow:hidden;flex-shrink:0}.bus-ticket-header{background:linear-gradient(135deg,#1e3a5f,#1e40af,#7c3aed);padding:16px 20px;display:flex;align-items:center;gap:12px;color:#fff}.bus-ticket-logo{font-size:2rem}.bus-ticket-company{font-size:1rem;font-weight:900;letter-spacing:2px;color:#fff}.bus-ticket-tagline{font-size:.7rem;color:#ffffffa6;margin-top:1px}.bus-ticket-stamp{margin-left:auto;width:42px;height:42px;border-radius:50%;border:3px solid #22c55e;color:#22c55e;font-size:1.3rem;font-weight:900;display:flex;align-items:center;justify-content:center;background:#22c55e26;flex-shrink:0}.bus-ticket-route{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;background:#fdfcf7;gap:8px}.bus-ticket-city{text-align:left}.bus-ticket-city.right{text-align:right}.bus-ticket-city-name{font-size:1.35rem;font-weight:900;color:#1e1b4b;line-height:1.1;text-transform:uppercase;letter-spacing:-.5px}.bus-ticket-city-label{font-size:.6rem;color:#94a3b8;letter-spacing:2px;font-weight:700;margin-top:3px}.bus-ticket-arrow{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;min-width:60px}.bus-ticket-arrow-line{width:100%;height:2px;background:linear-gradient(90deg,#cbd5e1,#f97316,#cbd5e1)}.bus-ticket-arrow-bus{font-size:1.4rem;animation:bus-drive 2s ease-in-out infinite alternate}@keyframes bus-drive{0%{transform:translate(-4px)}to{transform:translate(4px)}}.bus-ticket-divider-perforated{height:2px;margin:0 -1px;background:radial-gradient(circle,#d1d5db 50%,transparent 50%) repeat-x;background-size:12px 10px;background-position:0 50%;border-top:1px dashed #e2e8f0}.bus-ticket-details{padding:14px 24px;background:#fdfcf7;display:flex;flex-direction:column;gap:8px}.bus-ticket-detail-row{display:flex;align-items:center;gap:10px;font-size:.85rem}.bus-ticket-detail-icon{font-size:1rem;width:20px;text-align:center;flex-shrink:0}.bus-ticket-detail-label{font-size:.65rem;font-weight:800;color:#94a3b8;letter-spacing:1px;width:70px;flex-shrink:0}.bus-ticket-detail-value{font-weight:700;color:#1e293b;font-size:.88rem}.bus-ticket-barcode-section{background:#f8fafc;padding:14px 24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px}.bus-ticket-barcode{display:flex;align-items:stretch;height:44px;gap:1px}.bus-ticket-bar{border-radius:1px;min-width:2px}.bus-ticket-no{font-size:.72rem;font-family:Courier New,monospace;color:#64748b;letter-spacing:2px}.bus-ticket-success-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;text-align:center;padding:12px 20px;font-size:.88rem;font-weight:700;letter-spacing:.2px}.bus-ticket-done-btn{width:100%;max-width:440px;justify-content:center;font-size:1rem!important;font-weight:700!important;background:linear-gradient(135deg,#f97316,#ea580c)!important;border:none!important;box-shadow:0 4px 16px #f9731666!important;padding:14px!important;transition:transform .15s,box-shadow .15s!important}.bus-ticket-done-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 24px #f973168c!important}.progress-action-row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.progress-delete-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);color:#f87171;font-size:.85rem;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif}.progress-delete-btn:hover{background:#ef44442e;border-color:#ef4444;color:#ef4444}.privacy-card{background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-md);padding:16px 20px}.privacy-info-text{font-size:.82rem;color:var(--text-muted);line-height:1.6;margin-top:8px}.delete-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-confirm-card{background:var(--bg-card);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);padding:32px 28px;max-width:360px;width:90%;text-align:center;display:flex;flex-direction:column;gap:16px}.delete-confirm-icon{font-size:2.5rem}.delete-confirm-msg{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.delete-confirm-actions{display:flex;gap:10px}.delete-confirm-yes{flex:1;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-md);color:#f87171;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif}.delete-confirm-yes:hover{background:#ef444459}.delete-confirm-cancel{flex:1;padding:12px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif}.delete-confirm-cancel:hover{background:var(--bg-card-hover);color:var(--text-primary)}.delete-success-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#34d399;padding:12px 24px;border-radius:var(--radius-lg);font-size:.9rem;z-index:9999;animation:fadeIn .3s ease}.progress-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.progress-empty-icon{font-size:3rem;margin-bottom:16px;display:block}.scaffolding-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.scaffolding-badge.level-4{background:#3b82f61f;color:var(--accent-blue)}.scaffolding-badge.level-3{background:#8b5cf61f;color:var(--accent-purple)}.scaffolding-badge.level-2{background:#f59e0b1f;color:var(--accent-amber)}.scaffolding-badge.level-1{background:#10b9811f;color:var(--accent-emerald)}.user-preferences-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--bg-main);min-height:100vh}.pref-step-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;width:100%;max-width:800px;box-shadow:0 10px 30px #0003;margin-top:2rem}.pref-progress-dots{display:flex;gap:1.5rem;margin-top:1.5rem;align-items:center;justify-content:center}.pref-dot{width:36px;height:36px;border-radius:50%;background:var(--bg-glass);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid var(--border-color);transition:all .3s ease}.pref-dot.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);transform:scale(1.1)}.pref-dot.completed{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.pref-step-header{text-align:center;margin-bottom:2rem}.pref-step-header h2{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.pref-step-header p{color:var(--text-secondary)}.pref-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.pref-option-card{background:#ffffff08;border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.pref-option-card:hover{background:#ffffff14;transform:translateY(-4px);border-color:#ffffff4d}.pref-option-card.selected{background:#3b82f626;border-color:var(--accent-blue)}.pref-option-icon{font-size:2.5rem}.pref-option-label{font-weight:600;font-size:1.1rem;color:#fff}.pref-option-desc{font-size:.85rem;color:var(--text-secondary)}.pref-option-check{position:absolute;top:10px;right:10px;background:var(--accent-blue);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.pref-nav{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.pref-nav-btn{padding:12px 24px;border-radius:var(--radius-full);font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;border:none}.pref-back-btn{background:#ffffff1a;color:#fff}.pref-back-btn:hover{background:#fff3}.pref-next-btn,.pref-ready-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.pref-next-btn:hover:not(:disabled),.pref-ready-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.pref-nav-btn:disabled{opacity:.5;cursor:not-allowed}.results-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.results-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px 36px;max-width:440px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;animation:slideUp .35s ease-out;box-shadow:0 24px 60px #00000080}.results-hero-emoji{font-size:4rem;line-height:1}.results-title{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0}.results-stats{display:flex;gap:16px;justify-content:center;width:100%}.results-stat{display:flex;align-items:center;gap:10px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px 16px;flex:1}.results-stat .stat-icon{font-size:1.4rem}.results-stat .stat-info{display:flex;flex-direction:column;align-items:flex-start}.results-stat .stat-value{font-size:1.2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.results-stat .stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.results-stars{font-size:1.8rem;letter-spacing:3px}.results-motivate{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0;max-width:340px}.results-buttons{display:flex;gap:12px;width:100%}.results-btn{flex:1;padding:14px 16px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:Inter,sans-serif;border:none}.results-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 16px #6366f159}.results-btn-primary:hover{background:linear-gradient(135deg,#4f52d3,#7c3aed);transform:translateY(-1px)}.results-btn-secondary{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary)}.results-btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary)}.r-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;color:#f1f5f9;position:relative;background:radial-gradient(ellipse 70% 35% at 50% 0%,rgba(245,158,11,.18) 0%,transparent 100%),repeating-linear-gradient(0deg,transparent 0px,transparent 60px,rgba(255,220,130,.025) 60px,rgba(255,220,130,.025) 61px),repeating-linear-gradient(90deg,transparent 0px,transparent 120px,rgba(255,220,130,.015) 120px,rgba(255,220,130,.015) 121px),linear-gradient(160deg,#1c0e06,#100a04 45%,#09060f)}.r-container--crisis{background:radial-gradient(ellipse 60% 40% at 50% 30%,rgba(220,38,38,.2) 0%,transparent 70%),linear-gradient(160deg,#1c0606,#0f0404,#0a0209);animation:r-crisis-bg 2s ease-in-out infinite alternate}@keyframes r-crisis-bg{0%{box-shadow:inset 0 0 80px #dc262614}to{box-shadow:inset 0 0 80px #dc26262e}}.r-header{flex:0 0 68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0006;border-bottom:1px solid rgba(245,158,11,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.r-brand{display:flex;align-items:center;gap:12px}.r-brand-icon{font-size:1.8rem;filter:drop-shadow(0 2px 8px rgba(245,158,11,.6))}.r-brand-name{margin:0;font-size:1.1rem;font-weight:700;color:#fde68a;letter-spacing:.03em}.r-brand-sub{margin:0;font-size:.72rem;color:#78716c}.r-phase-badge{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.r-phase-badge.ordering{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.r-phase-badge.crisis{background:#dc262640;color:#fca5a5;border:1px solid rgba(220,38,38,.4);animation:r-badge-pulse 1.1s ease-in-out infinite alternate}.r-phase-badge.resolved{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}@keyframes r-badge-pulse{0%{box-shadow:none}to{box-shadow:0 0 12px #dc262680}}.r-tabs{flex:0 0 auto;display:flex;padding:10px 24px 0;gap:4px;border-bottom:1px solid rgba(255,255,255,.05)}.r-tab{flex:1;padding:9px 6px;border:none;background:transparent;color:#57534e;font-size:.88rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-family:inherit}.r-tab:hover{color:#a8a29e}.r-tab.active{color:#fbbf24;border-bottom-color:#fbbf24}.r-menu-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:18px 24px;overflow-y:auto;align-content:start}.r-menu-card{background:#ffffff0a;border:1px solid rgba(255,220,130,.08);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.r-menu-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000080;border-color:#fbbf2433}.r-card-poster{height:130px;display:flex;align-items:center;justify-content:center}.r-card-icon{font-size:3.2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.r-card-photo{width:100%;height:100%;object-fit:cover;border-radius:0}.r-card-info{padding:12px 14px}.r-card-name{margin:0 0 3px;font-size:.95rem;font-weight:700;color:#f1f5f9}.r-card-desc{margin:0 0 6px;font-size:.74rem;color:#57534e;line-height:1.3}.r-card-price{font-size:.95rem;font-weight:700;color:#34d399}.r-hint-card{margin:0 24px 10px;padding:14px 16px;background:#fbbf2414;border:1px solid rgba(251,191,36,.3);border-radius:14px;animation:r-slide-up .3s ease}.r-hint-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.r-hint-badge{font-size:.8rem;font-weight:700;color:#fbbf24;letter-spacing:.02em}.r-hint-close{background:none;border:none;color:#78716c;cursor:pointer;font-size:.85rem;padding:2px 6px;border-radius:6px;font-family:inherit;transition:color .15s}.r-hint-close:hover{color:#f1f5f9}.r-hint-text{margin:0;font-size:.9rem;color:#e2e8f0;line-height:1.5}.r-bottom-bar{flex:0 0 auto;padding:14px 24px;background:#0000004d;border-top:1px solid rgba(255,220,130,.08)}.r-call-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #1d4ed866;font-family:inherit}.r-call-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #1d4ed88c}.r-call-btn:active{transform:scale(.98)}.r-waiting-indicator{width:100%;padding:14px 20px;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);border-radius:12px;color:#fbbf24;font-size:.95rem;font-weight:600;text-align:center;animation:r-slide-up .3s ease,r-waiting-pulse 1.8s ease-in-out infinite;font-family:inherit}@keyframes r-waiting-pulse{0%,to{opacity:.8}50%{opacity:1}}.r-action-btn{width:100%;padding:14px 20px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;color:#fff;font-family:inherit;transition:transform .15s,box-shadow .15s,opacity .2s;animation:r-slide-up .3s ease}@keyframes r-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.r-action-btn.confirm{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98166}.r-action-btn.pay{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 4px 16px #7c3aed66}.r-action-btn:hover:not(.disabled){transform:translateY(-2px)}.r-action-btn.disabled{opacity:.5;cursor:not-allowed;transform:none!important}.r-crisis-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 40px 16px;text-align:center;position:relative}.r-crisis-pulse-ring{position:absolute;width:200px;height:200px;border-radius:50%;border:2px solid rgba(220,38,38,.3);top:50%;left:50%;transform:translate(-50%,-55%);animation:r-ring-pulse 1.5s ease-out infinite;pointer-events:none}@keyframes r-ring-pulse{0%{transform:translate(-50%,-55%) scale(.8);opacity:.8}to{transform:translate(-50%,-55%) scale(1.6);opacity:0}}.r-crisis-icon{font-size:5rem;margin-bottom:16px;filter:drop-shadow(0 4px 16px rgba(220,38,38,.5));animation:r-icon-bounce .6s ease-out}@keyframes r-icon-bounce{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.r-crisis-title{margin:0 0 12px;font-size:1.8rem;font-weight:800;color:#fca5a5;text-shadow:0 2px 12px rgba(220,38,38,.4)}.r-crisis-desc{margin:0 0 28px;font-size:1rem;color:#a8a29e;line-height:1.5;max-width:400px}.r-crisis-options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:420px}.r-crisis-btn{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f1f5f9;font-size:.95rem;font-weight:600;cursor:pointer;text-align:left;transition:all .2s;font-family:inherit}.r-crisis-btn:hover{background:#ffffff1a;border-color:#fbbf244d;transform:translate(4px)}.r-crisis-btn-icon{font-size:1.3rem}.r-crisis-suggestion{width:100%;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:12px;padding:12px 16px;margin-bottom:4px;animation:r-suggestion-pop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes r-suggestion-pop{0%{opacity:0;transform:scale(.92) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.r-cs-label{font-size:.78rem;color:#f59e0b;font-weight:600;display:block;margin-bottom:6px}.r-cs-item{display:flex;align-items:center;gap:10px}.r-cs-icon{font-size:1.6rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.r-cs-photo{width:52px;height:52px;object-fit:cover;border-radius:8px;flex-shrink:0;border:1px solid rgba(245,158,11,.3)}.r-cs-name{flex:1;font-size:.9rem;font-weight:600;color:#fde68a}.r-cs-price{font-size:.88rem;font-weight:700;color:#34d399;flex-shrink:0}.r-crisis-served-dish{background:#1e3a5f2e;border:1px solid rgba(96,165,250,.25);border-radius:12px;padding:12px 16px;margin-bottom:10px;animation:r-suggestion-pop .4s cubic-bezier(.34,1.56,.64,1) both}.r-screen-left{display:flex;flex-direction:column;width:100%;height:100%;background:#0d0705;color:#f1f5f9;overflow:hidden;position:relative}.r-screen-header{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#0000008c;border-bottom:1px solid rgba(245,158,11,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:58px}.r-back-btn{background:#ffffff12;color:#94a3b8;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:7px 12px;cursor:pointer;font-size:.82rem;font-weight:500;transition:background .2s,color .2s;white-space:nowrap;flex-shrink:0}.r-back-btn:hover{background:#ffffff21;color:#e2e8f0}.r-header-center{display:flex;align-items:center;gap:8px;flex:1}.r-brand-icon-sm{font-size:1.4rem;filter:drop-shadow(0 2px 6px rgba(245,158,11,.5))}.r-brand-name-sm{font-size:1rem;font-weight:700;color:#fde68a}.r-ambiance-badge{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600;flex-shrink:0}.r-ambiance-badge.calm{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.25)}.r-ambiance-badge.medium{background:#f59e0b26;color:#fde68a;border:1px solid rgba(245,158,11,.25)}.r-ambiance-badge.busy{background:#dc262626;color:#fca5a5;border:1px solid rgba(220,38,38,.25)}.r-content-area{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.r-footer-bar{flex:0 0 auto;display:flex;gap:10px;padding:12px 20px;background:#0000008c;border-top:1px solid rgba(245,158,11,.1)}.r-break-btn{background:#6366f1d9;color:#fff;border:none;border-radius:10px;padding:10px 18px;cursor:pointer;font-size:.88rem;font-weight:600;flex-shrink:0;transition:background .2s;font-family:inherit}.r-break-btn:hover{background:#4f46e5}.r-primary-btn{flex:1;border:none;border-radius:10px;padding:10px 18px;cursor:pointer;font-size:.92rem;font-weight:700;transition:all .2s;font-family:inherit}.r-primary-btn.pay{background:linear-gradient(135deg,#065f46,#059669);color:#fff;box-shadow:0 4px 14px #05966947}.r-primary-btn.pay:hover:not(.disabled){background:linear-gradient(135deg,#047857,#10b981);box-shadow:0 6px 20px #0596696b}.r-primary-btn.disabled{opacity:.45;cursor:not-allowed}.r-menu-wrapper{flex:1;display:flex;overflow:hidden;min-height:0}.r-menu-section{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.r-order-panel{width:225px;flex-shrink:0;display:flex;flex-direction:column;background:#00000059;border-left:1px solid rgba(245,158,11,.1);padding:16px 14px;overflow-y:auto;gap:0}.r-order-panel::-webkit-scrollbar{width:3px}.r-order-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.r-order-title{font-size:.88rem;font-weight:700;color:#fde68a;margin-bottom:12px;display:flex;align-items:center;gap:6px}.r-order-count{background:#f59e0b;color:#0a0a0a;border-radius:10px;padding:1px 7px;font-size:.75rem;font-weight:800;margin-left:auto}.r-order-empty{color:#57534e;font-size:.82rem;line-height:1.6;white-space:pre-line;text-align:center;padding:20px 8px;border:1px dashed rgba(255,255,255,.08);border-radius:8px}.r-order-list{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}.r-order-item{display:flex;align-items:center;gap:8px;padding:7px 8px;background:#ffffff0a;border-radius:7px;border:1px solid rgba(255,255,255,.06)}.r-order-item-icon{font-size:1.1rem;flex-shrink:0}.r-order-item-name{flex:1;font-size:.78rem;color:#e2e8f0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-order-item-price{font-size:.8rem;font-weight:700;color:#34d399;flex-shrink:0}.r-order-divider{height:1px;background:#f59e0b26;margin-bottom:10px}.r-order-total{display:flex;justify-content:space-between;font-size:.9rem;font-weight:700;color:#fde68a;margin-bottom:14px}.r-call-waiter-btn{width:100%;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;border:none;border-radius:10px;padding:11px 8px;cursor:pointer;font-size:.82rem;font-weight:700;font-family:inherit;line-height:1.3;transition:all .2s;box-shadow:0 4px 14px #3b82f64d}.r-call-waiter-btn:hover{background:linear-gradient(135deg,#1e40af,#2563eb);box-shadow:0 6px 20px #3b82f673;transform:translateY(-1px)}.r-menu-card.selectable{cursor:pointer}.r-menu-card.selectable:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0006;border-color:#f59e0b40}.r-menu-card.selected{border-color:#f59e0ba6!important;box-shadow:0 0 0 2px #f59e0b33,0 8px 24px #0006!important}.r-menu-card:not(.selectable){cursor:default}.r-card-poster{position:relative}.r-card-check{position:absolute;top:8px;right:8px;width:22px;height:22px;background:#f59e0b;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;box-shadow:0 2px 6px #0006}.r-entry-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:30px 24px}.r-welcome-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#f59e0b0d;border:1px solid rgba(245,158,11,.14);border-radius:20px;padding:32px 44px;gap:8px}.r-welcome-icon{font-size:3.8rem;filter:drop-shadow(0 4px 14px rgba(245,158,11,.45))}.r-welcome-title{font-size:2rem;font-weight:900;color:#fde68a;margin:0;letter-spacing:-.02em}.r-welcome-sub{font-size:1.05rem;font-weight:600;color:#f59e0b;margin:0}.r-welcome-divider{width:48px;height:1px;background:#f59e0b38;margin:6px 0}.r-welcome-hint{font-size:.88rem;color:#78716c;margin:0;line-height:1.5;max-width:260px}.r-entry-guide{text-align:center}.r-entry-guide-title{font-size:.78rem;color:#57534e;margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.r-entry-examples{display:flex;flex-direction:column;gap:8px}.r-entry-example{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:9px 14px;font-size:.88rem;color:#a8a29e}.r-dessert-banner{flex-shrink:0;padding:10px 18px;background:#f59e0b14;border-bottom:1px solid rgba(245,158,11,.12);font-size:.85rem;color:#fde68a;display:flex;align-items:center;gap:6px}.r-primary-btn.skip-dessert{background:#64748b2e;color:#94a3b8;border:1px solid rgba(100,116,139,.2)}.r-primary-btn.skip-dessert:hover{background:#64748b52;color:#e2e8f0}.r-container--waiting{background:radial-gradient(ellipse 60% 40% at 50% 30%,rgba(245,158,11,.07) 0%,transparent 70%),linear-gradient(160deg,#1c0e06,#100a04 60%,#09060f)}.r-waiting-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px}.r-waiting-kitchen{display:flex;flex-direction:column;align-items:center}.r-chef-icon{font-size:4rem}.r-kitchen-steam{display:flex;gap:10px;margin-top:8px}.r-steam-line{width:3px;height:24px;background:linear-gradient(to top,rgba(255,255,255,.3),transparent);border-radius:2px;animation:r-steam 1.4s ease-in-out infinite}@keyframes r-steam{0%,to{transform:translateY(0) scaleY(1);opacity:.4}50%{transform:translateY(-8px) scaleY(1.3);opacity:.8}}.r-waiting-text{font-size:1.1rem;font-weight:600;color:#fde68a;letter-spacing:.03em}.r-waiting-sub{font-size:.85rem;color:#78716c;text-align:center;max-width:260px}.r-faded .r-menu-grid{opacity:.5;pointer-events:none}.doc-left{display:flex;flex-direction:column;height:100%;background:var(--bg-main);overflow:hidden}.doc-header{display:flex;align-items:center;gap:10px;padding:12px 14px 10px;border-bottom:1px solid var(--border-color);flex-shrink:0}.doc-header-brand{display:flex;align-items:center;gap:8px;font-size:20px}.doc-header-name{display:block;font-size:13px;font-weight:700;color:var(--text-primary);line-height:1.2}.doc-header-sub{display:block;font-size:10px;color:var(--text-secondary)}.doc-camera-row{display:flex;align-items:center;gap:8px;padding:8px 14px;flex-shrink:0}.doc-content{flex:1;overflow-y:auto;padding:0 12px 12px}.doc-section-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 8px}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.doc-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.doc-card:not(.disabled):hover{border-color:var(--doc-color, var(--accent-blue));background:color-mix(in srgb,var(--doc-color, var(--accent-blue)) 12%,transparent);transform:translateY(-2px)}.doc-card.selected{border-color:var(--accent-emerald);background:#10b98124}.doc-card.hinted{border-color:#f59e0b;background:#f59e0b26;animation:doc-pulse .8s ease-in-out infinite alternate}.doc-card.disabled{cursor:default;opacity:.55}@keyframes doc-pulse{0%{box-shadow:0 0 #f59e0b66}to{box-shadow:0 0 0 6px #f59e0b00}}.doc-card-icon{font-size:22px;line-height:1}.doc-card-spec{font-size:9.5px;font-weight:700;color:var(--doc-color, var(--accent-blue));line-height:1.2}.doc-card-name{font-size:9px;color:var(--text-secondary);line-height:1.2}.doc-card-hint-arrow{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:18px;animation:bounce-arrow .5s ease-in-out infinite alternate}@keyframes bounce-arrow{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-4px)}}.doc-selected-summary{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-card);border:2px solid var(--accent-blue);border-radius:12px;margin-bottom:14px}.doc-slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.doctor-slot-btn{background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:600;padding:11px 8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:3px}.doctor-slot-btn:hover:not(.unavailable){border-color:var(--accent-blue);background:#3b82f61a}.doctor-slot-btn.selected{border-color:var(--accent-emerald);background:#10b98126;color:var(--accent-emerald)}.doctor-slot-btn.unavailable{opacity:.38;cursor:not-allowed}.slot-closed{font-size:9px;color:#ef4444;font-weight:500}.doctor-confirm-card{padding:20px 16px;background:#10b9811f;border:1px solid rgba(16,185,129,.35);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.confirm-icon{font-size:32px}.doctor-confirm-card h3{font-size:15px;font-weight:700;color:var(--accent-emerald);margin:0}.doctor-confirm-card p{font-size:13px;color:var(--text-secondary);margin:0}.confirm-time{font-size:18px!important;font-weight:700!important;color:var(--text-primary)!important}