:root{font-family:Manrope,sans-serif;color:#f2f5f7;background:radial-gradient(circle at top left,#4c5159 0%,transparent 38%),radial-gradient(circle at center,#272a2e 0%,transparent 48%),radial-gradient(circle at bottom right,#272b30 0%,transparent 36%),linear-gradient(145deg,#1c1f22,#23272b);line-height:1.5;font-weight:500}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;min-width:320px}button,input{font:inherit}.page,.dashboard-page{width:min(1120px,calc(100% - 32px));margin:0 auto}.auth-page{min-height:100vh;padding:48px 0 64px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-content:center}.hero,.panel,.topbar{border:1px solid rgba(255,255,255,.07);border-radius:28px;background:#14171bbd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px #0000003d}.hero{padding:40px;display:flex;flex-direction:column;justify-content:center;min-height:320px}.hero h1,.topbar h1{margin:0 0 16px;font-size:clamp(2.6rem,5vw,4.6rem);line-height:.95;letter-spacing:-.06em}.lead,.section-heading p,.topbar-kicker,.message,.empty-state,.channel-card span{color:#c0c7ce}.panel{padding:28px}.auth-panel{display:flex;flex-direction:column;justify-content:center}.tabs{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#ffffff14;width:fit-content}.tab{border:0;border-radius:999px;padding:10px 18px;background:transparent;color:#b6bec7;cursor:pointer}.tab.active{background:#f2f5f7;color:#14171b}.form{margin-top:24px;display:grid;gap:16px}.label{display:grid;gap:8px;font-size:.95rem;color:#d4dbe2}.input{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0a;padding:14px 16px;outline:none;color:#f2f5f7}.input:focus{border-color:#ffffff47;box-shadow:0 0 0 4px #ffffff14}.input::placeholder{color:#8c97a2}.submit,.secondary,.channel-card{border:0;cursor:pointer}.submit,.secondary{border-radius:16px;padding:14px 18px}.submit{background:linear-gradient(135deg,#87919c,#5a616a);color:#f7fafc;font-weight:700}.submit:disabled{opacity:.7;cursor:progress}.secondary{background:#2e343a;color:#f7fafc}.ghost-button{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff0a;color:#f7fafc;padding:14px 18px;cursor:pointer}.message{margin:18px 0 0}.dashboard-page{min-height:100vh;padding:32px 0 48px}.workspace-shell{--workspace-sidebar-width: 248px;--workspace-gap: 24px;display:grid;grid-template-columns:var(--workspace-sidebar-width) minmax(0,1fr);grid-template-areas:"header header" "sidebar main";column-gap:var(--workspace-gap);row-gap:6px;align-items:stretch}.workspace-main{grid-area:main;min-width:0}.workspace-topbar{grid-area:header;margin:0;width:100%}.workspace-sidebar{grid-area:sidebar;padding:18px 14px;align-self:start;height:664px;min-height:664px;max-height:664px}.workspace-nav{display:grid;gap:10px}.workspace-link{display:block;padding:14px 16px;border-radius:16px;color:#d4dbe2;text-decoration:none;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:background .2s ease,border-color .2s ease,transform .2s ease}.workspace-link:hover{transform:translateY(-1px);border-color:#ffffff24}.workspace-link.active{background:linear-gradient(135deg,#87919c47,#5a616a2e);border-color:#ffffff38;color:#fff}.task-topbar-actions{display:flex;align-items:center;gap:12px}.topbar{margin-top:16px;margin-bottom:24px;padding:28px 32px;display:flex;justify-content:space-between;gap:24px;align-items:center;position:relative;z-index:30;isolation:isolate}.compact-topbar{padding:20px 24px}.dashboard-topbar{padding:12px 20px;min-height:74px}.topbar h1{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:8px}.topbar-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}.brand-block{min-width:0}.brand-title{margin:0;font-size:clamp(1.8rem,4vw,2.6rem)!important}.profile-menu{position:relative}.profile-trigger{border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#f2f5f7;border-radius:999px;padding:12px 18px;cursor:pointer;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:320px;border-radius:22px;padding:18px;background:#14171bf5;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px #00000047;z-index:50}.profile-dropdown p{margin:8px 0;color:#d4dbe2}.profile-dropdown span{font-weight:800}.dropdown-logout{margin-top:12px;width:100%}.dashboard-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;position:relative;z-index:1}.single-panel-grid{grid-template-columns:1fr}.dashboard-panel{min-height:360px}.wide-panel{min-height:520px;padding:34px}.task-page-panel,.answer-panel{padding:34px}.section-heading h2{margin:0 0 8px}.section-heading{margin-bottom:20px;flex:1;min-width:0}.section-heading p{margin:0}.panel-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.level-switcher{display:flex;gap:10px;flex-wrap:nowrap;flex-shrink:0}.level-button{border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:#d4dbe2;border-radius:14px;padding:10px 16px;cursor:pointer;min-width:58px}.level-button.active{background:#ffffff24;color:#fff;border-color:#ffffff42}.channel-panel{display:flex;flex-direction:column}.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.channel-card{min-height:110px;padding:22px;border-radius:20px;text-align:left;background:#ffffff0a;color:#f2f5f7;border:1px solid rgba(255,255,255,.06);transition:transform .2s ease,border-color .2s ease,background .2s ease}.channel-card strong,.channel-card span{display:block}.channel-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.channel-card-badges{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.channel-card strong{font-size:1.14rem}.channel-badge{display:inline-flex!important;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:.82rem;line-height:1;white-space:nowrap;flex-shrink:0}.channel-badge-easy{background:#f2f5f71f;border:1px solid rgba(242,245,247,.66);color:#f2f5f7!important}.channel-badge-medium{background:#7158de2e;border:1px solid rgba(144,118,255,.72);color:#dcd1ff!important}.channel-badge-hard{background:#ff902d2e;border:1px solid rgba(255,144,45,.65);color:#ffd6b0!important}.channel-badge-neutral{background:#ffffff14;border:1px solid rgba(255,255,255,.24);color:#dce3ea!important}.channel-card:hover{transform:translateY(-2px);border-color:#ffffff29}.channel-card:disabled{opacity:.52;cursor:not-allowed;transform:none}.channel-card.active{background:linear-gradient(135deg,#87919c47,#5a616a2e);border-color:#ffffff38}.tooltip-card{position:relative}.tooltip-wrapper{width:100%}.tooltip-card:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%) translateY(6px);width:max-content;max-width:min(280px,calc(100vw - 64px));padding:10px 12px;border-radius:14px;background:#0b0d10f5;border:1px solid rgba(255,255,255,.12);color:#f2f5f7;font-size:.9rem;line-height:1.35;text-align:left;white-space:normal;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:60;box-shadow:0 18px 36px #00000047}.tooltip-card:before{content:"";position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%) translateY(6px) rotate(45deg);width:10px;height:10px;background:#0b0d10f5;border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:59}.tooltip-card:hover:after,.tooltip-card:hover:before,.tooltip-card:focus-visible:after,.tooltip-card:focus-visible:before{opacity:1}.tooltip-card:hover:after,.tooltip-card:focus-visible:after{transform:translate(-50%) translateY(0)}.tooltip-card:hover:before,.tooltip-card:focus-visible:before{transform:translate(-50%) translateY(0) rotate(45deg)}.generate-button{margin-top:6px;width:100%}.task-result{margin-top:22px;border-radius:24px;padding:24px;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.07)}.task-result-standalone{margin-top:0}.task-result-head{display:flex;justify-content:space-between;gap:12px;color:#9ba6b1;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}.task-result h3{margin:14px 0 18px;font-size:1.45rem}.task-section+.task-section{margin-top:18px}.task-section h4{margin:0 0 8px}.task-section p{margin:0;color:#d4dbe2}.helpful-list{margin:0;padding-left:20px;color:#d4dbe2}.explanation-toggle{margin-top:22px;width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff0a;color:#d4dbe2;padding:12px 16px;cursor:pointer}.explanation-panel{margin-top:16px;border-radius:18px;padding:18px 20px;background:#ffffff0a}.answer-textarea{width:100%;min-height:240px;resize:vertical;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0a;padding:18px 20px;color:#f2f5f7;outline:none}.answer-textarea:focus{border-color:#ffffff47;box-shadow:0 0 0 4px #ffffff14}.answer-textarea::placeholder{color:#8c97a2}.answer-textarea:disabled{opacity:.72;cursor:not-allowed}.answer-submit{margin-top:20px;width:100%}.feedback-card{margin-top:24px;border-radius:24px;padding:24px;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.07)}.feedback-scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.score-item{border-radius:16px;padding:14px 16px;background:#ffffff0a}.score-item span{display:block;color:#c0c7ce;margin-bottom:6px}.score-item strong{font-size:1.2rem}.feedback-section+.feedback-section{margin-top:18px}.feedback-section h3{margin:0 0 8px}.feedback-section p{margin:0;color:#d4dbe2}.feedback-toggle{margin-top:0}.follow-up-button{margin-top:0;width:100%}.disabled-follow-up{background:#ffffff0d;color:#8f99a3;cursor:not-allowed}.disabled-follow-up:disabled{opacity:1}.feedback-ru-panel{margin-top:18px;border-radius:18px;padding:18px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.history-panel{min-height:520px}.history-panel-empty-state{min-height:auto}.history-empty{border-radius:20px;padding:20px 22px;background:#ffffff0a;color:#c0c7ce}.history-tab-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.history-list{display:grid;gap:18px}.history-card{border-radius:22px;padding:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.history-card-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.history-card h3{margin:6px 0 0;font-size:1.2rem}.history-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.history-channel,.history-meta{color:#aeb7c0}.history-channel{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.history-meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:12px;font-size:.92rem}.history-status{width:42px;height:16px;border-radius:999px;flex-shrink:0;border:1px solid rgba(255,255,255,.18)}.history-status-success{background:#4cc97ee6;border-color:#4cc97ef2}.history-status-neutral{background:#f2f5f7e6;border-color:#f2f5f7f2}.history-status-pending{background:#9076ffe6;border-color:#9076fff2}.history-status-warning{background:#ff902de6;border-color:#ff902df2}.history-block{margin-top:0;padding:16px 0;border-top:1px solid rgba(255,255,255,.07)}.history-details{margin-top:16px;border-radius:18px;padding:16px 18px 4px;background:transparent;border:0}.history-toggle{margin-top:18px}.history-block:first-child{padding-top:0;border-top:0}.history-block-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.history-block-content{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:72px}.history-block-content p{padding-right:10px;overflow-wrap:anywhere}.history-return{min-width:140px;align-self:center;flex-shrink:0;margin-left:auto;justify-self:end}.history-block h4{margin:0 0 6px}.history-block p{margin:0;color:#d4dbe2;line-height:1.45}.history-origin-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;color:#aeb7c0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.86rem}.history-follow-up-group+.history-follow-up-group{margin-top:4px}.history-actions-footer{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:24px}.history-clear-button{min-width:250px}.history-actions-footer .tooltip-wrapper{width:fit-content;flex:0 0 auto}.history-danger-button{min-width:250px;border-radius:16px;padding:14px 18px;border:1px solid rgba(255,104,73,.68);background:#ff684914;color:#ffb7a8;cursor:pointer}.history-danger-button:disabled{opacity:.6;cursor:not-allowed}.history-feedback-slot{min-height:28px;margin-top:18px;display:flex;justify-content:center;align-items:center}.history-action-message{margin:0;color:#cfd6dd;text-align:center;opacity:1;transition:opacity 1s ease}.history-action-message-fade{opacity:0}.course-tab-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px}.course-tab{min-height:56px}.course-tab.active{background:linear-gradient(135deg,#87919c47,#5a616a2e);border-color:#ffffff38}.course-create-layout{display:grid;gap:28px;align-content:start;padding:24px 8px 8px}.course-heading-center{text-align:center}.course-level-center{justify-content:center}.course-level-button{position:relative;min-width:58px;display:inline-flex;align-items:center;justify-content:center}.course-level-button span:first-child{display:inline-flex;align-items:center;justify-content:center}.course-level-busy-dot{position:absolute;top:9px;right:9px;width:6px;height:6px;border-radius:999px;background:#f2f5f7;opacity:.78}.course-panel{min-height:520px}.course-card .history-toggle{margin-bottom:0}.course-header-block{align-items:center}.course-header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.course-abandon-button{border-radius:16px;padding:14px 18px;border:1px solid rgba(255,104,73,.68);background:#ff684914;color:#ffb7a8;cursor:pointer}.course-abandon-button:disabled{opacity:.6;cursor:not-allowed}.course-channel-grid{margin-bottom:24px}.course-counter{display:inline-flex!important;align-items:center;justify-content:center;margin-top:16px;margin-left:auto;padding:5px 12px;border-radius:999px;min-width:64px;color:#f2f5f7!important;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;font-size:.92rem}.course-counter-done{border-color:#4cc97ee6;background:#4cc97e2e}@media(max-width:900px){.auth-page,.dashboard-grid,.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{grid-area:sidebar;padding:18px 14px;align-self:start;height:664px;min-height:664px;max-height:664px}.hero h1{max-width:none}.topbar{flex-direction:column;align-items:flex-start}.task-topbar-actions{width:100%;flex-direction:column;align-items:flex-start}.feedback-scores{grid-template-columns:1fr 1fr}.workspace-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.history-block-row{grid-template-columns:1fr}.history-return{width:100%}.profile-dropdown{left:0;right:auto;min-width:min(320px,calc(100vw - 64px))}.panel-header{flex-direction:column}.course-tab-row,.history-tab-row{grid-template-columns:1fr}.course-header-actions{width:100%;justify-content:stretch}.course-header-actions button{width:100%}}@media(max-width:640px){.channel-grid{grid-template-columns:1fr}.auth-page{padding-top:24px}.tooltip-card:after{left:16px;right:16px;bottom:calc(100% + 10px);transform:translateY(6px);max-width:none}.tooltip-card:before{left:28px;transform:translateY(6px) rotate(45deg)}.tooltip-card:hover:after,.tooltip-card:focus-visible:after{transform:translateY(0)}.tooltip-card:hover:before,.tooltip-card:focus-visible:before{transform:translateY(0) rotate(45deg)}.feedback-scores{grid-template-columns:1fr}}.training-panel{display:grid;gap:24px;min-height:auto}.training-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.training-heading{margin:0}.training-level-switcher{flex-wrap:nowrap}.training-content{display:grid;gap:24px}.training-generate-button{align-self:start}.training-generate-button.initial{margin-top:0}.training-card{border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#ffffff0a;padding:24px}.training-card-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;color:#b9c1ca;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.training-card h3{margin:0 0 10px;font-size:2rem;line-height:1;letter-spacing:-.04em}.training-intro{margin:0;color:#d4dbe2}.training-stage-panel{display:grid;gap:16px}.training-words-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.training-word-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.training-word-index{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff14;color:#dce3ea;flex-shrink:0}.training-textarea{min-height:180px}.training-results-list{display:grid;gap:10px}.training-result-item{padding:14px 16px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.training-result-item.success{border-color:#4fc47859;background:#4fc47814}.training-result-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:4px}.training-result-head h4{margin:0;font-size:1.05rem}.training-result-head span{color:#c6ced7}.training-result-item p{margin:6px 0 0;line-height:1.35}.training-examples strong,.training-score-line{color:#dfe6ec}.training-examples{margin-top:8px}.training-examples .helpful-list{margin-top:4px}.training-sentences-list{display:grid;gap:14px}.training-sentence-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.training-sentence-item span{color:#dce3ea}.training-sentence-item p{margin:0}@media(max-width:1024px){.training-header-row{flex-direction:column;align-items:stretch}.training-level-switcher{align-self:flex-start}.training-words-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.training-words-grid{grid-template-columns:1fr}}