.loading-spinner{border:4px solid var(--color-gray-100);border-top:4px solid var(--color-brand);border-radius:50%;width:48px;height:48px;animation:1s linear infinite loading-spinner-spin}.loading-spinner.small{border-width:2px;width:20px;height:20px}@keyframes loading-spinner-spin{to{transform:rotate(360deg)}}@keyframes homeSkeleton{0%{background-position:0 0}to{background-position:400% 0}}:root{--mobile-tabbar-height:70px}.sidebar-overlay{z-index:9999;background:#0000004d;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.dashboard-sidebar.mobile-open{box-shadow:-2px 0 10px #0000001a;width:300px!important;min-width:300px!important;max-width:300px!important;height:auto!important;inset:10px 10px 10px auto!important}.sidebar-title{margin:0!important}.mobile-header-title{display:none!important}@media (max-width:1024px){.mobile-header-title{display:block!important}}.header-action.outline{border-color:var(--color-warm-950);color:var(--color-surface);background:var(--color-warm-950)}.header-action.outline:hover{background:var(--color-gray-900);border-color:var(--color-gray-900)}.content-header{padding-top:calc(18px + env(safe-area-inset-top,0px));transition:transform .18s ease-in-out;transform:translateY(0)}@media (max-width:1024px){.content-header{padding-top:calc(18px + env(safe-area-inset-top,0px))}}.dashboard-main,.dashboard-content{min-height:calc(var(--vh,1vh) * 100)}.mobile-only{display:none}@media (max-width:1024px){.mobile-only{display:inline-flex}.mobile-tab-bar{transition:transform .2s;display:flex;transform:translateY(0)}.mobile-tab-bar.mobile-tab-bar--hidden{transform:translateY(120%)}.header-actions{display:none}.dashboard-sidebar{height:calc(var(--vh,1vh) * 100)!important;max-height:calc(var(--vh,1vh) * 97)!important}.content-header{padding:calc(10px + env(safe-area-inset-top,0px)) 15px 10px}.content-header-left .logo-image{height:32px}.chat-content{padding-bottom:calc(170px + env(safe-area-inset-bottom,0px))}}.mobile-login-cta{border:1px solid var(--color-fixed-dark);background:var(--color-fixed-dark);color:var(--color-fixed-light);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:background .2s,border-color .2s}.mobile-login-cta:hover,.mobile-login-cta:focus-visible{opacity:.85}@media (min-width:1025px){.mobile-tab-bar{display:none!important}.show-from-1025{display:flex}}@media (max-width:1024px){.show-from-1025{display:none}}.dashboard-modal h3{font-weight:700!important}
.quick-questions,.quick-questions-list{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.quick-questions-list{width:100%}.quick-question-chip{border:1px solid var(--color-gray-200);background:var(--color-surface-hover);color:var(--color-warm-950);cursor:pointer;white-space:nowrap;border-radius:999px;padding:10px 12px;font-size:14px;line-height:1.4;transition:all .15s;box-shadow:0 6px 16px #0000000a}.quick-question-chip:hover{background:var(--color-surface);border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 8px 20px #00000014}.ai-status-pill{border:1px solid var(--color-gray-200);background:var(--color-surface-hover);color:var(--color-gray-500);border-radius:18px;align-items:center;padding:6px 14px;font-size:14px;font-weight:500;line-height:1.4;transition:color .2s,background .2s;display:inline-flex}.chat-conversation .ai-answer{gap:8px!important}.chat-conversation .ai-answer dotlottie-wc{background-color:var(--color-warm-950)!important;border:1px solid var(--color-gray-200)!important;border-radius:50%!important;flex-shrink:0!important;width:24px!important;height:24px!important;display:block!important}.tutor-initial-question{background:var(--color-surface-hover);color:#000;word-wrap:break-word;border:1px solid #7b7b7b30;border-radius:8px;align-self:stretch;max-width:100%;margin:10px 0;padding:14px;font-size:16px;line-height:1.7}.tutor-initial-question h2{color:#fff;word-wrap:break-word;background:#000;border-radius:8px;align-self:stretch;max-width:100%;margin:0;font-size:17px;line-height:1.7}.user-answer-display{background:var(--color-surface-hover);color:var(--color-warm-950);border:1px solid #7b7b7b30;border-radius:8px;margin:10px 0;padding:12px;font-size:14px;font-weight:500}.user-answer-display strong{color:var(--color-warm-950);font-weight:700}.conversation-lesson-info{background:var(--color-fixed-dark);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.conversation-lesson-actions{align-items:center;gap:8px;display:flex}.lesson-go-btn,.lesson-media-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.lesson-go-btn:hover,.lesson-media-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.lesson-go-btn:active,.lesson-media-btn:active{transform:translateY(0)}.lesson-media-btn.active{background:#fff6}@media (max-width:768px){.lesson-go-btn .lesson-btn-text,.lesson-media-btn .lesson-btn-text{display:none}.lesson-go-btn,.lesson-media-btn{gap:0;padding:6px}.conversation-lesson-info .lesson-title-display{padding:0 2px!important}}.inline-media-container{animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.conversation-lesson-info-wrapper{pointer-events:auto;z-index:1;margin-bottom:20px;position:relative}.conversation-lesson-info .lesson-title-display{color:#fff;margin:0;padding:6px 12px;font-size:14px;font-weight:600}.chat-conversation{width:100%;max-width:852px;margin:0 auto}.chat-entry{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.user-question-display{background:var(--color-gray-200);max-width:100%;color:var(--color-warm-950);word-wrap:break-word;border-radius:12px;align-self:flex-end;padding:6px 12px;font-size:14px;font-weight:600;line-height:1.4}.ai-answer{max-width:100%;color:var(--color-warm-950);word-wrap:break-word;flex-wrap:wrap;align-self:flex-start;align-items:flex-start;gap:0;margin-top:15px;font-size:16px;line-height:1.5;display:flex}.lottie-container{flex-shrink:0;align-items:flex-start;display:flex}.ai-answer-text{word-wrap:break-word;word-break:break-word;flex:1;min-width:0;font-family:Noto Sans,Noto Sans IPA,Roboto,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.chat-conversation .ai-answer-text table,.ai-answer-text-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:15px}.chat-conversation .ai-answer-text th,.chat-conversation .ai-answer-text td,.ai-answer-text-table th,.ai-answer-text-table td{border:1px solid var(--color-gray-200);text-align:left;padding:8px 10px}.chat-conversation .ai-answer-text th,.ai-answer-text-table th{background-color:var(--color-gray-50);font-weight:600}.chat-conversation .ai-answer-text tr:nth-child(2n) td,.ai-answer-text-table tr:nth-child(2n) td{background-color:var(--color-gray-50)}.chat-conversation .ai-answer-text ul,.chat-conversation .ai-answer-text ol{width:100%;margin:8px 0;padding-left:20px}.chat-conversation .ai-answer-text ul{list-style-type:disc}.chat-conversation .ai-answer-text ol{counter-reset:list-counter;list-style-type:decimal!important}.chat-conversation .ai-answer-text li{margin:4px 0;padding-left:0;list-style-position:outside!important;display:list-item!important}.chat-conversation .ai-answer-text strong{font-weight:700}.chat-conversation .ai-answer-text em{font-style:italic}.chat-conversation .ai-answer-text code{background:var(--color-gray-100);border-radius:3px;padding:2px 4px;font-family:monospace}
.lesson-content-html{color:var(--color-warm-950);font-size:16px;line-height:1.8}.lesson-content-html iframe{max-width:100%;display:block}.lesson-content-html iframe[src*=vimeo],.lesson-content-html iframe[src*=youtube]{border:0;margin:0;padding:0;display:block}.lesson-content-html .su-tabs,.lesson-content-html .su-spoiler-content{background:var(--color-surface-secondary)!important}.lesson-content-html h1{color:var(--color-warm-950);margin:24px 0 16px;font-size:20px;font-weight:700;line-height:1.4}.lesson-content-html h2{color:var(--color-warm-950);margin:20px 0 14px;font-size:28px;font-weight:700;line-height:1.4}.lesson-content-html h3{color:var(--color-warm-950);margin:18px 0 12px;font-size:24px;font-weight:700;line-height:1.4}.lesson-content-html h4{color:var(--color-warm-950);margin:16px 0 10px;font-size:20px;font-weight:600;line-height:1.4}.lesson-content-html h5{color:var(--color-warm-950);margin:14px 0 8px;font-size:18px;font-weight:600;line-height:1.4}.lesson-content-html h6{color:var(--color-warm-950);margin:12px 0 6px;font-size:16px;font-weight:600;line-height:1.4}.lesson-content-html blockquote{border-left:4px solid var(--color-accent);background:var(--color-surface-hover);color:var(--color-gray-500);margin:20px 0;padding:15px 20px;font-style:italic;line-height:1.6}.lesson-content-html blockquote p{margin:0}.lesson-mobile-tab-bar{transition:transform .2s;transform:translateY(0);height:70px!important;min-height:70px!important;max-height:70px!important}.lesson-mobile-tab-bar.lesson-mobile-tab-bar--hidden{transform:translateY(120%)}.lesson-mobile-tab-bar button{flex:1!important;height:70px!important;min-height:70px!important}body.lesson-mobile-tab-active .mobile-tab-bar{display:none!important}body:has(.lesson-mobile-tab-bar) .mobile-tab-bar{display:none!important}