@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";:root{--bg-content:#f8f4ed;--bg-content-paper:#f0eae0;--bg-content-bright:#fdfcfa;--bg-content-white:#fff;--text-on-light-primary:#3d3528;--text-on-light-secondary:#6b5e4a;--text-on-light-muted:#a89880;--accent-gold:#c8b882;--accent-gold-soft:#d6c68f;--accent-coral:#d97757;--accent-coral-soft:#e8967a;--bg-opening-top:#7a8068;--bg-opening-bottom:#5a5846;--text-on-dark-primary:#f5efe0;--text-on-dark-secondary:#e0d8c0;--ornament-on-dark:#f5efe04d;--ornament-stroke-on-dark:#f5efe033;--glass-header-bg:#5a5846bf;--glass-footer-bg:#f8f4edd9;--glass-blur:14px;--glass-text:#e0d8c0;--glass-border:#ffffff1a;--glass-solid-header:#6b7a5e;--radius-md:16px;--radius-lg:32px;--radius-xl:48px;--radius-pill:9999px;--ornamental-line:linear-gradient(90deg, transparent 0%, #c8b882 50%, transparent 100%);--font-display:"Noto Serif TC", serif;--font-body:"Noto Serif TC", serif;--font-label:"Noto Serif TC", serif;--text-display-xl:48px;--text-display-lg:36px;--text-display-md:28px;--text-body-lg:20px;--text-body:18px;--text-caption:14px;--text-tiny:12px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--touch-min:48px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app{width:100%;height:100%;overflow:hidden}@supports (height:100dvh){html,body,#root,.app{height:100dvh}}body{font-family:var(--font-body);font-size:var(--text-body);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;line-height:1.75}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;line-height:1.3}button{font-family:inherit;font-size:inherit;cursor:pointer;touch-action:manipulation;border:none}input,textarea{font-family:inherit;font-size:var(--text-body)}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}.opening-screen{background:linear-gradient(180deg, var(--bg-opening-top) 0%, var(--bg-opening-bottom) 100%);height:100%;color:var(--text-on-dark-primary);padding:calc(var(--spacing-lg) + env(safe-area-inset-top)) var(--spacing-lg) calc(var(--spacing-lg) + env(safe-area-inset-bottom));position:relative;overflow:hidden}.opening-screen:before{content:"";opacity:.9;pointer-events:none;z-index:1;background-image:radial-gradient(#f5efe014 1px,#0000 1px),radial-gradient(#f5efe00d 1px,#0000 1px);background-position:0 0,2px 2px;background-size:3px 3px,7px 7px;position:absolute;inset:0}.opening-lattice{pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg width='40' height='69.28' viewBox='0 0 40 69.28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 17.32L20 5.77l20 11.55v23.1L20 51.97 0 40.42V17.32zM20 5.77v11.55L0 28.87m40 0L20 17.32m0 34.65v-11.55L40 28.87M0 28.87l20 11.55' fill='none' stroke='%23F5EFE0' stroke-width='0.5' stroke-opacity='0.15'/%3E%3C/svg%3E");position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 120px,#000 180px);mask-image:radial-gradient(circle,#0000 120px,#000 180px)}.opening-cloud-border{pointer-events:none;z-index:3;border:1px solid #f5efe040;position:absolute;inset:12px}.opening-cloud-border:before,.opening-cloud-border:after{content:"✿";color:var(--text-on-dark-primary);opacity:.5;font-family:serif;font-size:18px;position:absolute}.opening-cloud-border:before{top:-10px;left:-10px}.opening-cloud-border:after{bottom:-10px;right:-10px}.opening-diamonds{pointer-events:none;z-index:4;opacity:.4;color:var(--text-on-dark-primary);position:absolute;inset:0}.opening-diamonds span{display:inline-block;position:absolute;transform:rotate(90deg)}.opening-content{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-bottom:64px;display:flex;position:relative}.opening-title{font-family:var(--font-display);letter-spacing:.1em;margin-bottom:var(--spacing-md);text-shadow:0 2px 12px #0000004d;font-size:clamp(56px,14vw,84px);font-weight:700;line-height:1.05}.opening-subtitle{font-family:var(--font-display);font-size:var(--text-body-lg);letter-spacing:.2em;opacity:.9;color:var(--text-on-dark-secondary);margin-bottom:80px;font-weight:400}.opening-cta-group{gap:var(--spacing-md);flex-direction:column;align-items:center;width:100%;display:flex}.opening-enter{justify-content:center;align-items:center;gap:var(--spacing-sm);border:2px solid var(--text-on-dark-primary);border-radius:var(--radius-pill);width:auto;min-width:240px;max-width:320px;height:60px;color:var(--text-on-dark-primary);font-family:var(--font-body);font-size:var(--text-body);letter-spacing:.15em;background:#f5efe00d;padding:0 32px;font-weight:600;transition:all .2s ease-out;display:inline-flex;box-shadow:0 0 20px #f5efe01f}.opening-enter .material-symbols-outlined{font-size:24px}.opening-enter:hover{border-color:var(--accent-gold);background:#c8b88226;transform:translateY(-2px);box-shadow:0 0 16px #c8b88233}.opening-enter:active{background:#c8b88240;transition:all .1s ease-out;transform:scale(.98)translateY(0);box-shadow:0 0 8px #c8b88240}.opening-enter-live{background:#f5efe014}.opening-bottom-ornament{color:var(--text-on-dark-primary);opacity:.6;font-size:var(--text-caption);margin-top:64px}.opening-footer{bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));z-index:20;text-align:center;color:var(--text-on-dark-primary);opacity:.7;font-family:var(--font-label);letter-spacing:.3em;text-transform:uppercase;word-break:keep-all;overflow-wrap:break-word;font-size:11px;position:absolute;left:0;right:0}.opening-privacy-notice{bottom:calc(var(--spacing-md) + 22px + env(safe-area-inset-bottom));left:var(--spacing-lg);right:var(--spacing-lg);z-index:20;text-align:center;color:var(--text-on-dark-primary);opacity:.55;letter-spacing:.02em;word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:11px;line-height:1.5;position:absolute}.menu-overlay{-webkit-backdrop-filter:blur(2px);z-index:100;background:#17230f66;position:fixed;inset:0}.menu-panel{background:var(--bg-content);flex-direction:column;width:82%;max-width:340px;height:100%;animation:.28s ease-out slide-in-right;display:flex;position:absolute;top:0;right:0}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.menu-header{min-height:var(--topbar-height);padding:env(safe-area-inset-top) var(--spacing-md) 0;background:var(--bg-content-paper);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.menu-title{font-family:var(--font-display);font-size:var(--text-body);letter-spacing:.1em;color:var(--text-on-light-primary);font-weight:700}.menu-close{width:var(--touch-min);height:var(--touch-min);color:var(--text-on-light-primary);border-radius:var(--radius-pill);background:0 0;justify-content:center;align-items:center;display:flex}.menu-close .material-symbols-outlined{font-size:22px}.menu-close:hover{background:#4a423214}.menu-body{padding:var(--spacing-md);flex:1;overflow-y:auto}.menu-room{margin-bottom:var(--spacing-lg)}.menu-room-title{align-items:center;gap:var(--spacing-sm);font-family:var(--font-display);font-size:var(--text-caption);letter-spacing:.15em;color:var(--accent-gold);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-sm);font-weight:700;display:flex}.menu-room-title:before{content:"◆";font-size:10px}.menu-item{width:100%;min-height:var(--touch-min);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-on-light-secondary);font-family:var(--font-body);font-size:var(--text-body);text-align:left;word-break:keep-all;overflow-wrap:break-word;white-space:pre-line;background:0 0;border:none;justify-content:space-between;align-items:center;line-height:1.5;transition:background-color .2s;display:flex}.menu-item:hover{background:var(--bg-content-paper)}.menu-item.current{background:var(--bg-content-paper);color:var(--text-on-light-primary);font-weight:700}.menu-check{color:var(--text-on-light-muted);flex-shrink:0;font-size:18px}.menu-mode-switch{margin:0 var(--spacing-md) var(--spacing-sm);gap:var(--spacing-xs);background:var(--bg-content-paper);border-radius:var(--radius-pill);flex-shrink:0;padding:4px;display:flex}.menu-mode-button{min-height:var(--touch-min);border-radius:calc(var(--radius-pill) - 4px);color:var(--text-on-light-muted);font-family:var(--font-body);font-size:var(--text-caption);cursor:pointer;opacity:.5;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-weight:500;transition:all .2s;display:flex}.menu-mode-button:hover{background:#4a42320f}.menu-mode-button.active{background:var(--bg-opening-top);color:#fff;opacity:1;font-weight:600;box-shadow:0 2px 8px #7a806840}.menu-mode-button .material-symbols-outlined{font-size:20px}.standby-screen{background:linear-gradient(180deg, var(--bg-opening-top) 0%, var(--bg-opening-bottom) 100%);height:100%;color:var(--text-on-dark-primary);padding:calc(var(--spacing-lg) + env(safe-area-inset-top)) var(--spacing-lg) calc(var(--spacing-lg) + env(safe-area-inset-bottom));flex-direction:column;animation:.2s ease-out standby-bg-fade;display:flex;position:relative}.standby-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.standby-orb-wrapper{flex-shrink:0;width:80px;height:80px;margin-bottom:20px;animation:.4s ease-out .2s backwards standby-fade-in;position:relative}.standby-orb-wrapper .live-orb-ring-3.standby-pulsing{animation:5.4s ease-in-out infinite orb-ring-pulse}.standby-orb-wrapper .live-orb-ring-2.standby-pulsing{animation:4.5s ease-in-out .4s infinite orb-ring-pulse}.standby-orb-wrapper .live-orb-ring-1.standby-pulsing{animation:3.6s ease-in-out .8s infinite orb-ring-pulse}.standby-heading{letter-spacing:4px;color:var(--text-on-dark-primary);margin:0;font-family:Noto Serif TC,Songti TC,serif;font-size:38px;font-weight:700;animation:.4s ease-out .4s backwards standby-fade-in}.standby-subtitle{color:var(--text-on-dark-secondary);letter-spacing:1px;margin:0;font-size:15px;font-weight:400;animation:.4s ease-out .5s backwards standby-fade-in}.standby-footer{text-align:center;color:var(--text-on-dark-secondary);letter-spacing:1px;opacity:.7;font-size:11px;font-weight:400;animation:.4s ease-out .6s backwards standby-fade-in}@keyframes standby-bg-fade{0%{opacity:0}to{opacity:1}}@keyframes standby-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.standby-hamburger{top:calc(env(safe-area-inset-top) + 16px);width:48px;height:48px;color:var(--text-on-dark-primary);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;animation:.4s ease-out .6s backwards standby-fade-in;display:flex;position:absolute;right:16px}.standby-hamburger:active{background:#f0e6cc1f}.standby-hamburger .material-symbols-outlined{font-size:26px}.standby-conn-indicator{top:calc(env(safe-area-inset-top) + 16px);letter-spacing:1px;z-index:10;align-items:center;gap:6px;height:48px;padding:0 4px;font-size:11px;animation:.4s ease-out .6s backwards standby-fade-in;display:inline-flex;position:absolute;left:16px}.standby-conn-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.standby-conn-connected .standby-conn-dot{background:var(--accent-gold);opacity:.3}.standby-conn-connecting .standby-conn-dot,.standby-conn-reconnecting .standby-conn-dot{background:var(--accent-coral);animation:1.4s ease-in-out infinite standby-conn-pulse}.standby-conn-disconnected .standby-conn-dot{background:var(--text-on-dark-secondary);opacity:.5}.standby-conn-label{color:var(--text-on-dark-secondary);font-family:var(--font-body)}@keyframes standby-conn-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.subtheme-list{background:var(--bg-content);height:100%;color:var(--text-on-light-primary);flex-direction:column;display:flex;overflow-y:auto}.subtheme-list.loading{color:var(--text-on-light-secondary);justify-content:center;align-items:center;display:flex}.list-header{z-index:10;background:var(--glass-solid-header);color:var(--text-on-dark-primary);padding:calc(var(--spacing-xl) + env(safe-area-inset-top)) var(--spacing-lg) var(--spacing-xl);text-align:center;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L40 20L20 40L0 20Z' fill='%23F5EFE0' fill-opacity='0.04'/%3E%3C/svg%3E"), linear-gradient(var(--glass-solid-header), var(--glass-solid-header));position:sticky;top:0;box-shadow:0 2px 12px #0000001a}.list-header-title{font-family:var(--font-display);letter-spacing:.12em;color:var(--text-on-dark-primary);margin-bottom:6px;font-size:32px;font-weight:700}.list-header-subtitle{font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:.2em;color:var(--text-on-dark-secondary);font-weight:400}.list-body{padding:var(--spacing-xl) var(--spacing-lg);flex:1}.room-section{margin-bottom:var(--spacing-xl)}.room-heading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:16px var(--spacing-md);margin-bottom:var(--spacing-md);background:0 0;display:flex}.room-diamond{color:var(--accent-gold);font-size:var(--text-caption);flex-shrink:0}.room-line{flex-shrink:0;width:48px;height:1px}.room-line-left{background:linear-gradient(90deg, transparent 0%, var(--accent-gold) 100%)}.room-line-right{background:linear-gradient(90deg, var(--accent-gold) 0%, transparent 100%)}.room-label{font-family:var(--font-display);font-size:var(--text-body-lg);color:var(--text-on-light-primary);letter-spacing:.05em;font-weight:700}.subtheme-buttons{padding:0 var(--spacing-sm);flex-direction:column;gap:4px;display:flex}.subtheme-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);min-height:56px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--text-on-light-secondary);font-family:var(--font-body);font-size:var(--text-body);text-align:left;background:0 0;border:none;font-weight:400;line-height:1.7;transition:background-color .2s;display:flex}.subtheme-row:hover,.subtheme-row:active{background:var(--bg-content-paper)}.subtheme-row.visited{color:var(--text-on-light-muted)}.subtheme-title{flex:1}.subtheme-icon{color:inherit;flex-shrink:0;font-size:22px;line-height:1}.subtheme-row.visited .subtheme-icon{color:var(--text-on-light-muted)}.list-footer{padding:40px var(--spacing-md) calc(40px + env(safe-area-inset-bottom));text-align:center;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L40 20L20 40L0 20Z' fill='%23F5EFE0' fill-opacity='0.04'/%3E%3C/svg%3E"),linear-gradient(#6b7a5e,#6b7a5e);border-top:2px solid #c8b88226;flex-shrink:0;position:relative;overflow:hidden}.list-footer-main{align-items:center;gap:var(--spacing-md);color:var(--text-on-dark-secondary);font-family:var(--font-label);letter-spacing:.25em;font-size:11px;display:inline-flex}.list-footer-flower{opacity:.5}.list-footer-copy{margin-top:var(--spacing-md);color:#c8b88266;font-family:var(--font-label);letter-spacing:-.01em;text-transform:uppercase;font-size:10px}.feedback-bar{padding:var(--spacing-sm) var(--spacing-md) 4px;background:var(--bg-content);text-align:center;border-top:1px solid #4a42320d;flex-shrink:0}.feedback-row{gap:var(--spacing-sm);display:flex}.feedback-btn{background:var(--bg-content-paper);min-height:40px;color:var(--text-on-light-secondary);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-caption);white-space:nowrap;border:none;flex:1;padding:6px 8px;font-weight:500;transition:background-color .18s,color .18s}.feedback-btn:hover{background:var(--bg-content-bright)}.feedback-btn.active{background:var(--glass-solid-header);color:var(--glass-text)}.feedback-toast{font-family:var(--font-label);font-size:var(--text-tiny);letter-spacing:.1em;color:var(--text-on-light-muted);margin-top:4px;animation:1.5s ease-out forwards toast-fade}@keyframes toast-fade{0%,60%{opacity:1}to{opacity:0}}.voice-input-btn{width:var(--touch-min);height:var(--touch-min);color:var(--text-on-light-primary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.voice-input-btn .material-symbols-outlined{font-size:22px}.voice-input-btn.recording{background:var(--accent-gold);color:var(--text-on-light-primary);animation:1s ease-in-out infinite pulse-recording}@keyframes pulse-recording{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.voice-output-btn{color:var(--text-on-light-muted);cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px 6px;line-height:1;transition:opacity .2s}.voice-output-btn .material-symbols-outlined{font-size:18px}.voice-output-btn:hover{opacity:1}.voice-output-btn.playing{opacity:1;animation:1.2s ease-in-out infinite voice-pulse}@keyframes voice-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.tts-mute-btn{cursor:pointer;opacity:.75;background:0 0;border:none;margin-right:4px;padding:4px 8px;font-size:18px}.tts-mute-btn:hover{opacity:1}.image-upload-btn{width:var(--touch-min);height:var(--touch-min);color:var(--text-on-light-muted);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.image-upload-btn .material-symbols-outlined{font-size:22px}.chat-tour{background:var(--bg-content);flex-direction:column;height:100%;display:flex;position:relative}.chat-topbar{min-height:var(--topbar-height);grid-template-columns:var(--touch-min) 1fr var(--touch-min);padding:env(safe-area-inset-top) var(--spacing-md) 0;background:var(--glass-header-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);color:var(--glass-text);z-index:5;flex-shrink:0;align-items:center;gap:4px;display:grid}.chat-topbar-title{text-align:center;font-family:var(--font-display);letter-spacing:.05em;color:var(--glass-text);-webkit-line-clamp:2;text-overflow:ellipsis;word-break:keep-all;overflow-wrap:break-word;-webkit-box-orient:vertical;justify-content:center;align-items:center;min-width:0;padding:0 8px;font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.tts-mute-btn,.hamburger-btn{width:var(--touch-min);height:var(--touch-min);color:var(--glass-text);background:0 0;justify-content:center;align-items:center;display:flex}.chat-topbar .material-symbols-outlined{font-size:24px}.tts-mute-btn:hover,.hamburger-btn:hover{border-radius:var(--radius-pill);background:#ffffff14}.chat-paginator{min-height:42px;padding:0 var(--spacing-md);background:var(--bg-content-paper);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.pager-arrow{width:var(--touch-min);height:var(--touch-min);color:var(--text-on-light-primary);border-radius:var(--radius-pill);background:0 0;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.pager-arrow .material-symbols-outlined{font-size:22px}.pager-arrow:hover:not(:disabled){background:#4a423214}.pager-arrow:disabled{opacity:.3;pointer-events:none}.pager-label{font-family:var(--font-label);font-size:var(--text-tiny);letter-spacing:.12em;color:var(--text-on-light-secondary);font-weight:500}.chat-messages{padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-lg);background:var(--bg-content);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-messages:before{content:"◆";color:var(--accent-gold);font-size:var(--text-caption);opacity:.5;margin-bottom:var(--spacing-sm);align-self:center;display:block}.chat-bubble{gap:var(--spacing-sm);display:flex}.chat-bubble-hidden{display:none}.chat-bubble .voice-output-btn{align-self:flex-end;margin-bottom:2px}.chat-ai{flex-direction:column;align-self:stretch;align-items:flex-start;gap:6px;max-width:100%}.chat-ai .bubble-text{color:var(--text-on-light-primary);font-family:var(--font-body);white-space:pre-wrap;word-break:break-word;background:0 0;border-radius:0;padding:0;font-size:18px;line-height:2}.chat-ai .bubble-text.bubble-text-silent-pending{min-height:calc(var(--text-body) * 1.95)}.bubble-skip-hint{color:var(--text-on-light-muted,#888);opacity:0;pointer-events:none;margin-top:10px;font-size:.85em;animation:.6s ease-in 3s forwards fadeInSkipHint;display:block}@keyframes fadeInSkipHint{to{opacity:.7}}.chat-ai .voice-output-btn{color:var(--text-on-light-muted);align-self:flex-start;margin-top:2px;margin-left:-4px}.chat-user{flex-direction:row-reverse;align-self:flex-end;align-items:flex-end;max-width:85%}.chat-user .bubble-text{background:var(--bg-content-paper);border-radius:var(--radius-lg) 8px var(--radius-lg) var(--radius-lg);color:var(--text-on-light-secondary);font-family:var(--font-body);padding:14px 18px;font-size:18px;line-height:1.85}.bubble-image{border-radius:var(--radius-md);object-fit:cover;max-width:240px;max-height:240px;margin-bottom:8px;display:block}.chat-user .bubble-image{margin-left:auto}.typing-indicator{color:var(--text-on-light-muted);font-size:var(--text-body);animation:1.2s ease-in-out infinite typing-pulse}.reveal-dots{color:var(--text-on-light-muted);font-size:var(--text-body);margin-left:.25em;animation:1.2s ease-in-out infinite typing-pulse;display:inline-block}.incomplete-dots{color:var(--text-on-light-muted);opacity:.65;margin-left:.1em;display:inline-block}@keyframes typing-pulse{0%,to{opacity:.4}50%{opacity:1}}.pending-image-bar{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-content-paper);border-top:1px solid #4a423214;flex-shrink:0;display:flex}.pending-image-wrap{flex-shrink:0;position:relative}.pending-image{object-fit:cover;border-radius:var(--radius-md);width:56px;height:56px;display:block}.pending-image-remove{background:var(--glass-solid-header);width:22px;height:22px;color:var(--text-on-dark-primary);border:2px solid var(--bg-content);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-6px;right:-6px}.pending-image-remove .material-symbols-outlined{font-size:14px}.pending-image-hint{font-family:var(--font-label);font-size:var(--text-caption);color:var(--text-on-light-secondary);letter-spacing:.05em}.chat-toolbar{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom));background:var(--glass-footer-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid #4a42321a;flex-shrink:0;display:flex}.chat-input{background:var(--bg-content-paper);border-radius:var(--radius-pill);min-width:0;height:48px;color:var(--text-on-light-primary);font-family:var(--font-body);border:1px solid #0000;outline:none;flex:1;padding:0 18px;font-size:16px;transition:border-color .2s,box-shadow .2s}.chat-input::placeholder{color:var(--text-on-light-muted)}.chat-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 2px #c8b8821f}.toolbar-action{width:var(--touch-min);height:var(--touch-min);color:var(--text-on-light-primary);border-radius:var(--radius-pill);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.toolbar-action .material-symbols-outlined{font-size:22px}.toolbar-action:hover:not(:disabled){background:#4a423214}.send-btn{color:var(--accent-coral);font-size:22px}.send-btn:disabled{opacity:.3}.chat-tts-pill{z-index:4;align-self:center;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-sm) auto 0;background:var(--accent-coral);color:#fff;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:.05em;padding:6px 14px;font-weight:600;animation:.2s ease-out chat-tts-pill-fade-in;display:inline-flex;position:sticky;top:0;box-shadow:0 2px 8px #d9775740}.chat-tts-pill .material-symbols-outlined{font-size:16px;animation:1.2s ease-in-out infinite chat-tts-icon-pulse}@keyframes chat-tts-pill-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-tts-icon-pulse{0%,to{opacity:.5}50%{opacity:1}}.tts-mute-btn.is-playing .material-symbols-outlined{color:var(--accent-coral-soft);animation:1.2s ease-in-out infinite chat-tts-icon-pulse}.clarification-card{gap:var(--spacing-sm);border:1px solid var(--glass-border,#00000014);-webkit-backdrop-filter:blur(4px);background:#fff9;border-radius:12px;flex-direction:column;margin-top:6px;padding:12px;display:flex}.clarification-card-medium{flex-flow:wrap;align-items:center;gap:12px}.clarification-card-medium .clarification-thumb-btn{flex-direction:row;flex:auto;align-items:center;gap:10px;min-width:0;padding:6px 10px 6px 6px}.clarification-card-medium .clarification-thumb-btn img{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:48px}.clarification-card-medium .clarification-title{font-size:var(--text-body);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clarification-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.clarification-grid .clarification-thumb-btn{aspect-ratio:1/1.1;flex-direction:column;gap:6px;padding:8px 6px}.clarification-grid .clarification-thumb-btn img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.clarification-grid .clarification-title{text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.2;display:-webkit-box;overflow:hidden}.clarification-thumb-btn{cursor:pointer;color:var(--text-on-light-primary);-webkit-tap-highlight-color:transparent;background:#ffffffe6;border:1px solid #00000014;border-radius:8px;transition:background .12s,transform 60ms;display:flex;overflow:hidden}.clarification-thumb-btn:hover{background:#fff}.clarification-thumb-btn:active{transform:scale(.98)}.clarification-reject{color:var(--text-on-light-muted,#666);background:#0000000a;justify-content:center;align-items:center}.clarification-reject .material-symbols-outlined{font-size:28px}.clarification-actions{flex-shrink:0;gap:6px;display:flex}.clarification-btn{min-width:56px;font-size:var(--text-body);font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:8px;padding:8px 14px;transition:background .12s,transform 60ms}.clarification-btn:active{transform:scale(.98)}.clarification-btn-yes{background:var(--accent,#2e7d32);color:#fff}.clarification-btn-yes:hover{background:var(--accent-hover,#266b2b)}.clarification-btn-no{color:var(--text-on-light-primary);background:0 0;border-color:#0003}.clarification-btn-no:hover{background:#0000000a}.live-interface{background:linear-gradient(180deg, var(--bg-opening-top) 0%, var(--bg-opening-bottom) 100%);height:100%;color:var(--text-on-dark-primary);padding:calc(env(safe-area-inset-top)) var(--spacing-lg) calc(env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow:hidden}.live-header{min-height:var(--topbar-height);padding:var(--spacing-md) calc(var(--touch-min) + var(--spacing-md)) 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.live-header-title{font-family:var(--font-display);font-size:var(--text-body);letter-spacing:.12em;color:var(--text-on-dark-primary);text-align:center;word-break:keep-all;overflow-wrap:break-word;white-space:pre-line;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.live-content{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.live-content-skippable{cursor:pointer}.live-skip-hint{text-align:center;font-family:var(--font-label);letter-spacing:.2em;color:var(--text-on-dark-secondary);opacity:.5;pointer-events:none;font-size:11px;position:absolute;bottom:-8px;left:0;right:0}.live-avatar-stage{width:250px;height:250px;margin:var(--spacing-lg) auto;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.live-avatar-img{z-index:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 24px #0006);width:100%;height:100%;position:relative}.live-pulse-ring{pointer-events:none;opacity:0;border:2px solid #c8b8824d;border-radius:50%;animation:3s ease-out infinite live-pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.live-pulse-ring-1{width:240px;height:240px;animation-delay:0s}.live-pulse-ring-2{width:190px;height:190px;animation-delay:.5s}.live-pulse-ring-3{width:140px;height:140px;animation-delay:1s}@keyframes live-pulse-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.4}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.live-status-label{font-family:var(--font-display);letter-spacing:.15em;color:var(--text-on-dark-secondary);text-align:center;margin-top:var(--spacing-lg);padding:0 var(--spacing-md);opacity:.85;font-size:16px;font-weight:700}.live-subtitle-section{text-align:center;padding:0 var(--spacing-md);flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.live-subtitle{font-family:var(--font-body);letter-spacing:.05em;color:var(--text-on-dark-primary);-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;max-width:320px;font-size:17px;line-height:1.7;animation:.38s ease-out subtitle-fade-in;display:-webkit-box;overflow:hidden}@keyframes subtitle-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.live-quote-mark{color:var(--accent-gold);vertical-align:-.05em;margin:0 .1em;font-size:1.2em;display:inline}.live-subtitle-placeholder{color:var(--text-on-dark-secondary);opacity:.6;font-style:italic}.live-source-label{margin-top:var(--spacing-md);font-family:var(--font-label);font-size:var(--text-caption);color:var(--text-on-dark-secondary);letter-spacing:.2em;opacity:.85}.live-dots{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;flex-shrink:0;display:flex}.live-dots-arrow{width:32px;height:32px;color:var(--text-on-dark-secondary);font-size:24px;font-family:var(--font-display);opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.live-dots-arrow:disabled{opacity:.2}.live-dots-arrow:not(:disabled):active{opacity:1}.live-dots-list{gap:8px;display:flex}.live-dot{background:#f0e6cc40;border-radius:50%;width:6px;height:6px;transition:all .3s}.live-dot.active{background:var(--accent-gold);border-radius:4px;width:18px}.live-toolbar{justify-content:center;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-md) 0 var(--spacing-lg);flex-shrink:0;display:flex}.live-tool-btn{width:56px;height:56px;color:var(--text-on-dark-primary);background:#00000040;border:1.5px solid #f0e6cc66;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,opacity .2s;display:flex}.live-tool-btn .material-symbols-outlined{font-size:26px}.live-tool-btn:not(:disabled):active{transform:scale(.92)}.live-tool-btn:disabled{opacity:.35}.live-tool-btn-mic-locked{border-color:var(--accent-gold);color:var(--accent-gold);background:#c8b8821a;animation:1.6s ease-in-out infinite mic-locked-pulse;opacity:1!important}.live-tool-btn-mic-locked .material-symbols-outlined{color:var(--accent-gold)}@keyframes mic-locked-pulse{0%,to{border-color:#c8b8828c;box-shadow:0 0 #c8b88200}50%{border-color:var(--accent-gold);box-shadow:0 0 18px #c8b88273}}.live-tool-btn-mic-on{border-color:var(--accent-gold);color:var(--accent-gold);background:#c8b8821f}.live-tool-btn-mic-on .material-symbols-outlined{color:var(--accent-gold)}.live-tool-btn-mic-muted{color:#e8826e;background:#c8553d2e;border-color:#c8553db3}.live-tool-btn-mic-muted .material-symbols-outlined{color:#e8826e}.live-subtitle-user{color:var(--accent-gold-soft)}.live-subtitle-ai{color:var(--text-on-dark-primary)}.live-tool-btn-end{background:var(--accent-coral);border-color:var(--accent-coral);color:#fff;width:64px;height:64px;box-shadow:0 4px 16px #d9775766}.live-tool-btn-end .material-symbols-outlined{font-size:30px;font-weight:700}.live-menu-trigger{top:calc(env(safe-area-inset-top) + var(--spacing-sm));right:var(--spacing-md);z-index:5;width:var(--touch-min);height:var(--touch-min);color:var(--text-on-dark-primary);opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.live-menu-trigger .material-symbols-outlined{font-size:24px}.live-tool-btn-camera-locked{opacity:.4;cursor:not-allowed}.live-tool-btn-camera-busy{border-color:var(--accent-coral);color:var(--accent-coral);background:#d977571f;animation:1.2s ease-in-out infinite camera-busy-pulse}.live-tool-btn-camera-busy .material-symbols-outlined{color:var(--accent-coral);animation:1.6s linear infinite camera-busy-spin}@keyframes camera-busy-pulse{0%,to{box-shadow:0 0 #d9775700}50%{box-shadow:0 0 16px #d9775780}}@keyframes camera-busy-spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.live-photo-flash{background:var(--accent-coral);color:#fff;border-radius:var(--radius-lg);text-align:center;z-index:4;max-width:80%;padding:12px 20px;font-size:15px;font-weight:600;animation:.3s ease-out photo-flash-in;position:absolute;bottom:20%;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #d9775766}@keyframes photo-flash-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}