.learner-workspace{display:flex;flex:1 1 auto;flex-direction:column;row-gap:var(--spacing-section-gap);width:100%;min-height:0}.learner-workspace .app-main{flex:1 1 auto}.learner-sidebar{flex-shrink:0}.learner-sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--padding-page-horizontal) var(--spacing-sm)}.learner-sidebar-close-btn{display:inline-flex}.learner-sidebar-nav{display:flex;position:static;top:auto;right:auto;flex-direction:column;flex-wrap:nowrap;row-gap:var(--spacing-md);min-width:0;padding:0 var(--padding-page-horizontal);background-color:transparent;border:none;border-radius:0;z-index:auto}.learner-nav-group{display:flex;flex-direction:column;row-gap:var(--spacing-xs)}.learner-nav-group-list{display:flex;flex-direction:column;row-gap:var(--spacing-xs);margin:0;padding:0;list-style:none}.learner-nav-group-list a{color:var(--text-nav-link)}.learner-menu-toggle-btn{display:inline-flex}.search-keyword-wrap{position:relative}.search-suggest-panel{position:absolute;top:100%;left:0;right:0;z-index:100;max-height:16rem;overflow-y:auto;background-color:var(--bg-surface);border:1px solid var(--border-main);border-top:none}.search-suggest-panel[hidden]{display:none}.search-suggest-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.search-suggest-list>li{border-bottom:1px solid transparent}.search-suggest-list>li:hover{border-bottom-color:var(--border-main)}.search-suggest-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-main);font:inherit;text-align:left;cursor:pointer}.learner-meaning-unit-list{row-gap:0}.learner-meaning-unit-list>.learner-meaning-unit-item+.learner-meaning-unit-item{margin-top:var(--spacing-md)}.learner-meaning-unit-item,.learner-meaning-unit-summary{display:flex;flex-direction:column;row-gap:0}.learner-meaning-unit-line{display:block}.learner-meaning-unit-line-play{display:flex;align-items:baseline;column-gap:var(--spacing-xs)}.learner-play-icon{flex-shrink:0;width:1em;font-size:1em;line-height:1}.learner-meaning-unit-line-play>span{flex:1 1 auto;min-width:0}.learner-sentence-unit-list{row-gap:0}.learner-sentence-unit-list>.learner-sentence-unit-item+.learner-sentence-unit-item{margin-top:var(--spacing-md)}.learner-meaning-unit-report{margin-top:var(--spacing-md)}.learner-collection-link-form{margin-bottom:var(--spacing-md)}.learner-collection-list,.learner-collection-meaning-unit-list{row-gap:0}.learner-collection-meaning-unit-list>li+li{margin-top:var(--spacing-sm)}.practice-page-body{width:100%}.practice-workspace{display:flex;flex-direction:column;row-gap:var(--spacing-section-gap);width:100%}.practice-main{display:flex;flex-direction:column;row-gap:var(--spacing-md);width:100%;min-width:0}.practice-page-section .page-header-main{display:flex;flex-direction:column;row-gap:var(--spacing-xs)}.practice-schedule-label{margin:0}.practice-schedule-label[data-status=new]{color:var(--color-primary)}.practice-schedule-label[data-status=due]{color:var(--text-main)}.practice-schedule-label[data-status=overdue]{color:var(--color-error-text)}.practice-units{display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--spacing-md);row-gap:var(--spacing-md);width:100%}.practice-column{min-width:0}.practice-column .content-block{height:100%}.practice-actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:var(--spacing-sm);row-gap:var(--spacing-sm);width:100%}.practice-actions>button{flex:0 0 auto}.practice-panel{display:flex;flex-direction:column;row-gap:var(--spacing-section-gap);width:100%}.practice-block-head{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:var(--spacing-sm)}.practice-block-head-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:var(--spacing-xs);row-gap:var(--spacing-xs)}.practice-block-head-actions>button{flex:0 0 auto}.practice-source-section,.practice-target-section,.practice-answer-section{display:flex;flex-direction:column;row-gap:var(--spacing-xs)}.practice-answer-section>input[type=text],.practice-answer-section>textarea{width:100%;min-width:0}.practice-answer-textarea{resize:vertical}.practice-answer-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;column-gap:var(--spacing-xs);row-gap:var(--spacing-xs)}.practice-answer-actions>button{flex:0 0 auto}.practice-speech-active{color:var(--color-primary)}.practice-source-text-term{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.practice-source-text-sentence{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}@media (min-width: 768px){.learner-shell.practice-page .learner-sidebar{display:none}.learner-shell.practice-page .learner-workspace{flex-direction:column;column-gap:0}.practice-workspace{flex-direction:row;align-items:flex-start;column-gap:var(--spacing-lg)}.practice-main{flex:1 1 auto}.practice-units{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.practice-panel{flex:0 0 var(--width-max-300);width:var(--width-max-300)}}@media (max-width: 767px){.learner-shell .learner-sidebar{display:none}.learner-shell.learner-sidebar-open .learner-sidebar{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;flex-direction:column;background-color:var(--bg-main);overflow-y:auto}.learner-shell.learner-sidebar-open .learner-sidebar-nav{flex:1 1 auto;padding-top:var(--spacing-md)}}@media (min-width: 768px){.learner-workspace{flex-direction:row;align-items:flex-start;column-gap:var(--spacing-lg);row-gap:0}.learner-sidebar{display:flex;flex:0 0 auto;flex-direction:column;position:static;width:var(--width-max-300);overflow:visible;background-color:transparent}.learner-sidebar-header,.learner-menu-toggle-btn{display:none}.learner-sidebar-nav{align-items:flex-start;padding:0 0 0 var(--spacing-md)}.learner-nav-group{align-items:flex-start;width:100%}}