:root{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#e8e8f0;background-color:#0f0f1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{height:100%;overflow:hidden}body{margin:0;height:100dvh;max-height:100dvh;overflow:hidden}#root{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.live2d-avatar{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;flex:1 1 auto;border-radius:inherit;transition:box-shadow .35s ease,border-color .35s ease}.live2d-avatar__canvas-wrap{position:relative;flex:1 1 auto;min-height:0;min-width:0;display:flex;align-items:flex-end;justify-content:center;padding:clamp(.35rem,1.5vw,.75rem)}.live2d-avatar--phase-listening{box-shadow:inset 0 0 0 1px #78c8ff59,0 0 24px #50a0ff33}.live2d-avatar--phase-processing{box-shadow:inset 0 0 0 1px #ffc87859,0 0 20px #ffb4502e}.live2d-avatar--phase-speaking{box-shadow:inset 0 0 0 1px #ff78b466,0 0 26px #ff64a038}.live2d-avatar__inner{flex:1 1 auto}.stage-hud{flex:0 0 auto;width:100%;padding:0 .5rem .65rem;display:flex;flex-direction:column;gap:.5rem;z-index:3;pointer-events:none}.stage-hud--overlay{position:absolute;left:clamp(.35rem,1.5vw,.65rem);right:clamp(.35rem,1.5vw,.65rem);bottom:clamp(.35rem,1.5vw,.65rem);flex:none;width:auto;padding:0;z-index:4}.stage-hud__panel{padding:.65rem .85rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#080a16e0;box-shadow:0 4px 18px #00000047}.stage-hud__panel--user{border-color:#82c8ff61}.stage-hud__panel--think{border-color:#ffbe646b}.stage-hud__panel--speak{border-color:#ff82af7a}.stage-hud__row{display:flex;align-items:flex-start;gap:.55rem}.stage-hud__badge{flex:0 0 auto;width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;margin-top:.1rem}.stage-hud__badge--listen{background:radial-gradient(circle at 30% 30%,#78c8ff59,#28508c80);border:1px solid rgba(160,220,255,.45);animation:stage-hud-mic-glow 1.6s ease-in-out infinite}.stage-hud__mic{width:.55rem;height:.85rem;border-radius:.2rem;background:linear-gradient(180deg,#e8f4ff,#7ab8ff);box-shadow:0 0 10px #78c8ffb3}.stage-hud__body{flex:1 1 auto;min-width:0}.stage-hud__role{display:block;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a9ab8;margin-bottom:.2rem}.stage-hud__panel--user .stage-hud__role{color:#9eb8d8}.stage-hud__line{margin:0;font-size:.84rem;line-height:1.45;color:#e8ecf8;word-break:break-word}.stage-hud__card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.stage-hud__card-head .stage-hud__role{margin-bottom:0}.stage-hud__live{font-size:.58rem;font-weight:800;letter-spacing:.2em;padding:.2rem .45rem;border-radius:.35rem;background:linear-gradient(90deg,#e94560,#ff6b9d);color:#fff;animation:stage-hud-live-blink 1.2s step-end infinite}.stage-hud__live--think{background:linear-gradient(90deg,#e8a040,#f0c060);animation:none;opacity:.95}.stage-hud__card-text{margin:0;font-size:.8rem;line-height:1.55;color:#c8d0e8}.stage-hud__card-text--speak{font-size:.92rem;color:#f6f7fc;font-weight:500}.stage-hud__dots span{animation:stage-hud-dot 1.2s ease-in-out infinite}.stage-hud__dots span:nth-child(2){animation-delay:.15s}.stage-hud__dots span:nth-child(3){animation-delay:.3s}@keyframes stage-hud-mic-glow{0%,to{box-shadow:0 0 #78c8ff59}50%{box-shadow:0 0 0 8px #78c8ff00}}@keyframes stage-hud-live-blink{0%,to{opacity:1}50%{opacity:.82}}@keyframes stage-hud-dot{0%,80%,to{opacity:.25}40%{opacity:1}}@media(prefers-reduced-motion:reduce){.stage-hud__badge--listen,.stage-hud__live{animation:none}.stage-hud__dots span{animation:none;opacity:1}}.master-presence-control.voice-panel__presence{display:flex;flex-direction:column;gap:.35rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.master-presence-control__buttons{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;align-items:center}.master-presence-control__btn{flex:0 0 auto;width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border-width:1px;border-style:solid;border-radius:.55rem;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.master-presence-control__icon{display:block;width:1.35rem;height:1.35rem;flex-shrink:0;opacity:.95}.master-presence-control__btn--home{color:#5eead4;border-color:#2dd4bf61;background:#0d948824}.master-presence-control__btn--home.master-presence-control__btn--active{color:#99f6e4;border-color:#2dd4bfc7;background:#0d948866;box-shadow:0 0 0 1px #2dd4bf38}.master-presence-control__btn--afk{color:#fcd34d;border-color:#fbbf246b;background:#b453092e}.master-presence-control__btn--afk.master-presence-control__btn--active{color:#fef3c7;border-color:#fbbf24d1;background:#92400e73;box-shadow:0 0 0 1px #fbbf2447}.master-presence-control__btn--away{color:#7dd3fc;border-color:#38bdf866;background:#0369a129}.master-presence-control__btn--away.master-presence-control__btn--active{color:#e0f2fe;border-color:#38bdf8cc;background:#0284c76b;box-shadow:0 0 0 1px #38bdf842}.master-presence-control__btn--sleeping{color:#c4b5fd;border-color:#a78bfa6b;background:#5b21b62e}.master-presence-control__btn--sleeping.master-presence-control__btn--active{color:#ede9fe;border-color:#a78bfad1;background:#4c1d9570;box-shadow:0 0 0 1px #a78bfa47}.master-presence-control__btn:hover:not(:disabled){filter:brightness(1.07)}.master-presence-control__btn:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}.master-presence-control--disabled .master-presence-control__btn:disabled{opacity:.42;filter:saturate(.65);cursor:not-allowed}.master-presence-control--disabled .master-presence-control__btn--active:disabled{opacity:.52}.app{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;width:100%;max-width:none;margin:0;padding:max(.65rem,env(safe-area-inset-top)) max(.65rem,env(safe-area-inset-right)) max(.65rem,env(safe-area-inset-bottom)) max(.65rem,env(safe-area-inset-left));box-sizing:border-box;overflow:hidden}.app__layout{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,min(24vw,26rem));grid-template-rows:minmax(0,1fr);gap:0;min-height:0;border-radius:.85rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0003}.app__side{display:flex;flex-direction:column;min-height:0;min-width:0;background:#0c0e1ceb}.app__side--right{border-left:1px solid rgba(255,255,255,.08)}.app__side-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:.75rem .65rem;-webkit-overflow-scrolling:touch}.app__side .voice-panel{margin-top:0;gap:.65rem}.voice-panel--right{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.voice-panel--right .chat-log{flex:1 1 auto;min-height:10rem;max-height:min(78vh,52rem)}.app__stage-main{display:flex;flex-direction:column;min-width:0;min-height:0}@media(max-width:960px){.app__layout{display:flex;flex-direction:column;border-radius:.75rem;flex:1 1 auto;min-height:0;overflow:hidden}.app__stage-main{order:-1;flex:1 1 0;min-height:0;max-height:none;overflow:hidden}.app__side{flex:0 1 auto;min-height:0;max-height:min(34vh,16rem);border-right:none;border-left:none;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}.app__side--right{max-height:min(52vh,30rem)}.app__side-scroll{max-height:100%;min-height:0}.voice-panel--right .chat-log{max-height:min(46vh,28rem)}}@media(max-width:520px){.app__side{max-height:min(32vh,14rem)}.app__side--right{max-height:min(48vh,28rem)}.voice-panel--right .chat-log{max-height:min(42vh,26rem)}}.stage{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;border-radius:0;background:linear-gradient(160deg,#1a1a2e,#16213e 55%,#0f3460);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px #00000040;overflow:hidden;transition:box-shadow .45s ease,border-color .45s ease}.stage__stream{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;border-radius:inherit;padding:clamp(.4rem,1.2vw,.65rem)}.stage__unified{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#0508146b;box-shadow:inset 0 1px #ffffff0d,0 2px 16px #0003;overflow:hidden}.stage__viewport{flex:1 1 auto;min-height:0;position:relative}.stage__viewport>.live2d-avatar{position:absolute;inset:0;width:100%;height:100%}.stage-status-row{position:absolute;z-index:6;top:clamp(.45rem,1.2vw,.75rem);right:clamp(.45rem,1.2vw,.75rem);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.4rem;max-width:min(20rem,calc(100% - 5.5rem));pointer-events:none}.stage-phase-chip{flex:0 1 auto;max-width:100%;padding:.32rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.05em;line-height:1.2;text-align:center;color:#b8c8e8;background:#0a0c1cc7;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 10px #0003}.stage-phase-chip--listening{color:#b8ddff;border-color:#78c8ff6b}.stage-phase-chip--processing{color:#ffd9a8;border-color:#ffc87873}.stage-phase-chip--speaking{color:#ffc8df;border-color:#ff82af73}.stage-presence-chip{flex:0 1 auto;max-width:100%;padding:.3rem .55rem;border-radius:999px;font-size:.68rem;font-weight:600;letter-spacing:.02em;line-height:1.25;text-align:center;background:#0c0e1ed1;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 12px #00000038}.stage-presence-chip--home{color:#5eead4;border-color:#2dd4bf7a;background:#0d948842}.stage-presence-chip--afk{color:#fcd34d;border-color:#fbbf2480;background:#b4530947}.stage-presence-chip--away{color:#7dd3fc;border-color:#38bdf880;background:#0369a147}.stage-presence-chip--sleeping{color:#c4b5fd;border-color:#a78bfa80;background:#5b21b64d}.stage__chrome{position:absolute;z-index:8;top:clamp(.4rem,1.2vw,.65rem);left:clamp(.4rem,1.2vw,.65rem);display:flex;flex-direction:row;align-items:center;gap:.4rem;pointer-events:none}.stage-icon-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:.75rem;background:#0a0c1cc7;color:#c8d0e8;cursor:pointer;box-shadow:0 2px 12px #00000040;transition:background .15s ease,color .15s ease,transform .12s ease}.stage-icon-btn:hover{background:#14182ceb;color:#fff}.stage-icon-btn:active{transform:scale(.96)}.stage-icon-btn__svg{width:1.35rem;height:1.35rem;display:block}.stage-icon-btn__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stage-overlay{position:absolute;z-index:20;inset:0;display:flex;align-items:stretch;justify-content:flex-start;background:#0406106b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stage-overlay--profile{align-items:flex-start;justify-content:flex-start;padding:clamp(3rem,8vw,3.35rem) 0 0 clamp(.4rem,1.2vw,.65rem)}.stage-drawer{display:flex;flex-direction:column;width:min(22.5rem,92vw);max-height:100%;min-height:0;background:#0c0e1cf7;border-right:1px solid rgba(255,255,255,.1);box-shadow:8px 0 32px #00000059}.stage-drawer__head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;border-bottom:1px solid rgba(255,255,255,.08)}.stage-drawer__title{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.02em}.stage-drawer__close{flex:0 0 auto;width:2.25rem;height:2.25rem;border:none;border-radius:.5rem;background:#ffffff14;color:#e0e4f0;font-size:1.35rem;line-height:1;cursor:pointer}.stage-drawer__close:hover{background:#ffffff24}.stage-drawer__body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.stage-profile-card{position:relative;width:min(18rem,calc(100vw - 2rem));padding:1rem 1.1rem 1.05rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.12);background:#0c0e1cf5;box-shadow:0 12px 40px #0006}.stage-profile-card__close{position:absolute;top:.45rem;right:.45rem;width:2rem;height:2rem;border:none;border-radius:.45rem;background:#ffffff14;color:#e0e4f0;font-size:1.2rem;line-height:1;cursor:pointer}.stage-profile-card__close:hover{background:#ffffff24}.stage-profile-card__title{margin:0 1.75rem 0 0;font-size:1.25rem;font-weight:600;letter-spacing:.02em}.stage-profile-card__reading{margin:.4rem 0 0;font-size:.82rem;color:#b8a8c8}.stage-profile-card__stack{margin:.65rem 0 0;font-size:.8rem;line-height:1.45;color:#9898b0}.stage--phase-listening{border-color:#78beff38}.stage--phase-processing{border-color:#ffc87847}.stage--phase-speaking{border-color:#ff82aa61;animation:stage-stream-glow 2.4s ease-in-out infinite alternate}@keyframes stage-stream-glow{0%{box-shadow:0 8px 32px #00000059,0 0 #ff5a8c00}to{box-shadow:0 10px 40px #0000006b,0 0 32px #ff508224}}@media(prefers-reduced-motion:reduce){.stage--phase-speaking{animation:none}}.btn{appearance:none;border:none;border-radius:.75rem;padding:.75rem 1.1rem;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{flex:1;min-width:0;background:linear-gradient(135deg,#e94560,#c23a51);color:#fff}.btn--ghost{flex:0 0 auto;background:#ffffff14;color:#e8e8f0}.btn--small{padding:.35rem .65rem;font-size:.78rem}.voice-panel{margin-top:0;display:flex;flex-direction:column;gap:.75rem}.voice-panel__buttons{display:flex;gap:.5rem;align-items:stretch}.voice-panel__buttons--session{flex:0 0 auto;margin-bottom:.15rem}.voice-panel__presence-label{font-size:.72rem;font-weight:600;color:#aeb6d4;letter-spacing:.04em}.voice-panel__presence-hint{margin:0;font-size:.65rem;line-height:1.45;color:#6a7088}.voice-panel__auto{display:flex;flex-direction:column;gap:.35rem;padding:.35rem 0 .15rem}.voice-panel__auto-label{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;line-height:1.45;color:#c4c8dc;cursor:pointer}.voice-panel__auto-label input{margin:.2rem 0 0;flex-shrink:0;accent-color:#e94560}.voice-panel__auto-note{margin:0;padding-left:1.5rem;font-size:.68rem;line-height:1.4;color:#5c6478}.voice-panel__tts{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.voice-panel__tts-label{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7a9e}.voice-panel__tts-select{width:100%;padding:.55rem .65rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#e4e6f0;font-size:.85rem;font-family:inherit}.voice-panel__tts-select:focus-visible{outline:2px solid rgba(233,69,96,.55);outline-offset:2px}.voice-panel__tts-note{margin:0;font-size:.68rem;line-height:1.4;color:#5c6478}.voice-panel__live2d{display:flex;flex-direction:column;gap:.4rem;padding:.5rem 0 0}.voice-panel__live2d-label{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7a9e}.voice-panel__live2d-zoom{display:flex;align-items:center;gap:.5rem;width:100%;font-size:.78rem;color:#9ca6be}.voice-panel__live2d-zoom input[type=range]{flex:1 1 auto;min-width:0;accent-color:#e94560}.voice-panel__live2d-zoom-value{flex:0 0 auto;width:2.75rem;text-align:right;font-variant-numeric:tabular-nums;color:#c4c8d8}.voice-panel__voicevox{padding-top:.25rem}.voice-panel__voicevox-toggle{display:flex;align-items:flex-start;gap:.5rem;margin:0 0 .5rem;font-size:.8rem;line-height:1.45;color:#c4c8dc;cursor:pointer}.voice-panel__voicevox-toggle input{margin:.2rem 0 0;flex-shrink:0;accent-color:#e94560}.voice-panel__voicevox-actions{margin-top:.35rem}.voice-panel__voicevox-error{color:#e8a0a8}.voice-panel__transcript{padding:.75rem .85rem;border-radius:.75rem;background:#00000038;border:1px solid rgba(255,255,255,.06)}.voice-panel__transcript-label{display:block;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b7a9e;margin-bottom:.35rem}.voice-panel__transcript-body{margin:0;font-size:.9rem;line-height:1.45;color:#dce2f2;min-height:2.6rem;max-width:100%;overflow-wrap:break-word;word-break:break-word}.voice-panel__hint{margin:.5rem 0 0;font-size:.72rem;color:#6c6c88;line-height:1.4}.chat-log{overflow:auto;border-radius:.75rem;border:1px solid rgba(255,255,255,.06);background:#0000002e;padding:.5rem .65rem}.chat-log__empty{margin:0;font-size:.8rem;color:#6c6c88;padding:.35rem 0}.chat-log__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.chat-log__item{display:flex;flex-direction:column;gap:.15rem;padding:.45rem .5rem;border-radius:.5rem;background:#ffffff0a}.chat-log__item--user{border-left:3px solid rgba(100,180,255,.65)}.chat-log__item--assistant{border-left:3px solid rgba(255,120,160,.65)}.chat-log__item--user .chat-log__role{color:#8eb0d8}.chat-log__item--assistant .chat-log__role{color:#d898b0}.chat-log__role{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a90a8}.chat-log__text{font-size:.82rem;line-height:1.4;color:#e4e6f0;white-space:pre-wrap;word-break:break-word}.status{font-size:.8rem;color:#7a7a94;min-height:1.25rem}.status--ok{color:#7dd3a0}.status--warn{color:#e8c547}