@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";._layout_pv5sm_1{display:grid;flex:1;grid-template-columns:1fr;grid-template-rows:1fr var(--player-controls-height);grid-template-areas:"player" "controls";height:100%;width:100%;overflow:hidden;transition:grid-template-columns .3s ease}._layout_pv5sm_1._chatOpen_pv5sm_12{grid-template-columns:1fr var(--chat-width);grid-template-areas:"player chat" "controls controls"}._player_6uzmh_1{grid-area:player;background-color:var(--color-bg-primary);overflow:hidden;min-width:0}._iframe_6uzmh_8{width:100%;height:100%;border:none}._placeholder_6uzmh_14{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-16);height:100%;background-color:var(--color-bg-primary);border:2px dashed var(--color-border);border-radius:var(--radius-12);margin:var(--spacing-16);color:var(--color-text-secondary)}._controls_totxn_1{grid-area:controls;background-color:var(--color-bg-control);border-top:1px solid var(--color-border-light);min-width:0;height:var(--player-controls-height)}._content_totxn_9{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--spacing-16) 0 0}._composition_totxn_17{display:flex;align-items:center;gap:var(--spacing-20)}._compositionTitle_totxn_23{font-size:var(--font-size-14);font-weight:var(--font-weight-medium)}._teacherButton_totxn_28{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);color:var(--color-text-primary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);border-radius:var(--radius-8);transition:background-color .2s ease,color .2s ease}._controlButtons_totxn_40{display:flex;align-items:center;gap:var(--spacing-8)}._controlButton_totxn_40{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);color:var(--color-text-primary);transition:color .2s ease;width:60px}._iconWrapper_totxn_57{display:flex;align-items:center;justify-content:center;width:24px;height:24px}._label_totxn_65{font-size:var(--font-size-10);font-weight:var(--font-weight-medium);text-align:center;line-height:1.2}._chat_bt3qy_1{grid-area:chat;display:flex;flex-direction:column;background-color:var(--color-bg-chat);border-left:1px solid var(--color-border-light);overflow:hidden;min-width:var(--chat-width);height:100%}._messages_bt3qy_12{flex:1;overflow-y:auto;padding:26px 18px 16px 8px;display:flex;flex-direction:column;gap:var(--spacing-16)}._emptyState_bt3qy_21{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-placeholder);font-size:var(--font-size-14);text-align:center;padding:var(--spacing-24)}._messageRow_bt3qy_32{display:flex;gap:var(--spacing-8);align-items:flex-start}._userRow_bt3qy_38{flex-direction:row-reverse}._assistantRow_bt3qy_42{flex-direction:row}._avatar_bt3qy_46{padding-top:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}._messageBubble_bt3qy_56{max-width:85%;padding:var(--spacing-16);border-radius:var(--radius-20);display:flex;flex-direction:column;gap:var(--spacing-8)}._assistantRow_bt3qy_42 ._messageBubble_bt3qy_56{max-width:calc(100% - 24px)}._userBubble_bt3qy_69{background-color:var(--color-bg-chat-teacher);color:var(--color-chat-teacher)}._assistantBubble_bt3qy_74{background-color:var(--color-bg-chat-me);color:var(--color-chat-me);border:1px solid var(--color-border-light)}._messageText_bt3qy_80{font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);margin:0;white-space:pre-wrap;word-break:break-word}._timestamp_bt3qy_89{font-size:var(--font-size-12);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);opacity:.7}._userBubble_bt3qy_69 ._timestamp_bt3qy_89{color:var(--color-chat-teacher)}._assistantBubble_bt3qy_74 ._timestamp_bt3qy_89{color:var(--color-bg-chat-teacher)}._typingIndicator_bt3qy_104{display:flex;gap:var(--spacing-4);padding:var(--spacing-4) 0}._typingIndicator_bt3qy_104 span{width:8px;height:8px;background-color:var(--color-text-placeholder);border-radius:var(--radius-full);animation:_typing_bt3qy_104 1.4s infinite ease-in-out both}._typingIndicator_bt3qy_104 span:nth-child(1){animation-delay:0s}._typingIndicator_bt3qy_104 span:nth-child(2){animation-delay:.2s}._typingIndicator_bt3qy_104 span:nth-child(3){animation-delay:.4s}@keyframes _typing_bt3qy_104{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}._inputArea_bt3qy_136{display:flex;align-items:flex-end;gap:var(--spacing-12);padding:31px 8px 26px;border-top:1px solid var(--color-border-light);background-color:var(--color-bg-chat)}._input_bt3qy_136{flex:1;padding:var(--spacing-8) var(--spacing-12);background-color:var(--color-bg-chat-me);border:1px solid var(--color-border-light);border-radius:var(--radius-16);min-height:44px;max-height:82px;resize:none;overflow-y:hidden;font-family:inherit;font-size:var(--font-size-14);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}._input_bt3qy_136::placeholder{color:var(--color-text-placeholder)}._input_bt3qy_136:disabled{opacity:.6;cursor:not-allowed}._sendButton_bt3qy_169{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-accent-gradient);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);flex-shrink:0;transition:opacity .2s ease}._sendButton_bt3qy_169:hover:not(:disabled){opacity:.9}._sendButton_bt3qy_169:disabled{opacity:.4;cursor:not-allowed}._app_1o1bk_1{display:flex;flex-direction:column;height:100vh;width:100vw;margin:0 auto;max-width:var(--container-max-width)}:root{--color-primary: #152556;--color-accent-start: #2BE2BA;--color-accent-end: #52DEF0;--color-accent-gradient: linear-gradient(90deg, var(--color-accent-start) 0%, var(--color-accent-end) 100%);--color-text-primary: #152556;--color-text-placeholder: #636e8e;--color-text-inverse: #FFFFFF;--color-chat-teacher: #ffffff;--color-chat-me: #152556;--color-bg-primary: #FFFFFF;--color-bg-control: #fdfdff;--color-bg-chat: #f3f3f3;--color-bg-chat-teacher: #445178;--color-bg-chat-me: #ffffff;--color-border: #d7d7d7;--color-border-light: #eaeaea;--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-10: 10px;--font-size-12: 12px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--font-size-32: 32px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.75;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-64: 64px;--radius-4: 4px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-22: 22px;--radius-30: 30px;--radius-full: 50%;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .2);--shadow-card: 0 4px 24px rgba(0, 0, 0, .08);--shadow-button: 0 2px 8px rgba(43, 226, 186, .3);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--player-controls-height: 56px;--chat-width: 324px;--container-max-width: 1440px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;min-height:100vh}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid var(--color-accent-start);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;background:transparent}input::placeholder,textarea::placeholder{color:var(--color-text-placeholder)}input:focus,textarea:focus{outline:none}input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent-start);outline-offset:-2px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}img,svg{display:block;max-width:100%}