body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#18181b;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin:0;padding:0}#root,body,html{height:100%;position:relative;width:100%}[data-component=Button]{align-items:center;background-color:#ececf1;border:none;border-radius:1000px;color:#101010;display:flex;font-optical-sizing:auto;font-size:12px;font-style:normal;font-weight:400;gap:8px;min-height:42px;outline:none;padding:8px 24px;transition:transform .1s ease-in-out,background-color .1s ease-in-out}[data-component=Button].button-style-action{background-color:#101010;color:#ececf1}[data-component=Button].button-style-action:hover:not([disabled]){background-color:#404040}[data-component=Button].button-style-alert{background-color:red;color:#ececf1}[data-component=Button].button-style-alert:hover:not([disabled]){background-color:red}[data-component=Button].button-style-flush{background-color:#fff0}[data-component=Button][disabled]{color:#999}[data-component=Button]:not([disabled]){cursor:pointer}[data-component=Button]:hover:not([disabled]){background-color:#d8d8d8}[data-component=Button]:active:not([disabled]){transform:translateY(1px)}[data-component=Button] .icon{display:flex}[data-component=Button] .icon.icon-start{margin-left:-8px}[data-component=Button] .icon.icon-end{margin-right:-8px}[data-component=Button] .icon svg{height:16px;width:16px}[data-component=Button].icon-red .icon{color:#c00}[data-component=Button].icon-green .icon{color:#090}[data-component=Button].icon-grey .icon{color:#909090}[data-component=Button].icon-fill svg{fill:currentColor}[data-component=Toggle]{align-items:center;background-color:#ececf1;border-radius:1000px;color:#101010;cursor:pointer;display:flex;gap:8px;height:40px;overflow:hidden;position:relative}[data-component=Toggle]:hover{background-color:#d8d8d8}[data-component=Toggle] div.label{color:#666;padding:0 16px;position:relative;transition:color .1s ease-in-out;-webkit-user-select:none;user-select:none;z-index:2}[data-component=Toggle] div.label.right{margin-left:-8px}[data-component=Toggle] .toggle-background{background-color:#101010;border-radius:1000px;bottom:0;left:0;position:absolute;top:0;transition:left .1s ease-in-out,width .1s ease-in-out;width:auto;z-index:1}[data-component=Toggle][data-enabled=false] div.label.left,[data-component=Toggle][data-enabled=true] div.label.right{color:#fff}[data-component=Select]{position:relative;width:200px;z-index:9999}[data-component=Select] .selected-option{align-items:center;background-color:#ececf1;border-radius:1000px;color:#101010;cursor:pointer;display:flex;font-size:1.2rem;height:42px;padding:0 24px;transition:transform .1s ease-in-out,background-color .1s ease-in-out;-webkit-user-select:none;user-select:none}[data-component=Select] .selected-option:hover{background-color:#d8d8d8}[data-component=Select] .options-container{background-color:#ececf1;border-radius:12px;box-shadow:0 4px 8px #0003;left:0;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10000}[data-component=Select] .options{max-height:200px;overflow-y:auto}[data-component=Select] .option{cursor:pointer;font-size:1.2rem;padding:12px 24px;transition:background-color .1s ease-in-out}[data-component=Select] .option:hover{background-color:#d8d8d8}[data-component=ConsolePage]{display:flex;flex-direction:column;font-family:Roboto Mono,monospace;font-size:12px;font-style:normal;font-weight:400;height:100%;margin:0 8px;overflow:hidden}[data-component=ConsolePage]>div{flex-shrink:0}[data-component=ConsolePage] .spacer{flex-grow:1}[data-component=ConsolePage] .content-top{align-items:center;display:flex;min-height:40px;padding:8px 16px;position:relative;z-index:100}[data-component=ConsolePage] .content-top .content-title{align-items:center;display:flex;flex-grow:1;gap:12px}[data-component=ConsolePage] .content-top .content-title img{height:24px;width:24px}[data-component=ConsolePage] .content-top .content-title .home-button{background:#4a90e2;border-radius:8px;color:#fff;margin-left:auto;padding:8px;transition:transform .2s,background-color .2s}[data-component=ConsolePage] .content-top .content-title .home-button:hover{background:#357abd;transform:translateY(-1px)}[data-component=ConsolePage] .content-main{display:flex;flex-grow:1;flex-shrink:1!important;margin:0 16px 24px;overflow:hidden;position:relative;z-index:1}[data-component=ConsolePage] .content-main .content-block{display:flex;flex-direction:column;max-height:100%;position:relative;width:100%}[data-component=ConsolePage] .content-main .content-block .content-block-title{flex-shrink:0;padding-bottom:4px;padding-top:16px;position:relative}[data-component=ConsolePage] .content-main .content-block .content-block-body{color:#6e6e7f;flex-grow:1;line-height:1.2em;overflow:auto;padding:4px 0 8px;position:relative}[data-component=ConsolePage] .content-main .content-block .content-block-body.full{padding:0}[data-component=ConsolePage] .content-main .content-block .select-container{position:relative;z-index:1000}[data-component=ConsolePage] .content-main .content-right{display:flex;flex-direction:column;flex-shrink:0;gap:24px;margin-left:24px;width:50vw}@media(max-width:767px){[data-component=ConsolePage] .content-main .content-right{background-color:#fff;bottom:0;left:0;margin-left:0;overflow-y:auto;position:absolute;right:0;top:60px;width:100vw;z-index:100}}[data-component=ConsolePage] .content-main .content-right>div{border-radius:16px;flex-grow:1;flex-shrink:0;overflow:hidden;position:relative}[data-component=ConsolePage] .content-main .content-right>div .content-block-title{align-items:center;background-color:#fff;border-radius:1000px;display:flex;justify-content:center;left:16px;line-height:2em;min-height:32px;padding:4px 16px;position:absolute;text-align:center;top:16px;white-space:pre;z-index:9999}[data-component=ConsolePage] .content-main .content-right>div .content-block-title.bottom{bottom:16px;right:16px;top:auto}[data-component=ConsolePage] .content-main .content-right>div.events{max-height:50vh;overflow:hidden}[data-component=ConsolePage] .content-main .content-right .events{border-top:1px solid #e7e7e7}[data-component=ConsolePage] .content-main .content-right .conversation{border-top:1px solid #e7e7e7;display:flex;flex-shrink:0;height:auto;min-height:0;overflow:hidden;width:100%}[data-component=ConsolePage] .content-main .content-logs{max-height:100%}[data-component=ConsolePage] .content-main .content-logs,[data-component=ConsolePage] .content-main .content-logs>div{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}[data-component=ConsolePage] .content-main .content-logs>.content-actions{align-items:center;display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;gap:16px;justify-content:center}@media(max-width:600px){[data-component=ConsolePage] .content-main .content-logs>.content-actions{flex-direction:column;gap:8px}[data-component=ConsolePage] .content-main .content-logs>.content-actions .spacer{display:none}}[data-component=ConsolePage] .content-main .content-logs .translations{display:flex;flex-direction:column;overflow:hidden}[data-component=ConsolePage] .content-main .content-logs .translations .content-block-body{flex-grow:1;overflow-y:auto}[data-component=ConsolePage] .conversation-item{display:flex;gap:16px;margin-bottom:16px;position:relative}[data-component=ConsolePage] .conversation-item:not(:hover) .close{display:none}[data-component=ConsolePage] .conversation-item .close{background:#aaa;border-radius:16px;color:#fff;cursor:pointer;display:flex;padding:2px;position:absolute;right:-20px;top:0}[data-component=ConsolePage] .conversation-item .close:hover{background:dimgray}[data-component=ConsolePage] .conversation-item .close svg{stroke-width:3;height:12px;width:12px}[data-component=ConsolePage] .conversation-item .speaker{flex-shrink:0;gap:16px;margin-right:16px;position:relative;text-align:left;width:80px}[data-component=ConsolePage] .conversation-item .speaker.user{color:#09f}[data-component=ConsolePage] .conversation-item .speaker.assistant{color:#090}[data-component=ConsolePage] .conversation-item .speaker-content{word-wrap:break-word;color:#18181b;overflow:hidden}[data-component=ConsolePage] .event{border-radius:3px;display:flex;gap:16px;padding:0;white-space:pre}[data-component=ConsolePage] .event .event-timestamp{flex-shrink:0;gap:8px;margin-right:16px;padding:4px 0;text-align:left;width:80px}[data-component=ConsolePage] .event .event-details{color:#18181b;display:flex;flex-direction:column;gap:8px}[data-component=ConsolePage] .event .event-details .event-summary{align-items:center;cursor:pointer;display:flex;gap:8px;margin:0 -8px;padding:4px 8px}[data-component=ConsolePage] .event .event-details .event-summary:hover{background-color:#f0f0f0;border-radius:8px}[data-component=ConsolePage] .event .event-details .event-summary .event-source{align-items:center;display:flex;flex-shrink:0;gap:8px}[data-component=ConsolePage] .event .event-details .event-summary .event-source.client{color:#09f}[data-component=ConsolePage] .event .event-details .event-summary .event-source.server{color:#090}[data-component=ConsolePage] .event .event-details .event-summary .event-source.error{color:#900}[data-component=ConsolePage] .event .event-details .event-summary .event-source svg{stroke-width:3;height:12px;width:12px}[data-component=ConsolePage] .visualization{border-radius:16px;bottom:4px;display:flex;gap:2px;padding:4px;position:absolute;right:8px;z-index:10}[data-component=ConsolePage] .visualization .visualization-entry{align-items:center;display:flex;gap:4px;height:40px;position:relative;width:100px}[data-component=ConsolePage] .visualization .visualization-entry.client{color:#09f}[data-component=ConsolePage] .visualization .visualization-entry.server{color:#090}[data-component=ConsolePage] .visualization .visualization-entry canvas{color:currentColor;height:100%;width:100%}[data-component=ConsolePage] .dropdown,[data-component=ConsolePage] .modal,[data-component=ConsolePage] .popup{position:relative;z-index:9000}.translation-table{display:flex;flex-direction:column;width:100%}.translation-header,.translation-row{color:#18181b;display:flex;font-size:16px;width:100%}.translation-header{border-bottom:1px solid #ccc;font-weight:700}.translation-header div,.translation-row div{flex:1 1;padding:24px 8px;word-break:break-word}.translation-row:nth-child(2n){background-color:#f8f8f8}.scenario-selector{padding:1rem 0}.scenario-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.scenario-item{background:#f2f6fa;border:2px solid #0000;border-radius:10px;box-shadow:0 1px 4px #0000000a;cursor:pointer;min-width:180px;padding:1rem 1.5rem;transition:box-shadow .2s,background .2s}.scenario-item.selected,.scenario-item:hover{background:#e6f0ff;border-color:#07f;box-shadow:0 2px 8px #0077ff14}.scenario-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.scenario-description{color:#666;font-size:.95rem}.english-coach-page{background:#fff;border-radius:16px;box-shadow:0 2px 16px #00000012;margin:0 auto;max-width:700px;padding:2rem 1rem}.english-coach-page h1{font-size:2rem;margin-bottom:2rem;text-align:center}.scenario-select-section{margin-bottom:2rem}.conversation-section{margin-top:2rem}.back-btn{background:none;border:none;color:#07f;cursor:pointer;font-size:1rem;margin-bottom:1rem}.conversation-placeholder{background:#f7f7fa;border-radius:12px;color:#888;padding:2rem;text-align:center}.korean-feedback{background:#e6f7ff;border-radius:8px;color:#005fa3;font-weight:500;margin-top:1.5rem;padding:1rem}.error{color:#d32f2f;margin-top:1rem}.english-coach-page .content-top{display:flex;justify-content:flex-end;margin-bottom:1rem}.home-btn{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1.2rem;transition:background .2s}.home-btn:hover{background:#3576b8}.english-coach-page .voice-select{display:inline-block;margin-left:1.5rem;vertical-align:middle}.voice-select label{font-size:1rem;margin-right:.5rem}.voice-select select{border:1px solid #bbb;border-radius:6px;font-size:1rem;padding:.2rem .7rem}.conversation-list{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.message-bubble{align-items:center;border-radius:18px;display:flex;line-height:1.5;max-width:80%;padding:.8rem 1.2rem}.ai-message{align-self:flex-start;background-color:#f1f0f0;border-bottom-left-radius:4px;color:#333}.user-message{align-self:flex-end;background-color:#e1f5fe;border-bottom-right-radius:4px;color:#1a237e}.emoji-icon{font-size:1.5rem;margin-right:.8rem}.message-text{font-size:1rem}.api-key-prompt{align-items:center;background:#f7f7fa;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;padding:2rem}.api-key-prompt h2{color:#333;margin-bottom:1rem}.api-key-prompt input{border:1px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:1rem;max-width:400px;padding:.8rem;width:100%}.api-key-prompt button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background .2s}.api-key-prompt button:hover{background:#3576b8}[data-component=App]{height:100%;position:relative;width:100%}
/*# sourceMappingURL=main.b05aa594.css.map*/