:root{--md-sys-color-primary:#d2bcfc;--md-sys-color-on-primary:#32226f;--md-sys-color-primary-container:#4c3889;--md-sys-color-on-primary-container:#e9ddff;--md-sys-color-secondary-container:#4b425d;--md-sys-color-on-secondary-container:#e9ddfd;--md-sys-color-tertiary-container:#6c3644;--md-sys-color-on-tertiary-container:#fddae1;--md-sys-color-surface:#141317;--md-sys-color-surface-container-low:#1c1b1f;--md-sys-color-surface-container:#201f23;--md-sys-color-surface-container-high:#2b292d;--md-sys-color-surface-container-highest:#363438;--md-sys-color-on-surface:#e4e1e7;--md-sys-color-on-surface-variant:#c9c4d1;--md-sys-color-outline:#938f9b;--md-sys-color-outline-variant:#494550;--md-sys-color-inverse-surface:#e4e1e7;--md-sys-color-inverse-on-surface:#313034;--md-sys-color-inverse-primary:#6750a4;--md-sys-color-error:#f2b8b5;--md-sys-color-on-error:#601410;--md-sys-color-error-container:#8c1d18;--md-sys-color-on-error-container:#f9dedc;--md-sys-typescale-title-large-font:"Roboto", sans-serif;--md-sys-typescale-title-large-size:22px;--md-sys-typescale-title-large-weight:400;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-label-medium-font:"Roboto", sans-serif;--md-sys-typescale-label-medium-size:12px;--md-sys-typescale-label-medium-weight:500;--md-sys-typescale-label-medium-line-height:16px;--md-sys-typescale-body-small-font:"Roboto", sans-serif;--md-sys-typescale-body-small-size:12px;--md-sys-typescale-body-small-weight:400;--md-sys-typescale-body-small-line-height:16px;--md-sys-typescale-body-medium-font:"Roboto", sans-serif;--md-sys-typescale-body-medium-size:14px;--md-sys-typescale-body-medium-weight:400;--md-sys-typescale-body-medium-line-height:20px;--md-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--md-motion-duration-short:.15s;--md-motion-duration-medium:.25s;--md-motion-duration-long:.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:Roboto,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,system-ui,sans-serif}button,input{font:inherit;color:inherit}a{color:inherit}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.material-symbols-rounded.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.pressable{transition:transform var(--md-motion-duration-short) var(--md-motion-easing-standard)}.pressable:active{transform:scale(.96)}.settings-screen{color:var(--md-sys-color-on-surface);flex-direction:column;gap:16px;padding:16px;display:flex}.settings-state{text-align:center;min-height:60vh;color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center}.settings-state .material-symbols-rounded{color:var(--md-sys-color-error);font-size:40px}.settings-help{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);line-height:1.5}.settings-warn{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);font-size:var(--md-sys-typescale-body-medium-size);border-radius:12px;align-items:center;gap:8px;padding:12px 16px;display:flex}.settings-empty{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}.canonical-ref{background:var(--md-sys-color-surface-container);border-radius:20px;align-items:center;gap:12px;padding:12px;display:flex}.canonical-ref img{object-fit:cover;border-radius:12px;width:64px;height:64px}.canonical-ref figcaption{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant)}.emotion-section{background:var(--md-sys-color-surface-container-low);border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.emotion-section-title{font-size:var(--md-sys-typescale-title-large-size);text-transform:capitalize;color:var(--md-sys-color-on-surface);font-weight:500}.emotion-empty{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}.candidate-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.candidate{cursor:pointer;outline-offset:2px;transition:outline-color var(--md-motion-duration-short) var(--md-motion-easing-standard);background:0 0;border:none;border-radius:12px;outline:2px solid #0000;flex-direction:column;gap:4px;padding:0;display:flex;position:relative;overflow:hidden}.candidate img{aspect-ratio:1;object-fit:cover;background:var(--md-sys-color-surface-container-highest);border-radius:12px;width:100%}.candidate.picked{outline-color:var(--md-sys-color-primary)}.candidate-caption{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:2px;display:flex;overflow:hidden}.candidate.picked .candidate-caption{color:var(--md-sys-color-primary)}.candidate-caption .material-symbols-rounded{font-size:14px}.gen-tag{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-radius:8px;margin-left:2px;padding:1px 6px;font-size:10px}.gen-status{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);align-items:center;gap:8px;display:flex}.gen-status md-circular-progress{--md-circular-progress-size:16px}.gen-status-error{color:var(--md-sys-color-error)}.emotion-actions{flex-flow:wrap;gap:8px 3px;display:flex}.emotion-actions md-outlined-button{--md-outlined-button-container-height:56px;flex:1 1 0;height:56px;display:flex}.emotion-actions md-outlined-button:first-of-type{--md-outlined-button-container-shape-start-start:28px;--md-outlined-button-container-shape-end-start:28px;--md-outlined-button-container-shape-start-end:8px;--md-outlined-button-container-shape-end-end:8px}.emotion-actions md-outlined-button:last-of-type{--md-outlined-button-container-shape-start-start:8px;--md-outlined-button-container-shape-end-start:8px;--md-outlined-button-container-shape-start-end:28px;--md-outlined-button-container-shape-end-end:28px}.emotion-actions .gen-status{flex-basis:100%}.app-shell{background:var(--md-sys-color-surface);flex-direction:column;width:100%;max-width:960px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.top-app-bar{background:var(--md-sys-color-surface);height:64px;transition:background-color var(--md-motion-duration-medium) var(--md-motion-easing-standard);z-index:10;flex:none;align-items:center;gap:4px;padding:0 4px;display:flex}.top-app-bar.scrolled{background:var(--md-sys-color-surface-container)}.top-app-bar md-icon-button{--md-icon-button-icon-size:24px;width:48px;height:48px;color:var(--md-sys-color-on-surface)}.top-app-bar-title{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);line-height:var(--md-sys-typescale-title-large-line-height);color:var(--md-sys-color-on-surface);flex:1}.screen-content{overscroll-behavior:contain;flex:auto;overflow-y:auto}.screen{height:100%;min-height:100%}.chat-screen{--content-col:clamp(320px, 60vw, 640px);flex-direction:column;align-items:center;gap:16px;height:100%;min-height:100%;padding:8px 16px 16px;display:flex}.chat-screen-portrait{width:var(--content-col);background:var(--md-sys-color-surface-container-highest);border-radius:20px;flex:auto;max-width:100%;min-height:280px;max-height:min(80vh,760px);position:relative;overflow:hidden}.avatar-image{width:100%;height:100%;position:relative}.avatar-image-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity var(--md-motion-duration-medium) var(--md-motion-easing-standard);position:absolute;inset:0}.dialogue-box{width:var(--content-col);overscroll-behavior:contain;background:var(--md-sys-color-surface-container-high);max-width:100%;min-height:72px;max-height:45vh;transition:background-color var(--md-motion-duration-medium) var(--md-motion-easing-standard);border-radius:13px 13px 28px 28px;flex-direction:column;flex:0 auto;justify-content:flex-start;padding:16px;display:flex;position:relative;overflow-y:auto}.dialogue-name-pill{background:var(--md-sys-color-primary-container);width:88px;height:24px;color:var(--md-sys-color-on-primary-container);font-family:var(--md-sys-typescale-label-medium-font);font-size:11px;font-weight:var(--md-sys-typescale-label-medium-weight);white-space:nowrap;border-radius:28px;justify-content:center;align-items:center;gap:4px;line-height:1;display:flex;position:absolute;top:12px;left:12px;overflow:hidden}.dialogue-name-ja{opacity:.85}.dialogue-emotion-tag{color:var(--md-sys-color-on-surface-variant);text-transform:lowercase;font-size:11px;position:absolute;top:12px;right:16px}.dialogue-ja{text-align:left;color:var(--md-sys-color-on-surface);margin-top:20px;font-size:17px;line-height:1.4}.dialogue-hint{color:var(--md-sys-color-on-surface-variant)}.dialogue-thinking{display:inline-flex}.dialogue-thinking md-circular-progress{--md-circular-progress-size:20px}.dialogue-error{color:var(--md-sys-color-error);align-items:center;gap:6px;display:inline-flex}.dialogue-en{text-align:left;color:var(--md-sys-color-on-surface-variant);margin-top:12px;font-size:13px;line-height:1.4}.input-row{width:var(--content-col);flex-direction:row;flex:none;align-items:center;gap:12px;max-width:100%;margin-top:auto;display:flex}.input-field{--md-outlined-field-container-shape:16px;--md-outlined-field-focus-outline-width:2px;flex:auto;min-width:0;height:56px}.mic-button{width:24px;height:24px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:12px;display:flex;position:relative;overflow:hidden}.mic-button:disabled{opacity:.38;cursor:default}.mic-button.recording,.mic-button.mic-error{color:var(--md-sys-color-error)}.chat-button{--md-filled-button-container-height:56px;--md-filled-button-container-shape:28px;flex:1 1 0;height:56px;display:flex}.bottom-nav{background:var(--md-sys-color-surface-container);flex:none;height:80px}.scrim{opacity:0;pointer-events:none;transition:opacity var(--md-motion-duration-medium) var(--md-motion-easing-standard);z-index:20;background:#0006;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.scrim.transparent{background:0 0}.drawer{background:var(--md-sys-color-surface-container-low);width:min(320px,85vw);transition:transform var(--md-motion-duration-medium) var(--md-motion-easing-standard);z-index:21;border-radius:0 16px 16px 0;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer.open{transform:translate(0)}.drawer-header{flex:none;justify-content:space-between;align-items:center;height:64px;padding:0 8px 0 16px;display:flex}.drawer-title{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);color:var(--md-sys-color-on-surface)}.drawer-list{background:0 0;flex:auto;overflow-y:auto}.drawer-empty{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);padding:16px}.drawer-footer{flex:none;padding:16px}.drawer-footer md-outlined-button{--md-outlined-button-container-height:56px;--md-outlined-button-container-shape:28px;width:100%;height:56px;display:flex}.overflow-panel{background:var(--md-sys-color-surface-container-high);z-index:21;border-radius:12px;width:220px;position:fixed;top:60px;right:12px;overflow:hidden;box-shadow:0 4px 12px #0006}md-icon-button,md-list-item{--md-ripple-hover-color:var(--md-sys-color-on-surface);--md-ripple-pressed-color:var(--md-sys-color-on-surface)}