.learn-match-grid{gap:15px;display:grid}.learn-match-row{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:.92fr 1.15fr;align-items:center;gap:20px;padding:14px 0;display:grid}.learn-match-row__prompt{align-items:flex-start;gap:12px;display:flex}.learn-match-row__prompt>span{border:1px solid var(--color-border-strong);height:25px;color:var(--color-text-muted);border-radius:7px;flex:0 0 25px;place-items:center;font-size:11px;display:grid}.learn-match-row__prompt p{margin:1px 0 0;font-size:14px;line-height:1.65}.learn-select{min-width:0;position:relative}.learn-select__trigger{border:1px solid var(--color-border-strong);background:var(--color-surface-secondary);width:100%;min-height:56px;color:var(--color-text-muted);cursor:pointer;text-align:left;border-bottom-width:3px;border-radius:11px;justify-content:space-between;align-items:center;gap:13px;padding:13px 14px;display:flex}.learn-select__trigger>span{overflow-wrap:anywhere;flex:1;font-size:14px;line-height:1.5}.learn-select.has-value .learn-select__trigger{border-color:color-mix(in srgb, var(--color-accent) 50%, var(--color-border-strong));color:var(--color-text-primary);background:var(--color-accent-soft);padding-right:43px}.learn-select.is-open .learn-select__trigger{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 12%, transparent)}.learn-select__chevron{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .14s ease-out}.learn-select.is-open .learn-select__chevron{transform:rotate(180deg)}.learn-select.has-value .learn-select__chevron{display:none}.learn-select__clear{width:30px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.learn-select.is-disabled .learn-select__trigger{cursor:default}.learn-select__popup{z-index:1000;border:1px solid var(--color-border-strong);background:var(--color-surface-primary);overscroll-behavior:contain;scrollbar-width:thin;border-radius:13px;padding:6px;overflow-y:auto;box-shadow:0 12px 35px #00000021,0 3px 6px #0000000a}.learn-select__caption{color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);margin-bottom:5px;padding:7px 10px 10px;font-size:10px}.learn-select__option{cursor:pointer;border-radius:8px;align-items:center;gap:9px;min-height:48px;padding:10px;font-size:14px;line-height:1.5;display:flex}.learn-select__option>span:first-child{flex:1}.learn-select__option.is-active{background:var(--color-surface-subtle)}.learn-select__option.is-selected{background:var(--color-accent-soft);color:var(--color-accent-hover)}.learn-select__option[aria-disabled=true]{cursor:default;color:var(--color-text-muted);opacity:.65}.learn-select__option small{color:var(--color-text-muted);margin-top:3px;font-size:10px;display:block}.learn-select__tick{flex-shrink:0;place-items:center;width:20px;display:grid}.learn-choices{gap:11px;display:grid}.learn-choice{border:1px solid var(--color-border-strong);text-align:left;background:var(--color-surface-primary);width:100%;min-height:72px;color:var(--color-text-secondary);cursor:pointer;border-bottom-width:3px;border-radius:13px;align-items:center;gap:14px;padding:17px;transition:background .13s,border-color .13s;display:flex}.learn-choice__control{border:2px solid var(--color-border-strong);background:var(--color-surface-primary);height:23px;color:var(--color-text-on-accent);border-radius:50%;flex:0 0 23px;place-items:center;display:grid}.learn-choice__control--square{border-radius:6px}.learn-choice__control>i{background:var(--color-accent);border-radius:50%;width:9px;height:9px}.learn-choice__text{flex:1;font-size:15px;line-height:1.7}.learn-choice__index{min-width:25px;color:var(--color-text-muted);place-items:center;font-size:11px;display:grid}.learn-choice.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text-primary)}.learn-choice.is-selected .learn-choice__control{border-color:var(--color-accent)}.learn-choice.is-selected .learn-choice__control--square{background:var(--color-accent)}.learn-choice.is-correct{background:var(--color-success-surface);border-color:var(--color-success)}.learn-choice.is-correct .learn-choice__index{color:var(--color-success)}.learn-choice.is-wrong{background:var(--color-warning-surface);border-color:var(--color-warning)}.learn-choice.is-wrong .learn-choice__index{color:var(--color-warning)}.learn-choice:disabled{cursor:default}.learn-choices__count{color:var(--color-text-muted);margin:4px 0 0;font-size:12px}.learn-number{gap:13px;margin:12px 0;display:grid}.learn-number>label{font-size:13px;font-weight:550}.learn-number__field{border:2px solid var(--color-border-strong);background:var(--color-surface-secondary);border-bottom-width:4px;border-radius:15px;align-items:center;gap:13px;min-height:88px;padding:10px 18px;transition:border-color .12s;display:flex}.learn-number__field:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 10%, transparent)}.learn-number__symbol{color:var(--color-text-muted);padding-right:3px;font-size:28px}.learn-number input{width:100%;min-width:0;color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.03em;background:0 0;border:0;outline:0;flex:1;padding:6px 0;font-size:32px}.learn-number input::placeholder{color:var(--color-text-muted);letter-spacing:-.01em;font-size:20px}.learn-number__unit{border-left:1px solid var(--color-border-strong);min-width:58px;color:var(--color-text-secondary);justify-content:center;align-self:stretch;align-items:center;padding-left:18px;font-size:18px;font-weight:550;display:flex}.learn-number__field>button{width:32px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.learn-number>p{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.6}.learn-number.is-invalid .learn-number__field{border-color:var(--color-warning)}.learn-number.is-invalid>p{color:var(--color-warning)}.learn-range{margin-top:18px}.learn-range label{color:var(--color-text-secondary);justify-content:space-between;gap:14px;font-size:12px;display:flex}.learn-range output{color:var(--color-accent-hover);font-variant-numeric:tabular-nums;font-weight:600}.learning-visual .learn-range input[type=range]{appearance:none;background:linear-gradient(to right, var(--color-accent) 0%, var(--color-accent) var(--range-fill), var(--color-surface-raised) var(--range-fill), var(--color-surface-raised) 100%);cursor:pointer;border-radius:5px;width:100%;height:6px;min-height:0;margin:19px 0;display:block}.learn-range input::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-surface-primary);background:var(--color-accent);width:22px;height:22px;box-shadow:0 0 0 1px var(--color-accent), 0 2px 3px #0000001a;border-radius:50%}.learn-range input::-moz-range-thumb{border:3px solid var(--color-surface-primary);background:var(--color-accent);width:17px;height:17px;box-shadow:0 0 0 1px var(--color-accent);border-radius:50%}@media (hover:hover) and (pointer:fine){.learn-choice:hover:not(:disabled),.learn-select__trigger:hover:not(:disabled){border-color:var(--color-accent)}.learn-select__clear:hover,.learn-number__field>button:hover{background:var(--color-surface-active)}}@media (width<=600px){.learn-match-row{grid-template-columns:1fr;gap:10px}.learn-select__trigger{min-height:58px}.learn-select__trigger>span,.learn-select__option{font-size:16px}.learn-choice{gap:11px;padding:15px 12px}.learn-choice__text{font-size:14px}.learn-choice__index{min-width:19px}.learn-number__field{gap:8px;padding-inline:12px}.learn-number input{font-size:27px}.learn-number input::placeholder{font-size:17px}.learn-number__unit{min-width:50px;padding-left:12px;font-size:16px}}@media (prefers-reduced-motion:reduce){.learn-choice,.learn-select__chevron,.learn-number__field{transition:none}}.course-orientation{border-left:4px solid var(--color-accent);background:var(--color-surface-secondary);border-radius:0 16px 16px 0;margin:0 0 35px;padding:27px 30px}.course-orientation>h2{font-size:23px;line-height:1.4}.course-orientation p,.lesson-context p{color:var(--color-text-secondary);max-width:75ch;margin:11px 0 0;font-size:15px;line-height:1.85}.course-orientation h3,.lesson-context h3{letter-spacing:-.015em;margin:22px 0 5px;font-size:15px}.course-orientation>div{margin-top:18px}.lesson-context{margin-bottom:25px}.learning-mentor>div{min-width:0}.learning-mentor>div>span{color:var(--color-accent-hover);margin-bottom:2px;font-size:14px;font-weight:550;display:block}.learning-mentor>div>p{font-size:14px;line-height:1.75}.intro-scenario{border:1px solid var(--color-border-subtle);border-radius:16px;margin:20px 0 34px;padding:24px 27px}.intro-scenario h2{font-size:22px;margin:12px 0!important}.intro-scenario p{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.85}.intro-study-method{border-top:1px solid var(--color-border-subtle);align-items:flex-start;gap:13px;margin-top:30px;padding-top:22px;display:flex}.intro-study-method>.custom-icon{color:var(--color-accent-hover);flex-shrink:0;margin-top:4px}.intro-study-method p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.8}.learning-intro__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:30px;display:flex}.learning-notes-link{color:var(--color-text-secondary);text-underline-offset:4px;align-items:center;gap:5px;font-size:11px;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.learning-player__chapters{gap:10px 17px;padding-inline:6px}.learning-player__chapters [aria-current=step]{color:var(--color-accent-hover);font-weight:650}.learning-player__chapters [aria-current=step] i{box-shadow:0 0 0 3px var(--color-accent-soft)}.theory-vocabulary{background:var(--color-surface-secondary);border-radius:13px;margin:25px 0 30px;padding:20px 22px}.theory-vocabulary h2{color:var(--color-accent-hover);align-items:center;gap:8px;margin:0 0 17px;font-size:13px;font-weight:550;display:flex}.theory-vocabulary dl{gap:15px;margin:0;display:grid}.theory-vocabulary dl>div{gap:4px;display:grid}.theory-vocabulary dt{font-size:14px;font-weight:650}.theory-vocabulary dd{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.75}.theory-section{margin:25px 0}.learning-theory .theory-section h2{margin:0 0 10px;font-size:19px;font-weight:600;line-height:1.4}.theory-section p{color:var(--color-text-secondary);margin:0 0 13px;font-size:15px;line-height:1.85}.theory-worked-example{border:1px solid color-mix(in srgb, var(--learn-blue,#5683d9) 25%, var(--color-border-subtle));background:color-mix(in srgb, var(--learn-blue,#5683d9) 4%, var(--color-surface-primary));border-radius:14px;margin:28px 0;padding:23px 24px}.theory-worked-example__label{color:var(--learn-blue,#5683d9);align-items:center;gap:7px;margin-bottom:13px;font-size:11px;font-weight:600;display:flex}.learning-theory .theory-worked-example h2{margin-bottom:12px;font-size:18px;line-height:1.4}.theory-worked-example>p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.85}.theory-worked-example ol{gap:14px;margin:22px 0 0;padding:0;list-style:none;display:grid}.theory-worked-example li{align-items:flex-start;gap:12px;display:flex}.theory-worked-example li>span{border:1px solid color-mix(in srgb, var(--learn-blue,#5683d9) 35%, var(--color-border-subtle));height:24px;color:var(--learn-blue,#5683d9);border-radius:50%;flex:0 0 24px;place-items:center;margin-top:2px;font-size:11px;display:grid}.theory-worked-example li>p{margin:0;font-size:14px;line-height:1.8}.theory-self-check{border:1px dashed var(--color-border-strong);border-radius:14px;margin:28px 0;padding:21px 23px}.theory-self-check>div:first-child{color:var(--color-accent-hover);align-items:center;gap:9px;display:flex}.learning-theory .theory-self-check h2{margin:0;font-size:13px;font-weight:550}.theory-self-check>p{margin:15px 0 8px;font-size:16px;font-weight:550;line-height:1.7}.theory-self-check>span{color:var(--color-text-muted);font-size:12px;line-height:1.65;display:block}.theory-self-check__toggle{min-height:42px;color:var(--color-accent-hover);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin-top:8px;padding:10px 0;font-size:13px;font-weight:550;display:inline-flex}.theory-self-check__answer{border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);margin-top:13px;padding-top:15px;font-size:14px;line-height:1.85}.theory-comparison{border:1px solid var(--color-border-subtle);border-radius:12px;margin:26px 0;overflow-x:auto}.theory-comparison table{border-collapse:collapse;text-align:left;width:100%;min-width:440px;font-size:13px}.theory-comparison th,.theory-comparison td{border-bottom:1px solid var(--color-border-subtle);vertical-align:top;padding:14px 15px;line-height:1.65}.theory-comparison th{font-weight:550}.theory-comparison thead th{background:var(--color-surface-secondary);color:var(--color-text-secondary);font-size:11px}.theory-comparison td{color:var(--color-text-secondary)}.theory-comparison tr:last-child>*{border-bottom:0}.learning-notebook{width:100%;margin:0}.learning-notebook>header{max-width:860px;margin:0 0 24px}.learning-notebook>header h1{letter-spacing:-.04em;margin:10px 0 12px;font-size:clamp(27px,3vw,34px);line-height:1.18}.learning-notebook>header p{max-width:76ch;color:var(--color-text-secondary);margin:8px 0 0;font-size:15px;line-height:1.7}.notebook-contents{background:var(--color-surface-secondary);border:0;border-radius:12px;gap:2px;margin-bottom:26px;padding:15px 18px;display:grid}.notebook-contents__label{color:var(--color-text-muted);margin:0 0 5px;font-size:12px}.notebook-contents a{color:var(--color-text-primary);border-radius:8px;align-items:center;gap:12px;padding:7px 6px;font-size:13px;line-height:1.5;text-decoration:none;transition:background-color .14s,color .14s;display:flex}@media (hover:hover) and (pointer:fine){.notebook-contents a:hover{background:var(--color-surface-raised);color:var(--color-accent-hover)}}.notebook-contents a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.notebook-contents a>span{color:var(--color-accent-hover);flex:0 0 24px;font-size:12px}.learning-notebook>article{margin-bottom:30px;scroll-margin-top:25px}.learning-notebook .notebook-heading{letter-spacing:-.035em;margin:12px 0 20px;font-size:clamp(23px,2.5vw,29px);line-height:1.25}.learning-notebook>.button{width:fit-content;margin:32px auto 0;display:flex}@media (width<=600px){.course-orientation{padding:22px 20px}.course-orientation>h2{font-size:21px}.course-orientation p,.lesson-context p,.intro-scenario p{font-size:14px}.intro-scenario{padding:22px 20px}.learning-mentor img{width:105px;height:130px}.learning-intro__actions{text-align:center;flex-direction:column;align-items:stretch}.learning-notes-link{text-align:right;max-width:100px;font-size:10px;line-height:1.6}.theory-vocabulary{padding:18px 17px}.theory-section p{font-size:14px}.learning-theory .theory-section h2{font-size:18px}.theory-worked-example,.theory-self-check{padding:19px 16px}.learning-player__chapters{gap:8px 13px;font-size:10px}}.learning-intro--compact{min-height:calc(100svh - var(--topbar-height,76px) - var(--page-content-top-gap,43px) - 64px);flex-direction:column;justify-content:center;width:min(100%,1120px);max-width:1120px;margin:0 auto;display:flex}.learning-intro--compact .learning-intro__hero{align-items:flex-start;gap:clamp(18px,3vw,42px);padding:22px 0 12px}.learning-intro--compact .learning-intro__number{color:#0000;background:linear-gradient(135deg, var(--color-accent) 12%, color-mix(in srgb, var(--color-accent) 76%, var(--color-surface-canvas)) 62%, color-mix(in srgb, var(--color-accent) 12%, transparent) 100%);letter-spacing:-.1em;-webkit-background-clip:text;background-clip:text;flex:0 0 clamp(130px,19vw,220px);padding-top:0;font-size:clamp(110px,17vw,205px);font-weight:800;line-height:.82}.learning-intro--compact .learning-intro__hero h1{letter-spacing:-.055em;max-width:790px;margin:9px 0 18px;font-size:clamp(34px,4.5vw,54px);font-weight:750;line-height:.99}.learning-intro--compact .learning-intro__hero h1>span{display:block}.learning-intro--compact .learning-intro__hero h1 .learning-intro__title-accent{color:var(--color-accent-hover)}.learning-intro--compact .learning-intro__hero p{max-width:760px;font-size:clamp(15px,1.65vw,19px);line-height:1.45}.learning-intro--compact .learning-mentor{max-width:none;margin:22px 0}.learning-intro--compact .learning-mentor img{width:105px;height:125px}.intro-compact-goals{border-top:1px solid var(--color-border-subtle);padding-top:22px}.intro-compact-goals h2{font-size:17px}.intro-compact-goals .learning-goals{gap:12px}.intro-compact-method{color:var(--color-text-muted);text-align:center;margin:23px 0 0;font-size:12px;line-height:1.75}.learning-intro--compact .learning-intro__actions{flex-direction:column;align-items:center;gap:0;margin-top:12px;padding-top:0}.learning-intro--compact .learning-notes-link{text-align:center;text-underline-offset:4px;max-width:none;font-size:14px;line-height:1.5;text-decoration-thickness:1.5px}.brief-theory__explanation{color:var(--color-text-secondary);margin:0 0 23px;font-size:17px;line-height:1.85}.brief-theory__example{background:var(--color-surface-secondary);border-radius:13px;padding:17px 20px}.brief-theory__example>span{color:var(--color-accent-hover);align-items:center;gap:7px;font-size:11px;font-weight:550;display:flex}.brief-theory__example p{margin:10px 0 0;font-size:15px;line-height:1.8}.brief-theory__takeaway{align-items:flex-start;gap:10px;margin:22px 0;font-size:14px;font-weight:550;line-height:1.7;display:flex}.brief-theory__takeaway .custom-icon{color:var(--color-accent-hover);flex-shrink:0;margin-top:4px}.brief-theory__more{border:1px solid var(--color-border-subtle);min-height:63px;color:var(--color-text-secondary);border-radius:11px;justify-content:space-between;align-items:center;gap:15px;padding:13px 16px;display:flex}.brief-theory__more>span{gap:4px;display:grid}.brief-theory__more strong{color:var(--color-accent-hover);font-size:13px;font-weight:550}.brief-theory__more small{color:var(--color-text-muted);font-size:11px;line-height:1.6}.brief-theory__more>.custom-icon{color:var(--color-accent-hover);flex-shrink:0}.learning-card-meta__short{color:var(--color-text-muted);font-size:11px}.article-return{z-index:9;isolation:isolate;background:var(--color-surface-canvas);box-shadow:0 10px 22px color-mix(in srgb, var(--color-text-primary) 8%, transparent);border:0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 15px;padding:12px 16px;display:flex;position:sticky;top:65px}.article-return>a{min-height:24px;color:var(--color-accent-hover);align-items:center;gap:8px;font-size:13px;font-weight:550;display:flex}@media (width<=700px){.article-return{top:64px}}.article-return>a .custom-icon{transform:rotate(180deg)}.article-return>span{color:var(--color-text-muted);font-size:11px}.learning-notebook>article{scroll-margin-top:150px}.learning-reference__article{color:var(--color-accent-hover);align-items:center;gap:8px;margin:6px 0;display:inline-flex}@media (hover:hover) and (pointer:fine){.brief-theory__more:hover{border-color:var(--color-accent);background:var(--color-surface-subtle)}}@media (width<=600px){.learning-intro--compact{min-height:calc(100svh - var(--topbar-height,64px) - var(--page-content-top-gap,26px) - 90px)}.learning-intro--compact .learning-intro__hero{gap:14px;padding-top:20px}.learning-intro--compact .learning-intro__number{flex-basis:70px;font-size:64px}.learning-intro--compact .learning-intro__hero h1{margin:2px 0 12px;font-size:clamp(25px,6.5vw,34px)}.learning-intro--compact .learning-intro__hero p{font-size:14px}.learning-intro--compact .learning-mentor img{width:85px;height:110px}.learning-intro--compact .learning-mentor>div>p{padding:12px;font-size:13px}.brief-theory__explanation{font-size:16px}.brief-theory__example{padding:16px}.brief-theory__example p{font-size:14px}.article-return{padding:10px 12px;top:64px}.article-return>span{font-size:10px}.learning-notebook>article{scroll-margin-top:155px}}.learning-player .learning-theory--brief{padding:30px 32px}.learning-player .learning-theory--brief h1{margin:16px 0 20px;font-size:clamp(27px,3vw,34px)}.learning-theory--brief .brief-theory__explanation{margin-bottom:19px;font-size:16px;line-height:1.75}.learning-theory--brief .brief-theory__example{padding:15px 17px}.learning-theory--brief .brief-theory__example p{font-size:14px;line-height:1.75}.learning-theory--brief .brief-theory__takeaway{margin-block:18px}.learning-theory--brief .learning-player__footer{margin-top:20px;padding-top:18px}@media (width<=600px){.learning-player .learning-player__chapters{display:none}.learning-player__header{padding-bottom:22px}.learning-player .learning-theory--brief{padding:24px 19px}}.learning-intro,.learning-player,.learning-result{--learn-blue:#5683d9;--learn-green:#4a9276;width:min(100%,900px);margin:40px auto}.learning-player{width:100%;margin:0}.learning-intro h1,.learning-player h1,.learning-result h1{color:var(--color-text-primary);letter-spacing:-.045em;outline:none;margin:20px 0;font-size:clamp(27px,3.6vw,39px);font-weight:650;line-height:1.16}.learning-intro h2,.learning-player h2,.learning-result h2{letter-spacing:-.025em;margin:0 0 18px;font-size:18px;line-height:1.35}.learning-tag{color:var(--color-accent-hover);align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.learning-intro__hero{align-items:center;gap:35px;padding:40px 0 35px;display:flex}.learning-intro__copy{flex:1;min-width:0}.learning-intro__number{letter-spacing:-.085em;color:var(--color-accent);flex:0 0 130px;font-size:100px;font-weight:750;line-height:1}.learning-intro__number span{text-align:center;letter-spacing:0;color:var(--color-text-muted);margin-top:8px;font-size:15px;font-weight:500;display:block}.learning-intro__hero h1{margin:13px 0;font-size:clamp(32px,4.5vw,40px)}.learning-intro__hero p{color:var(--color-text-secondary);margin:0;font-size:18px}.learning-intro__meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:20px;margin-top:20px;font-size:13px;display:flex}.learning-intro__meta>span{align-items:center;gap:5px;display:inline-flex}.learning-intro__body{border-top:1px solid var(--color-border-subtle);grid-template-columns:1.15fr 1fr;gap:40px;padding-top:30px;display:grid}.learning-goals{gap:17px;margin:0;padding:0;list-style:none;display:grid}.learning-goals li{color:var(--color-text-secondary);align-items:flex-start;gap:10px;font-size:15px;display:flex}.learning-goals .custom-icon{color:var(--learn-green);flex-shrink:0;margin-top:3px}.learning-intro__chapters{border-left:1px solid var(--color-border-subtle);padding-left:30px}.learning-intro__chapters>div{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;padding:13px 0;display:flex}.learning-intro__chapters>div>span{background:var(--color-accent-soft);width:29px;height:29px;color:var(--color-accent-hover);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:650;display:grid}.learning-intro__chapters p{margin:0;font-size:14px;line-height:1.45}.learning-mentor{align-items:center;gap:18px;max-width:650px;margin:0 auto 25px 0;display:flex}.learning-mentor__bubble{background:var(--color-surface-subtle);border-radius:14px 14px 14px 3px;min-width:0;padding:12px 15px}.learning-mentor img{object-fit:contain;flex:none;width:150px;height:180px}.learning-mentor p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.6}.learning-start{min-width:260px;margin:32px auto 0;display:flex}.learning-intro__foot{text-align:center;color:var(--color-text-muted);font-size:12px}.learning-sources{color:var(--color-text-secondary);border-top:1px solid var(--color-border-subtle);margin-top:24px;padding-top:16px;font-size:12px}.learning-sources summary{cursor:pointer;align-items:center;gap:8px;width:fit-content;min-height:28px;display:flex}.learning-sources summary>span{background:var(--color-surface-subtle);border-radius:6px;place-items:center;min-width:20px;height:20px;display:grid}.learning-sources summary:after{content:"+";margin-left:4px;font-size:16px}.learning-sources[open] summary:after{content:"−"}.learning-sources ul{overflow-wrap:anywhere;gap:13px;margin:0;padding:12px 0 0;list-style:none;display:grid}.learning-sources a{text-underline-offset:3px;text-decoration:underline}.learning-sources small{color:var(--color-text-muted);margin-top:5px;display:block}.learning-player__header{top:calc(var(--topbar-height,65px) + var(--page-content-top-gap,20px));z-index:var(--z-sticky,20);isolation:isolate;align-items:flex-start;gap:17px;padding-bottom:18px;display:flex;position:sticky}.learning-player__header:before,.article-return:before{z-index:-1;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-surface-canvas) 90%, transparent) 0%, color-mix(in srgb, var(--color-surface-canvas) 78%, transparent) 62%, transparent 100%);-webkit-backdrop-filter:blur(14px)saturate(1.12);content:"";pointer-events:none;position:absolute;inset:-10px -12px -22px;-webkit-mask-image:linear-gradient(#000 0% 62%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#0000 100%)}.learning-player__header:before{top:calc(0px - var(--topbar-height,65px) - var(--page-content-top-gap,20px));background:var(--color-surface-canvas);-webkit-backdrop-filter:none;bottom:0;-webkit-mask-image:none;mask-image:none}.learning-player__header.is-overlapping:before{-webkit-backdrop-filter:blur(14px)saturate(1.12);bottom:-22px;-webkit-mask-image:linear-gradient(#000 0% calc(100% - 22px),#0000 100%);mask-image:linear-gradient(#000 0% calc(100% - 22px),#0000 100%)}@media (width<=700px){.article-return{top:64px}}.learning-player__header>div{flex:1;min-width:0}.learning-player__header>div>span{color:var(--color-text-secondary);margin-bottom:10px;font-size:12px;line-height:1;display:block}.learning-player__progress-row{align-items:center;gap:12px;display:flex}.learning-player__header .progress-track{flex:1;height:5px}.learning-player__header .progress-track>span{transition:width .52s cubic-bezier(.22,1,.36,1)}.learning-player__progress-row>strong{font-variant-numeric:tabular-nums;flex:none;padding-bottom:2px;font-size:14px;line-height:1}.learning-player__chapters{color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;gap:24px;margin:4px 0 25px;font-size:11px;display:flex}.learning-player__chapters>span{align-items:center;gap:6px;display:inline-flex}.learning-player__chapters i{background:var(--color-border-strong);border-radius:50%;width:6px;height:6px}.learning-player__chapters .is-active{color:var(--color-accent-hover)}.learning-player__chapters .is-active i{background:var(--color-accent)}.learning-player__chapters b{color:var(--learn-blue);font-weight:600}.learning-theory,.learning-exercise{border:1px solid var(--color-border-subtle);background:var(--color-surface-primary);border-radius:24px;padding:clamp(22px,4.5vw,42px)}.learning-card-meta{justify-content:space-between;align-items:center;gap:14px;display:flex}.learning-card-meta>span:last-child{color:var(--color-text-muted);text-align:right;font-size:12px}.learning-theory__text{color:var(--color-text-secondary);font-size:16px;line-height:1.8}.learning-theory__text p{margin:0 0 16px}.learning-example{align-items:flex-start;gap:13px;margin:26px 0;display:flex}.learning-example__icon{color:var(--learn-blue);flex-shrink:0;padding-top:2px}.learning-example h2{margin:0 0 8px;font-size:16px}.learning-example p,.learning-example ol{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.75}.learning-example ol{margin-top:10px;padding-left:20px}.learning-takeaway{background:var(--color-accent-soft);color:var(--color-accent-hover);border-radius:12px;align-items:center;gap:13px;padding:15px 18px;display:flex}.learning-takeaway .custom-icon{flex-shrink:0}.learning-takeaway p{margin:0;font-size:14px;font-weight:550;line-height:1.6}.learning-player__footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:15px;margin-top:24px;padding-top:25px;display:flex}.learning-player__footer>span,.learning-player__footer>small{color:var(--color-text-muted);max-width:240px;font-size:12px}.learning-player__footer .button{min-width:175px;min-height:42px}.learning-player__footer .button--purple{font-size:var(--font-size-body-sm);padding-inline:15px}.learning-player__note{z-index:var(--z-sticky,10);isolation:isolate;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-surface-canvas) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.1);text-align:center;color:var(--color-text-muted);margin:0;font-size:11px;position:fixed;inset:auto 0 0}.learning-player__note:before{z-index:-1;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--color-surface-canvas) 78%, transparent) 55%);-webkit-backdrop-filter:blur(10px);content:"";pointer-events:none;position:absolute;inset:-20px 0 0;-webkit-mask-image:linear-gradient(#0000,#000 55%);mask-image:linear-gradient(#0000,#000 55%)}.learning-exercise__prompt{color:var(--color-text-secondary);margin:0 0 28px;font-size:16px;line-height:1.75}.learning-options{gap:11px;display:grid}.learning-option{border:1px solid var(--color-border-strong);cursor:pointer;background:var(--color-surface-primary);min-height:72px;color:var(--color-text-secondary);border-bottom-width:3px;border-radius:13px;align-items:center;gap:13px;padding:14px 17px;transition:border-color .13s,background .13s;display:flex;position:relative}.learning-option input{opacity:0;width:1px;height:1px;position:absolute}.learning-option:focus-within{outline:2px solid var(--color-focus-ring);outline-offset:3px}.learning-option__letter{border:1px solid var(--color-border-strong);width:29px;height:29px;color:var(--color-text-muted);border-radius:7px;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.learning-option>span:nth-last-child(2){flex:1;font-size:15px;line-height:1.6}.learning-option>.custom-icon{color:var(--color-text-muted);flex-shrink:0}.learning-option.is-selected{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text-primary)}.learning-option.is-selected .learning-option__letter{border-color:var(--color-accent);color:var(--color-accent-hover)}.learning-option.is-correct{background:var(--color-success-surface);border-color:var(--learn-green)}.learning-option.is-wrong{background:var(--color-warning-surface);border-color:var(--color-warning)}.learning-number{color:var(--color-text-secondary);gap:12px;font-size:13px;display:grid}.learning-number>div{align-items:center;gap:15px;display:flex}.learning-number input{border:2px solid var(--color-border-strong);background:var(--color-surface-secondary);width:min(65%,260px);min-width:0;color:var(--color-text-primary);font-variant-numeric:tabular-nums;outline-color:var(--color-accent);border-radius:14px;padding:17px 20px;font-size:34px}.learning-number strong{font-size:20px;font-weight:500}.learning-number small{color:var(--color-text-muted)}.learning-matches{gap:17px;display:grid}.learning-matches label{color:var(--color-text-secondary);grid-template-columns:1fr 1.1fr;align-items:center;gap:15px;font-size:14px;display:grid}.learning-matches select{border:1px solid var(--color-border-strong);background:var(--color-surface-secondary);width:100%;min-width:0;max-width:100%;color:var(--color-text-primary);border-radius:9px;padding:13px 10px;font-size:16px}.learning-order ol{background:var(--color-surface-secondary);border:1px dashed var(--color-border-strong);border-radius:13px;gap:9px;min-height:100px;margin:0 0 16px;padding:15px;list-style:none;display:grid}.learning-order li{align-items:center;gap:10px;font-size:14px;display:flex}.learning-order li>span{background:var(--color-accent-soft);width:24px;height:24px;color:var(--color-accent-hover);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.learning-order li>button{cursor:pointer;background:0 0;border:0;place-items:center;min-width:36px;min-height:36px;margin-left:auto;display:grid}.learning-order .learning-order__empty{color:var(--color-text-muted);font-size:13px}.learning-order>div{gap:9px;display:grid}.learning-order__item{text-align:left;border:1px solid var(--color-border-strong);background:var(--color-surface-primary);cursor:pointer;border-bottom-width:3px;border-radius:10px;align-items:center;gap:10px;padding:14px;font-size:14px;display:flex}.learning-order__item .custom-icon{color:var(--color-accent-hover);flex-shrink:0}.learning-feedback{background:var(--color-info-surface);border:1px solid var(--color-border-subtle);border-radius:14px;gap:13px;margin-top:25px;padding:20px;display:flex}.learning-feedback>.custom-icon{color:var(--learn-blue);flex-shrink:0;margin-top:2px}.learning-feedback strong{font-size:16px}.learning-feedback p,.learning-feedback li{color:var(--color-text-secondary);margin:9px 0 0;font-size:14px;line-height:1.75}.learning-feedback--correct{background:var(--color-success-surface)}.learning-feedback--correct>.custom-icon{color:var(--learn-green)}.learning-feedback--retry{background:var(--color-warning-surface)}.learning-feedback--retry>.custom-icon{color:var(--color-warning)}.learning-feedback .learning-feedback__answer{font-size:20px;font-weight:600}.learning-answer-review,.learning-reference{color:var(--color-text-secondary);margin-top:22px;font-size:13px}.learning-answer-review summary,.learning-reference summary{cursor:pointer;min-height:36px}.learning-answer-review p{border-top:1px solid var(--color-border-subtle);gap:6px;margin:0;padding:14px 0;display:grid}.learning-answer-review b{font-weight:550}.learning-answer-review span{color:var(--color-text-muted);line-height:1.65}.learning-reference{border-top:1px solid var(--color-border-subtle);padding-top:16px}.learning-reference h2{margin-top:15px;font-size:16px}.learning-reference p{line-height:1.8}.learning-hint{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:12px 0;font-size:13px;display:flex}.learning-hint-content{background:var(--color-warning-surface);color:var(--color-text-secondary);border-radius:12px;margin-top:16px;padding:18px;font-size:14px;line-height:1.7}.learning-result{text-align:center;justify-items:center;max-width:740px;padding-top:15px;display:grid}.learning-result__seal{background:var(--color-accent-soft);width:85px;height:85px;color:var(--color-accent-hover);border-radius:25px;place-items:center;margin-bottom:25px;display:grid;transform:rotate(-6deg)}.learning-result__seal>.custom-icon{transform:rotate(6deg)}.learning-result h1{margin:16px 0 8px}.learning-result>p{color:var(--color-text-secondary)}.learning-result__stats{border-block:1px solid var(--color-border-subtle);grid-template-columns:repeat(3,1fr);width:100%;margin:22px 0 30px;padding:23px 0;display:grid}.learning-result__stats>div{gap:6px;display:grid}.learning-result__stats>div+div{border-left:1px solid var(--color-border-subtle)}.learning-result__stats strong{letter-spacing:-.03em;font-size:27px}.learning-result__stats span{color:var(--color-text-muted);font-size:12px}.learning-result__recap{text-align:left;width:100%;margin-bottom:30px}.learning-result__recap p{color:var(--color-text-secondary);align-items:flex-start;gap:12px;margin:0;padding:12px 0;font-size:15px;line-height:1.7;display:flex}.learning-result__recap .custom-icon{color:var(--learn-green);flex-shrink:0;margin-top:5px}.learning-result__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.learning-result__actions>.button--primary,.learning-result__actions>.button--purple{flex-basis:100%}.learning-result>.learning-sources{text-align:left;width:100%}.learning-visual{background:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);border-radius:17px;margin:26px 0;padding:24px;overflow:hidden}.learning-visual figcaption{color:var(--color-text-secondary);margin-top:18px;font-size:12px;line-height:1.7}.lab-caption{color:var(--color-text-muted);margin-bottom:20px;font-size:12px;display:block}.lab-switch{background:var(--color-surface-sunken);border-radius:10px;gap:5px;padding:4px;display:flex}.lab-switch button{min-width:0;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;padding:10px 7px;font-size:12px}.lab-switch button[aria-pressed=true]{background:var(--color-surface-primary);border-color:var(--color-border-subtle);color:var(--color-accent-hover);box-shadow:0 2px 3px #0000000a}.label-lab{grid-template-columns:1fr 1.1fr;align-items:center;gap:25px;display:grid}.label-lab__pack{border:1px solid var(--color-border-strong);border-left:7px solid var(--color-accent);background:var(--color-surface-primary);box-shadow:4px 5px 0 var(--color-surface-subtle-hover);border-radius:5px;gap:9px;padding:21px;display:grid;transform:rotate(-2deg)}.label-lab__band{color:var(--color-text-muted);font-size:10px}.label-lab__pack>strong{letter-spacing:-.04em;font-size:23px}.label-lab__pack>span:not(:first-child){color:var(--color-text-secondary);font-size:12px}.label-lab__pack>b{letter-spacing:-.03em;font-size:30px;line-height:1.5}.label-lab__pack small{letter-spacing:0;font-size:11px;font-weight:400}.label-lab__route{border-top:1px solid var(--color-border-subtle);padding-top:10px}.label-lab figcaption{gap:14px;margin:0;font-size:14px;display:grid}.label-lab figcaption span{gap:1px;display:grid}.label-lab figcaption i{color:var(--color-text-muted);font-size:11px;font-style:normal}.release-lab{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:28px;display:grid}.release-lab>div>span{background:var(--color-surface-primary);border-radius:7px;flex-wrap:wrap-reverse;align-content:flex-start;gap:5px;min-height:140px;padding:10px 6px;display:flex}.release-lab i{background:var(--color-accent);border-radius:50%;width:10px;height:10px;display:block}.release-lab small{text-align:center;color:var(--color-text-muted);margin-top:7px;display:block}.dose-lab__equation{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:16px;margin:28px 0;font-size:12px;display:flex}.dose-lab__equation b{font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:clamp(23px,4vw,36px)}.dose-lab__equation i{color:var(--color-text-muted);font-size:20px;font-style:normal}.dose-lab__equation output{color:var(--color-accent-hover)}.learning-visual input[type=range]{width:100%;accent-color:var(--color-accent);cursor:pointer;min-height:30px}.dose-lab>label,.half-lab>label{color:var(--color-text-secondary);gap:8px;margin:14px 0 0;font-size:12px;display:grid}.route-lab{align-items:stretch;gap:23px;margin:28px 0;padding:0;list-style:none;display:flex}.route-lab li{background:var(--color-surface-primary);border:1px solid var(--color-border-strong);text-align:center;border-radius:12px;flex:1;place-items:center;min-height:65px;padding:10px;font-size:12px;display:grid;position:relative}.route-lab li:last-child{border-color:var(--color-accent);background:var(--color-accent-soft)}.route-lab li+li:before{content:"→";color:var(--color-text-muted);position:absolute;top:calc(50% - 12px);right:calc(100% + 6px)}.adme-lab{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.adme-lab button{border:1px solid var(--color-border-strong);text-align:left;cursor:pointer;background:var(--color-surface-primary);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:13px;display:flex}.adme-lab button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.adme-lab b{color:var(--color-accent-hover);font-size:32px;line-height:1.2}.adme-lab strong{font-size:11px}.adme-lab small{color:var(--color-text-secondary);font-size:10px;line-height:1.5}.distribution-lab{grid-template-columns:repeat(10,1fr);gap:14px;max-width:450px;margin:30px auto;display:grid}.distribution-lab i{aspect-ratio:1;background:var(--color-surface-raised);border:3px solid var(--color-border-strong);border-radius:50%}.distribution-lab i.is-free{background:var(--color-accent);border-color:var(--color-accent)}.half-lab__headline{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:15px;font-size:13px;display:flex}.half-lab__headline output{text-align:right}.half-lab__headline strong{font-variant-numeric:tabular-nums;color:var(--color-accent-hover);letter-spacing:-.04em;font-size:28px}.half-lab svg{width:100%;height:auto;margin-top:20px;overflow:visible}.lab-axis{fill:none;stroke:var(--color-border-strong);stroke-width:1.5px}.lab-grid{fill:none;stroke:var(--color-border-subtle);stroke-width:1px;stroke-dasharray:3 4}.lab-curve{fill:none;stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round}.lab-point{fill:var(--color-accent);stroke:var(--color-surface-primary);stroke-width:3px}.learning-visual svg text{fill:var(--color-text-secondary);font-size:10px}.receptor-lab{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;min-height:150px;display:flex}.receptor-lab__key{background:var(--color-accent);border-radius:5px;width:25px;height:25px;transform:rotate(45deg)}.receptor-lab__key--1{background:var(--learn-blue)}.receptor-lab__key--2{background:var(--color-text-muted);border-radius:50%}.receptor-lab__membrane{border:2px solid var(--color-accent);border-left:8px solid var(--color-accent);border-radius:5px 14px 14px 5px;padding:17px 14px;font-size:13px}.receptor-lab__signal{background:var(--color-surface-raised);border-radius:5px;width:80px;height:10px;display:block;overflow:hidden}.receptor-lab__signal i{background:var(--color-accent);height:100%;transition:width .15s ease-out;display:block}.receptor-lab output{color:var(--color-accent-hover);gap:4px;font-size:26px;font-weight:650;line-height:1.2;display:grid}.receptor-lab output small{color:var(--color-text-secondary);font-size:11px;font-weight:400}.curve-lab{width:100%;margin-top:25px}.curve-lab__legend{color:var(--color-accent-hover);flex-wrap:wrap;gap:18px;font-size:11px;display:flex}.curve-lab__legend>span:last-child{color:var(--learn-blue)}.lab-curve--1{stroke:var(--learn-blue)}.learning-library{margin:28px 0}.learning-library__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.learning-library__grid>a{border:1px solid var(--color-border-subtle);background:var(--color-surface-primary);border-radius:15px;padding:22px}.learning-library__grid>a>span{color:var(--color-accent-hover);font-size:12px}.learning-library__grid h3{letter-spacing:-.025em;margin:13px 0 10px;font-size:19px}.learning-library__grid p{color:var(--color-text-secondary);font-size:13px}.learning-library__grid small{color:var(--color-text-muted);font-size:11px}.learning-review-select{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.learning-review-select button{border:1px solid var(--color-border-strong);background:var(--color-surface-primary);cursor:pointer;border-radius:10px;min-height:42px;padding:9px 13px;font-size:13px}.learning-review-select button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.learning-review-select small{color:var(--color-text-muted);margin-left:5px}.learning-player button,.learning-intro button,.learning-result button{touch-action:manipulation;-webkit-user-select:none;user-select:none}.learning-player button:disabled{cursor:default}@media (hover:hover) and (pointer:fine){.learning-order__item:hover:not(:disabled){border-color:var(--color-accent)}.learning-option:hover:not(:has(input:disabled)){border-color:var(--color-accent)}.learning-library__grid>a:hover{border-color:var(--color-accent)}}@media (width<=700px){.learning-intro__hero{gap:22px;padding-top:28px}.learning-intro__number{flex-basis:85px;font-size:70px}.learning-intro__hero h1{font-size:32px}.learning-intro__hero p{font-size:16px}.learning-intro__body{grid-template-columns:1fr;gap:26px}.learning-intro__chapters{border-left:0;padding-left:0}.learning-intro__meta{gap:13px;font-size:11px}.learning-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-player__footer{flex-wrap:wrap}.learning-player__footer .button{min-width:155px}.learning-player__footer .button--purple{min-height:38px;padding-inline:12px}}@media (width<=768px){.learning-player__footer .button--purple{min-height:35px;font-size:var(--font-size-xs);padding-inline:8px}}@media (width<=480px){.learning-intro,.learning-player,.learning-result{margin-top:0}.learning-intro__hero{align-items:flex-start;gap:16px}.learning-mentor{gap:10px}.learning-mentor img{width:96px;height:120px}.learning-intro__number{flex-basis:62px;padding-top:5px;font-size:54px}.learning-intro__number span{font-size:11px}.learning-intro__hero h1{font-size:29px}.learning-intro__meta{gap:10px}.learning-theory,.learning-exercise{border-radius:17px;padding:22px 17px}.learning-card-meta{align-items:flex-start;gap:8px}.learning-card-meta>span:last-child{max-width:115px;font-size:10px}.learning-tag{font-size:11px}.learning-theory__text,.learning-exercise__prompt{font-size:15px}.learning-option{gap:10px;padding:12px 10px}.learning-option>span:nth-last-child(2){font-size:14px}.learning-option>.custom-icon{display:none}.learning-matches label{grid-template-columns:1fr;gap:7px}.learning-player__footer>span,.learning-player__footer>small{max-width:none}.learning-player__footer .button{flex:0 0 100%;width:100%;min-width:0}.learning-player__footer .button--purple{min-height:35px;font-size:var(--font-size-xs);padding-inline:8px}.learning-player__footer>span:first-child,.learning-player__footer>small:first-child{text-align:center;flex-basis:100%}.learning-visual{padding:17px 12px}.label-lab{gap:15px}.label-lab__pack{padding:14px 10px}.label-lab__pack>strong{font-size:17px}.label-lab__pack>b{font-size:24px}.label-lab__pack small{font-size:10px;display:block}.label-lab figcaption{font-size:12px}.dose-lab__equation{gap:10px}.route-lab{flex-wrap:wrap;gap:15px}.route-lab li{min-width:38%}.route-lab li:nth-child(3):before{display:none}.route-lab li+li:before{right:calc(100% + 2px)}.adme-lab{grid-template-columns:repeat(2,1fr)}.adme-lab small{font-size:11px}.adme-lab strong{font-size:12px}.lab-switch button{padding-inline:4px;font-size:11px}.release-lab{gap:6px}.release-lab>div>span{gap:4px;padding:8px 4px}.release-lab i{width:7px;height:7px}.distribution-lab{gap:8px}.receptor-lab{gap:12px}.receptor-lab__signal{width:45px}.receptor-lab__membrane{padding:14px 9px;font-size:12px}.receptor-lab output{font-size:22px}.learning-feedback{gap:9px;padding:16px 12px}.learning-result__stats strong{font-size:23px}.learning-result__stats span{font-size:10px}.learning-library__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.learning-option,.receptor-lab__signal i{transition:none}}:root{--neutral-0:#fff;--neutral-50:#fafafa;--neutral-100:#e4e4e7;--neutral-200:#d4d4d8;--neutral-300:#a1a1aa;--neutral-400:#71717a;--neutral-500:#52525b;--neutral-600:#3f3f46;--neutral-700:#27272a;--neutral-800:#1e1e22;--neutral-850:#18181b;--neutral-900:#121214;--neutral-950:#0a0a0c;--neutral-1000:#000;--gray-50:#f4f4f5;--gray-700:#3a3a3f;--gray-800:#303034;--gray-900:#1c1c1f;--brand-green-300:#9bcd87;--brand-green-400:#78b760;--brand-green-500:#63a04a;--brand-green-600:#4f813a;--brand-purple-300:#d1b5ff;--brand-purple-400:#b993f5;--brand-purple-500:#9b72d0;--brand-purple-600:#7851ad;--green-400:#79bd98;--green-500:#55a879;--green-600:#3d875e;--red-300:#ff6b63;--red-400:#e28a83;--red-500:#ce665e;--red-600:#a94c47;--amber-400:#e5b86b;--amber-500:#c99642;--amber-600:#a77930;--orange-400:#fb923c;--blue-400:#8aadd1;--blue-500:#6c91bb;--blue-600:#52749b;--purple-500:#9b72d0;--avatar-blue-500:#508bd4;--avatar-green-500:#64ac59;--avatar-amber-500:#d5a044;--avatar-rose-500:#d8778c;--color-surface-canvas:var(--neutral-1000);--color-surface-deep:var(--neutral-950);--color-surface-sunken:var(--neutral-950);--color-surface-primary:var(--neutral-900);--color-surface-secondary:var(--neutral-850);--color-surface-subtle:var(--gray-900);--color-surface-subtle-hover:color-mix(in srgb, var(--color-surface-subtle) 88%, var(--neutral-0));--color-surface-raised:var(--neutral-800);--color-surface-overlay:color-mix(in srgb, var(--neutral-850) 88%, transparent);--color-media-progress:var(--neutral-0);--color-surface-hover:color-mix(in srgb, var(--neutral-0) 6%, transparent);--color-surface-active:color-mix(in srgb, var(--neutral-0) 10%, transparent);--color-item-highlight:var(--gray-800);--color-nav-item-hover:var(--color-item-highlight);--color-nav-item-active:var(--color-item-highlight);--color-text-primary:var(--neutral-50);--color-text-secondary:var(--neutral-300);--color-text-muted:var(--neutral-400);--color-text-inverse:var(--neutral-950);--color-text-on-accent:var(--neutral-0);--color-border-subtle:color-mix(in srgb, var(--neutral-0) 12%, transparent);--color-border-strong:color-mix(in srgb, var(--neutral-0) 20%, transparent);--color-border-hover:color-mix(in srgb, var(--neutral-0) 28%, transparent);--color-tooltip-surface:var(--gray-700);--color-tooltip-text:var(--gray-50);--color-accent:var(--brand-purple-500);--color-accent-hover:var(--brand-purple-400);--color-accent-pressed:var(--brand-purple-600);--color-accent-soft:color-mix(in srgb, var(--color-accent) 13%, transparent);--color-focus-ring:var(--brand-purple-300);--color-avatar-blue:var(--avatar-blue-500);--color-avatar-green:var(--avatar-green-500);--color-avatar-amber:var(--avatar-amber-500);--color-avatar-purple:var(--purple-500);--color-avatar-rose:var(--avatar-rose-500);--color-success:var(--green-400);--color-success-surface:color-mix(in srgb, var(--color-success) 13%, transparent);--color-danger:var(--red-300);--color-danger-surface:color-mix(in srgb, var(--color-danger) 13%, transparent);--color-warning:var(--amber-400);--color-warning-surface:color-mix(in srgb, var(--color-warning) 13%, transparent);--color-storage-warning:#f5c542;--color-document-pdf:var(--orange-400);--color-info:var(--blue-400);--color-info-surface:color-mix(in srgb, var(--color-info) 13%, transparent);--color-surface-inverse:var(--neutral-0);--color-mask:var(--neutral-1000);--color-mask-soft:var(--neutral-600);--color-avatar-muted-start:var(--neutral-600);--color-avatar-muted-end:var(--neutral-800);--color-avatar-guest-start:var(--brand-green-500);--color-avatar-guest-end:var(--brand-green-600);--color-avatar-deal-start:var(--green-500);--color-avatar-deal-end:var(--neutral-700);--color-avatar-lead-start:var(--amber-500);--color-avatar-lead-end:var(--neutral-800);--avatar-archive-500:#537688;--avatar-archive-700:#3a5766;--color-avatar-archive-start:var(--avatar-archive-500);--color-avatar-archive-end:var(--avatar-archive-700);--font-family-sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-kpi:40px;--font-size-display:36px;--font-size-h1:32px;--font-size-h2:24px;--font-size-h3:20px;--font-size-body-lg:18px;--font-size-body-large:18px;--font-size-body:16px;--font-size-body-regular:16px;--font-size-body-sm:14px;--font-size-body-small:14px;--font-size-caption:12px;--font-size-xs:11px;--font-size-micro:10px;--font-size-button:16px;--font-size-card-title:16px;--font-size-section-title:20px;--font-size-page-title:32px;--text-page-title-size:var(--font-size-page-title);--text-section-title-size:var(--font-size-section-title);--text-card-title-size:var(--font-size-card-title);--text-body-size:var(--font-size-body);--text-body-small-size:var(--font-size-body-sm);--text-control-size:var(--font-size-body-sm);--text-caption-size:var(--font-size-caption);--text-micro-size:var(--font-size-xs);--line-height-h1:40px;--line-height-h2:32px;--line-height-h3:28px;--line-height-body-lg:28px;--line-height-body-large:28px;--line-height-body-regular:24px;--line-height-body-sm:20px;--line-height-body-small:20px;--line-height-caption:16px;--line-height-button:24px;--line-height-tight:1.2;--line-height-heading:1.35;--line-height-body:1.5;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.04em;--type-h1:var(--font-weight-bold) var(--font-size-h1) / var(--line-height-h1) var(--font-family-sans);--type-h2:var(--font-weight-bold) var(--font-size-h2) / var(--line-height-h2) var(--font-family-sans);--type-h3:var(--font-weight-bold) var(--font-size-h3) / var(--line-height-h3) var(--font-family-sans);--type-body-large:var(--font-weight-regular) var(--font-size-body-large) / var(--line-height-body-large) var(--font-family-sans);--type-body-regular:var(--font-weight-regular) var(--font-size-body-regular) / var(--line-height-body-regular) var(--font-family-sans);--type-body-small:var(--font-weight-regular) var(--font-size-body-small) / var(--line-height-body-small) var(--font-family-sans);--type-caption:var(--font-weight-regular) var(--font-size-caption) / var(--line-height-caption) var(--font-family-sans);--type-button:var(--font-weight-medium) var(--font-size-button) / var(--line-height-button) var(--font-family-sans);--type-label:var(--font-weight-medium) var(--font-size-caption) / var(--line-height-caption) var(--font-family-sans);--type-page-title:var(--type-h1);--type-section-title:var(--type-h3);--type-card-title:var(--font-weight-medium) var(--font-size-card-title) / var(--line-height-heading) var(--font-family-sans);--type-body:var(--type-body-regular);--font-size-label:13px;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--space-5xl:64px;--radius-2xs:2px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-ml:16px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--radius-full:var(--radius-pill);--radius-circle:50%;--shadow-panel:0 12px 12px color-mix(in srgb, var(--neutral-950) 18%, transparent);--shadow-popover:0 16px 16px color-mix(in srgb, var(--neutral-950) 28%, transparent);--shadow-overlay:var(--shadow-popover);--shadow-focus:0 0 0 3px color-mix(in srgb, var(--color-focus-ring) 24%, transparent);--shadow-menu:0 10px 24px -2px #00000080, 0 2px 6px -1px #00000059;--duration-instant:.1s;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.28s;--duration-mentor-cycle:8s;--duration-mentor-breath:4s;--duration-keyboard-open:.26s;--duration-keyboard:.3s;--duration-keyboard-close:.2s;--duration-message-jump:.28s;--duration-message-highlight:.4s;--duration-delete:.3s;--duration-delete-max:.9s;--duration-delete-single-max:.4s;--delete-travel-speed:1400;--duration-send:.3s;--duration-transfer-success:1s;--ease-send:cubic-bezier(.199195, .0106445, .279209, .910254);--ease-delete:var(--ease-send);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--ease-keyboard:cubic-bezier(.4, 0, .2, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-loading:cubic-bezier(.11, 0, .5, 0);--transition-border:border-color var(--duration-fast) var(--ease-out);--transition-color:color var(--duration-fast) var(--ease-out);--transition-background:background var(--duration-fast) var(--ease-out);--transition-surface:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);--transition-transform:transform var(--duration-fast) var(--ease-out);--transition-opacity:opacity var(--duration-fast) var(--ease-out);--transition-fast:var(--duration-fast) var(--ease-out);--transition-normal:var(--duration-normal) var(--ease-out);--z-base:0;--z-sticky:10;--z-dropdown:20;--z-overlay:30;--z-index-overlay:var(--z-overlay);--z-modal:40;--z-index-modal:var(--z-modal);--z-toast:50;--z-tooltip:100;--breakpoint-tablet:64rem;--breakpoint-mobile:48rem;--breakpoint-small-mobile:34.375rem}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--neutral-0:#fff;--neutral-50:#2c2932;--neutral-100:#f4f2f7;--neutral-200:#e9e6ee;--neutral-300:#77717f;--neutral-400:#8b8592;--neutral-500:#69636f;--neutral-600:#514c58;--neutral-700:#3d3843;--neutral-800:#eeeaf2;--neutral-850:#f7f5fa;--neutral-900:#fff;--neutral-950:#f6f4f8;--neutral-1000:#2c2932;--color-surface-canvas:#fff;--color-surface-deep:#f8f6fa;--color-surface-sunken:#f4f2f7;--color-surface-primary:#fff;--color-surface-secondary:#f1f1f2;--color-surface-subtle:#f2eff6;--color-surface-subtle-hover:#ece8f1;--color-surface-raised:#e3e3e4;--color-surface-overlay:#fffffff0;--color-surface-hover:#2c29320a;--color-surface-active:#2c293212;--color-item-highlight:#f0edf5;--color-nav-item-hover:#f0edf5;--color-nav-item-active:var(--color-accent-soft);--color-nav-item-text-active:var(--color-accent-pressed);--color-text-primary:#2c2932;--color-text-secondary:#625d69;--color-text-muted:#817b88;--color-text-inverse:#fff;--color-text-on-accent:#fff;--color-border-subtle:#2c293217;--color-border-strong:#2c293226;--color-border-hover:#2c29323d;--color-tooltip-surface:#34303a;--color-tooltip-text:#fff;--color-mask:#2c29328c;--color-mask-soft:#2c29323d;--color-focus-ring:#777b83;--panel-border:var(--color-border-subtle)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--neutral-0:#f8f8f7;--neutral-50:#f1f2f3;--neutral-100:#dfe1e3;--neutral-200:#c8cbce;--neutral-300:#adb1b5;--neutral-400:#959a9f;--neutral-500:#777d83;--neutral-600:#62686e;--neutral-700:#4b5157;--neutral-800:#3d4248;--neutral-850:#363b41;--neutral-900:#30353a;--neutral-950:#292e33;--neutral-1000:#25292e;--color-surface-canvas:#292e33;--color-surface-deep:#25292e;--color-surface-sunken:#25292e;--color-surface-primary:#30353a;--color-surface-secondary:#3b3e42;--color-surface-subtle:#30353a;--color-surface-subtle-hover:#3a3f45;--color-surface-raised:#33373b;--color-surface-overlay:#30353af5;--color-surface-hover:#ffffff0d;--color-surface-active:#ffffff14;--color-item-highlight:#3d4248;--color-nav-item-hover:#3d4248;--color-nav-item-active:var(--color-accent-soft);--color-nav-item-text-active:var(--color-accent-hover);--color-text-primary:#f1f2f3;--color-text-secondary:#d0d3d6;--color-text-muted:#b0b4b8;--color-text-inverse:#25292e;--color-text-on-accent:#fff;--color-border-subtle:#f1f2f314;--color-border-strong:#f1f2f324;--color-border-hover:#f1f2f338;--color-tooltip-surface:#4b5157;--color-tooltip-text:#f8f8f7;--color-mask:#14171a94;--color-mask-soft:#1e222640;--color-focus-ring:#c8cbce;--panel-border:var(--color-border-subtle)}:root{font-family:var(--font-family-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-shell-width:250px;--content-max:1260px;--panel-border:var(--color-border-subtle);--color-accent-glow:color-mix(in srgb, var(--color-accent) 22%, transparent)}*,:before,:after{box-sizing:border-box}html{background:var(--color-surface-canvas);min-width:320px;min-height:100%}html:has(.course-map-layout){scroll-behavior:auto;overscroll-behavior-y:none}body{background:var(--color-surface-canvas);min-width:320px;min-height:100vh;color:var(--color-text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}::selection{color:#fff;background:#3b82f6}::selection{color:#fff;background:#3b82f6}.pressable{--press-scale:.98;transition:scale var(--duration-fast) var(--ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pressable:active:not(:disabled){scale:var(--press-scale)}:where(button,a,[role=button],[role=link],input[type=button],input[type=submit]){touch-action:manipulation}:where(button,a,[role=button],[role=link],input[type=button],input[type=submit]):active:not(:disabled){filter:brightness(.9)}:where(button):active:not(:disabled){scale:.975}.pressable--button{--press-scale:.975}.pressable--subtle{--press-scale:.985}.pressable--nav{--press-scale:.99}.pressable--icon{--press-scale:.94}.pressable--marker{--press-scale:.93}.custom-icon{background-color:currentColor;flex:none;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.button-reset{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.sidebar{z-index:var(--z-sticky);width:var(--app-shell-width);background:var(--color-surface-canvas);flex-direction:column;gap:25px;padding:22px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar:after{background:var(--color-border-strong);content:"";pointer-events:none;width:1px;position:absolute;inset:0 0 0 auto}.brand{align-items:center;gap:11px;width:fit-content;display:inline-flex}.brand__mark{background:var(--color-accent-soft);border-radius:13px;place-items:center;width:38px;height:38px;display:grid;position:relative;transform:rotate(-7deg)}.sidebar>.brand{align-self:flex-start;max-width:100%;margin-left:12px}.brand__logo{width:140px;max-width:100%;height:auto;display:block}.brand__logo--dark,:root[data-theme=dark] .brand__logo--light{display:none}:root[data-theme=dark] .brand__logo--dark{display:block}.brand__mark:before{border:1px solid var(--color-accent);border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-accent) 0 49%, transparent 50%);content:"";width:25px;height:13px}.brand__mark span{border-radius:var(--radius-circle);background:var(--neutral-0);width:4px;height:4px;position:absolute;top:17px;left:13px}.brand__word{font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:.055em}.brand__word span{color:var(--color-accent-hover)}.sidebar__nav{gap:5px;margin-top:0;display:grid}.sidebar__link{border-radius:var(--radius-md);min-height:46px;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);transition:var(--transition-surface), var(--transition-color);border:1px solid #0000;align-items:center;gap:12px;padding:0 12px;display:flex}@media (hover:hover) and (pointer:fine){.sidebar__link:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}}.sidebar__link.is-active{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:#0000}.sidebar__link svg{flex:none}.sidebar__count{border-radius:var(--radius-pill);background:var(--color-surface-raised);min-width:20px;height:20px;color:var(--color-text-secondary);font-size:var(--font-size-xs);place-items:center;margin-left:auto;display:grid}.sidebar__spacer{flex:1;min-height:24px}.sidebar__focus-card{border-radius:var(--radius-lg);background:linear-gradient(140deg, color-mix(in srgb, var(--color-accent) 10%, var(--color-surface-secondary)), var(--color-surface-secondary) 74%);border:0;padding:15px 14px 14px}.sidebar__focus-icon{background:var(--color-accent-soft);width:30px;height:30px;color:var(--color-accent-hover);border-radius:10px;place-items:center;display:grid}.sidebar__focus-card p{color:var(--color-text-primary);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);margin:12px 0 7px}.sidebar__focus-card>span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.sidebar__profile{border-radius:var(--radius-md);min-height:46px;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);border:1px solid #0000;align-items:center;gap:12px;margin-top:12px;padding:0 12px;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.sidebar__profile:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}}.sidebar__profile>svg{color:var(--color-text-muted)}.app-shell__main{min-height:100vh;margin-left:var(--app-shell-width)}.app-shell--lesson .app-shell__main{margin-left:0}.topbar{z-index:var(--z-overlay);isolation:isolate;width:100%;height:65px;padding:0 max(calc((100% - var(--content-max)) / 2 + clamp(24px, 4vw, 54px)), clamp(24px, 4vw, 54px));background-color:#0000;justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.topbar:before{z-index:-1;background:linear-gradient(to bottom, var(--color-surface-canvas) 0%, var(--color-surface-canvas) 58%, color-mix(in srgb, var(--color-surface-canvas) 78%, transparent) 78%, transparent 100%);-webkit-backdrop-filter:blur(14px)saturate(1.12);content:"";pointer-events:none;position:absolute;inset:0 0 -28px;-webkit-mask-image:linear-gradient(#000 0% 62%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#0000 100%)}.app-shell__main:has(.course-map-page)>.topbar{background-color:var(--color-surface-canvas)}.topbar__menu{background:var(--color-surface-secondary);min-height:35px;color:var(--color-text-secondary);transition:var(--transition-surface), var(--transition-color);border:0;border-radius:11px;display:none}.topbar__mobile-back{background:var(--color-surface-secondary);min-height:35px;color:var(--color-text-secondary);transition:var(--transition-surface), var(--transition-color);border-radius:11px;display:none}.topbar__mobile-back .custom-icon{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.topbar__menu:hover,.topbar__user:hover,.topbar__mobile-back:hover{background:var(--color-surface-subtle-hover);color:var(--color-text-primary)}}.topbar__crumb,.topbar__actions{align-items:center;gap:20px;display:flex}.topbar__actions{margin-left:auto}.topbar__crumb{font-size:var(--font-size-body-sm);text-transform:uppercase;gap:10px}.topbar__back{border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;margin-left:-8px;margin-right:-14px;display:grid}.topbar__back .custom-icon{transform:rotate(180deg)}.topbar__crumb>a{color:var(--color-text-muted);transition:color var(--transition-fast,.16s ease);text-decoration:none}@media (hover:hover) and (pointer:fine){.topbar__crumb>a:hover{color:var(--color-text-primary)}}.topbar__crumb>a:focus-visible{color:var(--color-text-primary);outline:2px solid var(--color-focus-ring);outline-offset:3px;border-radius:2px}.topbar__crumb>span{color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.04em}.topbar__crumb>a[aria-current=page]{color:var(--color-text-muted);font-weight:inherit}@media (hover:hover) and (pointer:fine){.topbar__crumb>a[aria-current=page]:hover{color:var(--color-text-primary)}}.topbar__hearts,.topbar__xp,.topbar__streak{align-items:center;gap:2px;font-size:18px;display:flex}.topbar__hearts>span{width:25px;height:25px;color:var(--color-danger);flex:0 0 25px;place-items:center;font-size:25px;line-height:1;display:grid}.topbar__hearts strong,.topbar__xp strong,.topbar__streak strong{font-size:clamp(13px,11px + .7vw,18px);font-weight:var(--font-weight-semibold)}.topbar__hearts small{color:var(--color-text-muted);margin-left:-4px;font-size:14px}.topbar__streak.is-empty>span{color:var(--color-text-muted)}.topbar__streak.is-empty .custom-icon{background-color:#0000;background-image:linear-gradient(145deg,#8d8d8d 12%,#c6c6c6 88%)}.topbar__xp>.custom-icon{color:var(--color-accent)}.topbar__login{background:var(--color-surface-secondary);height:36px;min-height:35px;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);transition:var(--transition-surface), var(--transition-color);border:0;border-radius:11px;justify-content:center;align-items:center;padding:0 12px;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.topbar__login:hover{background:var(--color-surface-subtle-hover);color:var(--color-text-primary)}}.topbar__user{background:var(--color-surface-secondary);width:40px;height:40px;min-height:40px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-surface), var(--transition-color), scale var(--duration-fast) var(--ease-out);border:0;border-radius:11px;place-items:center;padding:0;display:grid}.topbar__profile-menu{position:relative}.topbar__profile-popover{z-index:var(--z-dropdown,20);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface-secondary) 76%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);min-width:176px;box-shadow:var(--shadow-popover);opacity:0;pointer-events:none;transform-origin:100% 0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out), visibility 0s linear var(--duration-normal);gap:3px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)scale(.96)}.topbar__profile-popover[data-open=true]{opacity:1;pointer-events:auto;visibility:visible;transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out), visibility 0s;transform:none}.topbar__profile-popover a,.topbar__profile-popover button{border-radius:var(--radius-sm);min-height:40px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-body-sm);text-align:left;transition:var(--transition-background), var(--transition-color);background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;display:flex}.topbar__profile-popover .custom-icon{color:var(--color-text-muted)}.topbar__profile-popover .topbar__profile-settings,.topbar__profile-popover .topbar__profile-settings .custom-icon{color:var(--color-text-primary)}.topbar__profile-popover .topbar__profile-logout,.topbar__profile-popover .topbar__profile-logout .custom-icon{color:var(--color-danger)}@media (hover:hover) and (pointer:fine){.topbar__user:hover,.topbar__profile-popover a:hover,.topbar__profile-popover button:hover,.topbar__profile-popover .topbar__profile-settings:hover{background:var(--color-surface-subtle-hover);color:var(--color-text-primary)}.topbar__profile-popover .topbar__profile-settings:hover .custom-icon{color:var(--color-text-primary)}.topbar__profile-popover .topbar__profile-logout:hover{background:var(--color-danger-surface);color:var(--color-danger)}.topbar__profile-popover .topbar__profile-logout:hover .custom-icon{color:var(--color-danger)}}@media (prefers-reduced-motion:reduce){.topbar__profile-popover{transition-duration:.1s;transform:none}}.page-content{--route-reveal-duration:0s;width:min(100%, var(--content-max));margin:0 auto;padding:20px clamp(24px,4vw,54px)}@media (width<=768px) and (prefers-reduced-motion:no-preference){.page-content{--route-reveal-duration:var(--duration-fast)}}.page-stack{gap:15px;display:grid}.eyebrow{color:var(--color-accent-hover);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.035em;margin:0}.welcome-row,.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.welcome-row h1,.page-heading h1{font-size:clamp(32px,4vw,46px);font-weight:var(--font-weight-semibold);letter-spacing:-.045em;margin:10px 0 0;line-height:1.09}.welcome-row__text,.page-heading__detail{max-width:600px;color:var(--color-text-secondary);font-size:var(--font-size-body);margin:14px 0 0;line-height:1.65}.welcome-row__date{color:var(--color-text-muted);font-size:var(--font-size-body-sm);justify-items:end;gap:0;padding-bottom:5px;display:grid}.welcome-row__day{color:var(--color-text-primary);font-size:29px;font-weight:var(--font-weight-medium);line-height:1}.dashboard__hero-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,.88fr);gap:17px;display:grid}.lesson-hero{border:1px solid color-mix(in srgb, var(--color-accent) 22%, var(--panel-border));border-radius:var(--radius-xl);background:linear-gradient(117deg, color-mix(in srgb, var(--color-accent) 12%, var(--color-surface-secondary)), var(--color-surface-primary) 64%);min-height:290px;position:relative;overflow:hidden}.lesson-hero:after{background:linear-gradient(90deg, transparent 38%, color-mix(in srgb, var(--color-surface-primary) 22%, transparent) 100%);content:"";pointer-events:none;position:absolute;inset:0}.lesson-hero__content{z-index:1;max-width:580px;padding:28px 32px 30px;position:relative}.lesson-hero__meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-pill{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface-canvas) 50%, transparent);color:var(--color-text-secondary);font-size:var(--font-size-xs);border:0;align-items:center;gap:7px;padding:6px 9px;line-height:1.25;display:inline-flex}.status-pill__dot{border-radius:var(--radius-circle);background:var(--color-warning);width:6px;height:6px}.status-pill--draft{border-color:color-mix(in srgb, var(--color-warning) 25%, transparent)}.status-pill--approved{border-color:color-mix(in srgb, var(--color-success) 32%, transparent);color:var(--color-success)}.status-pill--approved .status-pill__dot{background:var(--color-success)}.lesson-hero__time{color:var(--color-text-muted);font-size:var(--font-size-xs);align-items:center;gap:5px;display:inline-flex}.lesson-hero h2{max-width:460px;font-size:clamp(23px,2.5vw,30px);font-weight:var(--font-weight-semibold);letter-spacing:-.035em;margin:23px 0 9px;line-height:1.2}.lesson-hero p{max-width:420px;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0;line-height:1.6}.button{border-radius:var(--radius-sm);cursor:pointer;min-height:42px;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);transition:var(--transition-surface), var(--transition-color), var(--transition-transform), scale var(--duration-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:0 15px;display:inline-flex}.button:active:not(:disabled){transform:none}.button:disabled{cursor:not-allowed;opacity:.48}.button--primary,.button--purple{min-height:42px;font-size:var(--font-size-body-sm);background:var(--color-accent);color:#fff;padding:0 15px}@media (hover:hover) and (pointer:fine){.button--primary:hover:not(:disabled),.button--purple:hover:not(:disabled){background:var(--color-accent-hover)}}.button--subtle{border-color:color-mix(in srgb, var(--color-accent) 25%, transparent);background:var(--color-accent-soft);color:var(--color-accent-hover)}@media (hover:hover) and (pointer:fine){.button--subtle:hover:not(:disabled){border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 20%, transparent)}}.button--quiet{border-color:var(--color-border-strong);color:var(--color-text-secondary);background:0 0}@media (hover:hover) and (pointer:fine){.button--quiet:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-surface-hover);color:var(--color-text-primary)}}.button--large{min-height:49px;font-size:var(--font-size-body);padding:0 19px}.lesson-hero .button{margin-top:21px}.lesson-hero__index{z-index:1;color:color-mix(in srgb, var(--color-text-primary) 18%, transparent);font-size:48px;font-weight:var(--font-weight-semibold);letter-spacing:-.06em;position:absolute;bottom:21px;right:27px}.lesson-hero__index span{color:color-mix(in srgb, var(--color-text-primary) 13%, transparent);letter-spacing:0;margin-left:2px;font-size:17px}.lesson-hero__art{opacity:.72;width:42%;position:absolute;inset:0 0 0 auto;overflow:hidden}.lesson-hero__orbit{border:1px solid color-mix(in srgb, var(--color-accent) 38%, transparent);border-radius:var(--radius-circle);width:290px;height:290px;position:absolute;right:-56px}.lesson-hero__orbit--one{top:-118px}.lesson-hero__orbit--two{border-color:color-mix(in srgb, var(--color-accent) 20%, transparent);width:206px;height:206px;top:-30px;right:20px}.lesson-hero__capsule,.lesson-intro__capsule,.auth-card__capsule,.library-feature__pill{border:1px solid color-mix(in srgb, var(--neutral-0) 24%, transparent);border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-accent) 0 49%, color-mix(in srgb, var(--neutral-0) 88%, var(--blue-400)) 50% 100%);width:116px;height:51px;box-shadow:0 14px 50px var(--color-accent-glow);display:block;position:absolute;transform:rotate(-35deg)}.lesson-hero__capsule{top:105px;right:49px}.lesson-hero__capsule i,.lesson-intro__capsule i,.auth-card__capsule i,.library-feature__pill span{background:color-mix(in srgb, var(--neutral-0) 55%, transparent);width:1px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lesson-hero__node{border:2px solid var(--color-accent-hover);border-radius:var(--radius-circle);background:var(--color-surface-primary);width:9px;height:9px;box-shadow:0 0 0 7px color-mix(in srgb, var(--color-accent) 12%, transparent);position:absolute}.lesson-hero__node--one{top:79px;right:184px}.lesson-hero__node--two{width:6px;height:6px;bottom:64px;right:201px}.today-card,.section-panel,.metric-card,.progress-overview,.review-card,.review-rhythm,.teacher-review-card,.import-panel{border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:var(--color-surface-primary)}.today-card{flex-direction:column;min-height:290px;padding:23px 22px 19px;display:flex}.today-card__head,.section-heading,.today-card__goal,.today-card__progress-label{justify-content:space-between;align-items:center;display:flex}.today-card__head h2,.section-heading h2{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin:4px 0 0}.today-card__spark{border:1px solid color-mix(in srgb, var(--color-warning) 20%, transparent);background:var(--color-warning-surface);width:37px;height:37px;color:var(--color-warning);border-radius:12px;place-items:center;display:grid}.today-card__goal{border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);justify-content:flex-start;gap:11px;margin-top:24px;padding:14px 0}.today-card__goal-icon{background:var(--color-surface-raised);width:39px;height:39px;color:var(--color-accent-hover);border-radius:12px;place-items:center;display:grid}.today-card__goal div{gap:3px;display:grid}.today-card__goal strong{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.today-card__goal small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.today-card__progress-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:auto 0 8px}.today-card__progress-label strong{color:var(--color-text-primary);font-size:var(--font-size-body-sm)}.progress-track{border-radius:var(--radius-pill);background:var(--color-surface-raised);height:7px;overflow:hidden}.progress-track>span{border-radius:inherit;background:var(--color-accent);height:100%;transition:width var(--duration-normal) var(--ease-out);display:block}.today-card__foot{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:10px 0 0;line-height:1.45}.metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.metric-card{align-items:flex-start;gap:12px;min-height:104px;padding:17px 16px;display:flex}.metric-card__icon{border-radius:11px;flex:none;place-items:center;width:35px;height:35px;display:grid}.metric-card__icon--green{background:var(--color-accent-soft);color:var(--color-accent-hover)}.metric-card__icon--amber{background:var(--color-warning-surface);color:var(--color-warning)}.metric-card__icon--blue{background:var(--color-info-surface);color:var(--color-info)}.metric-card__icon--rose{background:var(--color-danger-surface);color:var(--color-danger)}.metric-card__copy{gap:2px;min-width:0;display:grid}.metric-card__copy small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.metric-card__copy strong{font-size:20px;font-weight:var(--font-weight-semibold);letter-spacing:-.025em}.metric-card__copy>span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.dashboard__lower-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:17px;display:grid}.section-panel{padding:22px 22px 23px}.section-heading{gap:15px}.section-heading>a,.section-heading__all{color:var(--color-text-secondary);font-size:var(--font-size-xs);align-items:center;gap:7px;display:inline-flex}@media (hover:hover) and (pointer:fine){.text-link:hover,.section-heading__all:hover{color:var(--color-accent-hover)}}.section-heading__all{border:1px solid var(--panel-border);border-radius:var(--radius-sm);justify-content:center;width:31px;height:31px}.mini-map{justify-content:space-between;align-items:flex-start;gap:2px;margin-top:27px;display:flex}.mini-map__step{text-align:center;flex-direction:column;align-items:center;width:16.666%;display:flex;position:relative}.mini-map__dot{z-index:1;border:1px solid var(--color-border-strong);border-radius:var(--radius-circle);background:var(--color-surface-secondary);width:40px;height:40px;color:var(--color-text-muted);place-items:center;display:grid;position:relative}.mini-map__step--current .mini-map__dot{border-color:var(--color-accent);background:var(--color-accent);box-shadow:0 0 0 5px color-mix(in srgb, var(--color-accent) 12%, transparent), 0 8px 25px var(--color-accent-glow);color:var(--color-text-inverse)}.mini-map__line{background:var(--color-border-strong);width:calc(100% - 12px);height:1px;position:absolute;top:19px;left:calc(50% + 24px)}.mini-map__month{color:var(--color-text-muted);margin-top:9px;font-size:10px}.mini-map__step strong{max-width:108px;color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-medium);margin-top:3px;line-height:1.35}.mini-map__step--current strong{color:var(--color-text-primary)}.achievement-panel{min-width:0}.achievements-page__heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.achievements-page__heading h1{font-size:clamp(17px,2vw,23px);font-weight:var(--font-weight-semibold);letter-spacing:-.04em;margin:0}.achievements-page__back{border:1px solid var(--panel-border);border-radius:var(--radius-sm);min-height:40px;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);align-items:center;gap:8px;padding:0 12px;display:inline-flex}.achievements-page__back .custom-icon{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.achievements-page__back:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}}.achievements-page .achievement-list{margin-top:0}.achievements-page .achievement-panel{background:var(--color-surface-secondary);border:0;padding:22px}.achievements-page .achievement-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px}.achievement-list{gap:10px;margin-top:16px;display:grid}.achievement-row{color:var(--color-text-muted);align-items:center;gap:10px;padding:8px 0;display:flex}.achievement-row:first-child,.achievement-row:last-child{padding-block:0}.achievement-row+.achievement-row{border-top:0}.achievement-row__icon{background:var(--color-surface-raised);width:34px;height:34px;color:var(--color-text-muted);border:0;border-radius:11px;flex:none;place-items:center;font-size:15px;display:grid}.achievement-row>span:nth-child(2){flex:1;gap:1px;min-width:0;display:grid}.achievement-row strong{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.achievement-row small{color:var(--color-text-muted);font-size:10px}.achievement-row__reward{white-space:nowrap;font-weight:var(--font-weight-semibold);flex:none;margin-left:auto;font-size:var(--font-size-xs)!important}.achievement-row--unlocked .achievement-row__reward{color:var(--color-accent-hover)}.achievement-row--unlocked .achievement-row__icon{background:var(--color-warning-surface);color:var(--color-warning)}.achievement-row--unlocked strong{color:var(--color-text-primary)}.achievement-row--unlocked>svg{color:var(--color-success)}.source-note{border:1px solid var(--panel-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface-secondary) 64%, transparent);align-items:center;gap:13px;padding:16px 17px;display:flex}.source-note__mark{background:var(--color-surface-raised);width:34px;height:34px;color:var(--color-info);border-radius:10px;flex:none;place-items:center;display:grid}.source-note p{color:var(--color-text-secondary);font-size:var(--font-size-xs);flex:1;margin:0;line-height:1.55}.source-note strong{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.source-note>a{color:var(--color-accent-hover);font-size:var(--font-size-xs);flex:none;align-items:center;gap:5px;display:inline-flex}.page-heading{align-items:flex-end}.page-heading h1{font-size:clamp(29px,3.4vw,38px)}.page-heading__detail{max-width:680px;font-size:var(--font-size-body-sm)}.course-page__duration,.review-page__due,.role-badge,.import-panel__format{border:1px solid var(--panel-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--font-size-xs);white-space:nowrap;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.course-page__duration svg,.review-page__due svg{color:var(--color-accent-hover)}.course-road{gap:18px;padding-left:51px;display:grid;position:relative}.course-road__spine{background:linear-gradient(var(--color-accent) 0 14%, var(--color-border-strong) 14% 100%);width:2px;position:absolute;top:32px;bottom:34px;left:20px}.world-card{border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:var(--color-surface-primary);min-height:168px;transition:var(--transition-surface);grid-template-columns:1fr;padding:21px 23px 18px;display:grid;position:relative}.world-card--active{border-color:color-mix(in srgb, var(--color-accent) 32%, var(--panel-border));background:linear-gradient(110deg, color-mix(in srgb, var(--color-accent) 9%, var(--color-surface-primary)), var(--color-surface-primary) 65%)}.world-card__marker{border-radius:var(--radius-circle);background:var(--color-surface-canvas);place-items:center;width:42px;height:42px;display:grid;position:absolute;top:24px;left:-51px}.world-card__marker>span{border:1px solid var(--color-border-strong);border-radius:var(--radius-circle);background:var(--color-surface-secondary);width:31px;height:31px;color:var(--color-text-muted);place-items:center;display:grid}.world-card--active .world-card__marker>span,.world-card--complete .world-card__marker>span{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-inverse)}.world-card__top,.world-card__bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.world-card__month{color:var(--color-text-muted);font-size:var(--font-size-xs)}.world-card__month--active{color:var(--color-accent-hover)}.world-card__state{color:var(--color-text-muted);font-size:10px}.world-card h2{font-size:20px;font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin:9px 0 4px}.world-card>.world-card__body>p{max-width:700px;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0}.world-card__topics{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.world-card__topics>span{border:1px solid var(--panel-border);border-radius:var(--radius-xs);background:color-mix(in srgb, var(--color-surface-secondary) 70%, transparent);color:var(--color-text-secondary);padding:5px 8px;font-size:10px}.world-card__bottom{border-top:1px solid var(--panel-border);color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:16px;padding-top:13px}.world-card__bottom .button{min-height:34px;font-size:var(--font-size-xs);padding-inline:11px}.world-card__locked{align-items:center;gap:6px;display:inline-flex}.info-banner,.teacher-callout{border:1px solid color-mix(in srgb, var(--color-info) 18%, transparent);border-radius:var(--radius-md);background:var(--color-info-surface);color:var(--color-info);align-items:center;gap:12px;padding:15px 16px;display:flex}.info-banner p,.teacher-callout p{color:var(--color-text-secondary);font-size:var(--font-size-xs);flex:1;margin:0;line-height:1.55}.info-banner strong{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.lesson-intro{gap:21px}.back-link{width:fit-content;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);transition:var(--transition-color);align-items:center;gap:8px;display:inline-flex}@media (hover:hover) and (pointer:fine){.back-link:hover{color:var(--color-accent-hover)}}.back-link>span:first-child{font-size:20px;line-height:1}.lesson-intro__card{border:1px solid var(--panel-border);border-radius:var(--radius-xl);background:var(--color-surface-primary);grid-template-columns:minmax(250px,.72fr) minmax(0,1.3fr);min-height:620px;display:grid;position:relative;overflow:hidden}.lesson-intro__visual{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--color-accent) 15%, transparent), transparent 58%), var(--color-surface-secondary);min-height:380px;position:relative;overflow:hidden}.lesson-intro__halo{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);border-radius:var(--radius-circle);width:min(270px,70%);box-shadow:0 0 0 26px color-mix(in srgb, var(--color-accent) 4%, transparent), 0 0 0 58px color-mix(in srgb, var(--color-accent) 3%, transparent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lesson-intro__capsule{width:150px;height:65px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-33deg)}.lesson-intro__spark{border:2px solid var(--color-accent-hover);border-radius:var(--radius-circle);width:8px;height:8px;box-shadow:0 0 0 8px color-mix(in srgb, var(--color-accent) 11%, transparent);position:absolute}.lesson-intro__spark--a{top:25%;left:27%}.lesson-intro__spark--b{width:6px;height:6px;bottom:25%;right:20%}.lesson-intro__copy{padding:39px clamp(25px,4vw,54px)}.lesson-intro__copy h1{max-width:610px;font-size:clamp(28px,3.5vw,40px);font-weight:var(--font-weight-semibold);letter-spacing:-.04em;margin:9px 0 11px;line-height:1.12}.lesson-intro__lead{max-width:570px;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0;line-height:1.65}.lesson-fact-list{border-top:1px solid var(--panel-border);gap:0;margin:25px 0 19px;display:grid}.lesson-fact{border-bottom:1px solid var(--panel-border);align-items:flex-start;gap:13px;padding:14px 0;display:flex}.lesson-fact>span{color:var(--color-accent-hover);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding-top:2px}.lesson-fact p{color:var(--color-text-primary);font-size:var(--font-size-body-sm);margin:0;line-height:1.55}.lesson-intro__notice{border:1px solid color-mix(in srgb, var(--color-warning) 23%, transparent);border-radius:var(--radius-sm);background:var(--color-warning-surface);color:var(--color-warning);font-size:var(--font-size-xs);align-items:flex-start;gap:9px;margin-bottom:19px;padding:12px;line-height:1.5;display:flex}.lesson-intro__notice svg{flex:none;margin-top:1px}.lesson-run{justify-items:center;gap:25px;padding-top:4px}.lesson-run__top{align-items:center;gap:17px;width:min(100%,850px);display:flex}.heart-notice{border:1px solid color-mix(in srgb, var(--color-warning) 25%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-warning) 7%, var(--color-surface-primary));color:var(--color-text-secondary);font-size:var(--font-size-xs);align-items:center;gap:8px;padding:10px 13px;display:flex}.heart-notice svg{color:var(--color-danger);flex:none}.lesson-run__top .back-link{border:1px solid var(--panel-border);border-radius:var(--radius-circle);place-items:center;width:35px;height:35px;display:grid}.lesson-run__track{color:var(--color-text-muted);font-size:var(--font-size-xs);flex:1;align-items:center;gap:12px;display:flex}.progress-track--lesson{flex:1;height:9px}.lesson-run__hearts{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);align-items:center;gap:5px;display:inline-flex}.lesson-run__hearts span{color:var(--color-danger);font-size:17px}.exercise-card{border:1px solid var(--panel-border);border-radius:var(--radius-xl);background:var(--color-surface-primary);width:min(100%,790px);box-shadow:var(--shadow-panel);padding:clamp(24px,5vw,47px)}.exercise-card__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.exercise-card__type{color:var(--color-accent-hover);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.exercise-card__xp{color:var(--color-warning);font-size:var(--font-size-xs)}.exercise-card h1{max-width:650px;font-size:clamp(25px,3vw,32px);font-weight:var(--font-weight-semibold);letter-spacing:-.035em;margin:14px 0 26px;line-height:1.23}.choice-list,.match-list,.sequence-list{gap:10px;display:grid}.choice-option,.sequence-step{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-secondary);min-height:59px;color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:var(--transition-surface), var(--transition-color);align-items:center;gap:12px;padding:12px 14px;display:flex}@media (hover:hover) and (pointer:fine){.choice-option:hover:not(:disabled),.sequence-step:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 40%, transparent);background:var(--color-surface-raised);color:var(--color-text-primary)}}.choice-option.is-selected,.sequence-step.is-chosen{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text-primary)}.choice-option:disabled,.sequence-step:disabled{cursor:default}.choice-option__radio{border:1px solid var(--color-border-strong);border-radius:var(--radius-circle);flex:none;width:18px;height:18px}.choice-option.is-selected .choice-option__radio{border:5px solid var(--color-accent)}.match-row{grid-template-columns:minmax(130px,.8fr) minmax(210px,1.2fr);align-items:center;gap:12px;display:grid}.match-row>span{color:var(--color-text-primary);font-size:var(--font-size-body-sm)}.match-row select,.auth-form input,.search-field input,.short-answer textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-secondary);width:100%;min-height:45px;color:var(--color-text-primary);padding:9px 12px}.match-row select:focus,.auth-form input:focus,.search-field input:focus,.short-answer textarea:focus{border-color:var(--color-accent);box-shadow:none;outline:none}.search-field:focus-within{border-color:var(--color-accent)}.match-row select:disabled{opacity:.75}.sequence-list>p{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0 0 3px}.sequence-step>span{border:1px solid var(--panel-border);border-radius:var(--radius-circle);width:27px;height:27px;color:var(--color-text-muted);font-size:var(--font-size-xs);flex:none;place-items:center;display:grid}.sequence-list__reset{width:fit-content;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xs);background:0 0;border:0;padding:4px 0}.sequence-list__reset:disabled{cursor:default;opacity:.5}.short-answer{gap:10px;display:grid}.short-answer label{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.short-answer textarea{resize:vertical;min-height:128px;line-height:1.55}.short-answer__foot{color:var(--color-text-muted);font-size:var(--font-size-xs);justify-content:space-between;gap:10px;display:flex}.exercise-card__submit{width:100%;margin-top:23px}.exercise-card__actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.exercise-feedback{border:1px solid var(--panel-border);border-radius:var(--radius-md);background:var(--color-surface-secondary);gap:12px;margin-top:18px;padding:15px;display:flex}.exercise-feedback--correct{border-color:color-mix(in srgb, var(--color-success) 25%, transparent);background:var(--color-success-surface)}.exercise-feedback--retry{border-color:color-mix(in srgb, var(--color-warning) 25%, transparent);background:var(--color-warning-surface)}.exercise-feedback--miss{border-color:color-mix(in srgb, var(--color-info) 25%, transparent);background:var(--color-info-surface)}.exercise-feedback__icon{background:color-mix(in srgb, var(--neutral-0) 7%, transparent);width:29px;height:29px;color:var(--color-success);border-radius:9px;flex:none;place-items:center;display:grid}.exercise-feedback--retry .exercise-feedback__icon{color:var(--color-warning)}.exercise-feedback--miss .exercise-feedback__icon{color:var(--color-info)}.exercise-feedback strong{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.exercise-feedback p{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:4px 0 0;line-height:1.55}.lesson-run__source{color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center;align-items:center;gap:7px;display:inline-flex}.lesson-gate{justify-items:start}.lesson-complete{border:1px solid color-mix(in srgb, var(--color-accent) 20%, var(--panel-border));border-radius:var(--radius-xl);background:linear-gradient(145deg, var(--color-accent-soft), var(--color-surface-primary) 47%);text-align:center;justify-items:center;gap:15px;max-width:690px;margin:7vh auto 0;padding:45px 28px;display:grid}.lesson-complete__seal{border:1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);border-radius:var(--radius-circle);background:var(--color-accent);width:70px;height:70px;box-shadow:0 0 0 9px color-mix(in srgb, var(--color-accent) 11%, transparent);color:var(--color-text-inverse);place-items:center;display:grid}.lesson-complete h1{letter-spacing:-.04em;max-width:500px;margin:0;font-size:clamp(27px,4vw,38px);line-height:1.15}.lesson-complete>p:not(.eyebrow){max-width:440px;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0}.lesson-complete__reward,.lesson-complete__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;display:flex}.lesson-complete__reward{margin:6px 0}.lesson-complete__reward span{border:1px solid var(--panel-border);border-radius:var(--radius-pill);background:var(--color-surface-secondary);color:var(--color-text-primary);font-size:var(--font-size-xs);padding:7px 11px}.lesson-chest{border:1px solid color-mix(in srgb, var(--color-warning) 25%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-warning) 7%, var(--color-surface-primary));text-align:left;align-items:center;gap:13px;max-width:430px;margin:24px auto 0;padding:14px 17px;display:flex}.lesson-chest__box{background:linear-gradient(145deg,#e4b765,#a66b24);border:1px solid #c98e37;border-radius:5px;flex:none;width:39px;height:30px;display:block;position:relative;box-shadow:inset 0 5px #f0cd84,0 4px 10px #0003}.lesson-chest__box:before{content:"";background:#c78d3d;border-top:1px solid #f2d38f;border-bottom:1px solid #80531f;width:39px;height:5px;position:absolute;top:10px;left:-1px}.lesson-chest__box i{z-index:1;background:#f3d38f;border:1px solid #754b20;border-radius:2px;width:8px;height:10px;position:absolute;top:10px;left:15px}.lesson-chest>span:nth-child(2){flex:1;gap:3px;display:grid}.lesson-chest strong{color:var(--color-text-primary);font-size:var(--font-size-body-sm)}.lesson-chest small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.lesson-chest>svg{color:var(--color-success)}.lesson-complete__source{color:var(--color-text-muted)!important;margin-top:3px!important;font-size:10px!important}.review-page__due{color:var(--color-accent-hover)}.library-page{gap:18px;width:100%}.library-page__heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.library-page__heading h1{font-size:clamp(17px,2vw,23px);font-weight:var(--font-weight-semibold);letter-spacing:-.04em;margin:0}.library-page__heading .search-field{border-radius:var(--radius-md);background:var(--color-surface-secondary);width:min(280px,44vw);min-height:42px;font-size:var(--font-size-body-sm);border:0;padding-left:13px}.library-page__heading .search-field input{min-height:42px;font-size:var(--font-size-body-sm)}.library-page__search-icon{background:currentColor;flex:0 0 18px;width:18px;height:18px;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20256%20256'%20fill='currentColor'%3e%3cpath%20d='M229.66%20218.34l-50.07-50.06a88.11%2088.11%200%201%200-11.31%2011.31l50.06%2050.07a8%208%200%200%200%2011.32-11.32ZM40%20112a72%2072%200%201%201%2072%2072%2072.08%2072.08%200%200%201-72-72Z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20256%20256'%20fill='currentColor'%3e%3cpath%20d='M229.66%20218.34l-50.07-50.06a88.11%2088.11%200%201%200-11.31%2011.31l50.06%2050.07a8%208%200%200%200%2011.32-11.32ZM40%20112a72%2072%200%201%201%2072%2072%2072.08%2072.08%200%200%201-72-72Z'/%3e%3c/svg%3e") 50%/contain no-repeat}.library-page__entries{gap:8px;width:100%;display:grid}.library-page__entry{border-radius:var(--radius-md);background:var(--color-surface-secondary);min-height:76px;color:var(--color-text-primary);border:0;grid-template-columns:38px minmax(0,1fr) auto 20px;align-items:center;gap:15px;padding:14px 20px;text-decoration:none;transition:background-color .14s;display:grid}@media (hover:hover) and (pointer:fine){.library-page__entry:hover{background:var(--color-surface-raised)}}.library-page__number,.library-page__duration,.library-page__entry>svg{color:var(--color-text-muted)}.library-page__number{font-size:var(--font-size-body-sm);font-variant-numeric:tabular-nums}.library-page__copy{gap:3px;min-width:0;display:grid}.library-page__copy strong{font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.library-page__copy small,.library-page__duration{color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.library-page__empty{color:var(--color-text-muted);margin:0;padding:22px 0}.review-page{gap:18px;width:100%}.review-page__heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-page__heading{align-items:center;gap:16px;display:flex}.review-page__heading h1,.settings-page__heading h1{font-size:clamp(25px,3vw,34px);font-weight:var(--font-weight-semibold);letter-spacing:-.04em;margin:0}.review-page__heading>span{color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.review-page .learning-review-select{margin:0}.review-page .learning-review-select button{background:var(--color-surface-secondary);border:0}.review-page .learning-review-select button[aria-pressed=true]{background:var(--color-accent-soft)}.review-page .review-card{background:var(--color-surface-secondary);border:0;width:100%;max-width:none;padding:clamp(22px,4vw,38px)}.review-page .review-card__top{border:0;padding-bottom:0}.review-card--empty{align-items:center;gap:18px;min-height:150px;display:flex}.review-page .review-card--illustrated{padding-left:clamp(160px,20vw,220px);position:relative}.review-card__empty-copy{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.review-card__empty-copy>div{flex-direction:column;gap:6px;min-width:0;display:flex}.review-card__empty-copy>div p{margin:0}.review-card__empty-copy>.button{flex-shrink:0;margin-left:auto}.review-card__empty-icon{background:var(--color-accent-soft);width:52px;height:52px;color:var(--color-accent-hover);border-radius:16px;flex:0 0 52px;place-items:center;display:grid}.review-card__empty-illustration{object-fit:contain;object-position:bottom;flex:none;width:auto;max-width:130px;height:148px;display:block;position:absolute;bottom:0;left:0}.rating-page--guest .review-card__empty-illustration{max-width:145px}.review-page .review-card--empty h2{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0}.review-card--empty p{color:var(--color-text-muted);font-size:var(--font-size-body-sm);margin:6px 0 0}.review-card--empty>.button{margin-left:auto}.review-page__heading h1,.settings-page__heading h1{font-size:clamp(17px,2vw,23px)}.review-page .review-card h2{font-size:clamp(15px,1.6vw,19px)}.review-card{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 7%, var(--color-surface-primary)), var(--color-surface-primary) 52%);max-width:850px;padding:clamp(25px,5vw,44px)}.review-card__top{border-bottom:1px solid var(--panel-border);color:var(--color-text-muted);font-size:var(--font-size-xs);justify-content:space-between;gap:10px;padding-bottom:14px;display:flex}.review-card>.eyebrow{margin-top:28px}.review-card h2{max-width:620px;font-size:clamp(24px,3vw,32px);font-weight:var(--font-weight-semibold);letter-spacing:-.035em;margin:7px 0 22px;line-height:1.25}.review-card__answer{border:1px solid color-mix(in srgb, var(--color-success) 24%, transparent);border-radius:var(--radius-md);background:var(--color-success-surface);align-items:flex-start;gap:12px;margin-bottom:20px;padding:15px;display:flex}.review-card__answer>span{color:var(--color-success)}.review-card__answer p{color:var(--color-text-primary);font-size:var(--font-size-body-sm);margin:0;line-height:1.6}.review-card__actions{flex-wrap:wrap;gap:9px;display:flex}.review-card__actions>.button:last-child svg{color:var(--color-danger)}.review-rhythm{align-items:center;gap:14px;max-width:850px;padding:18px;display:flex}.review-rhythm__icon{background:var(--color-info-surface);width:39px;height:39px;color:var(--color-info);border-radius:12px;flex:none;place-items:center;display:grid}.review-rhythm>div:nth-child(2){flex:1}.review-rhythm strong{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.review-rhythm p{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:3px 0 0}.review-rhythm__steps{color:var(--color-text-secondary);align-items:center;gap:7px;font-size:10px;display:flex}.review-rhythm__steps i{background:var(--color-border-strong);width:15px;height:1px}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-primary) 55%, transparent);text-align:center;align-content:center;justify-items:center;min-height:310px;padding:28px;display:grid}.empty-state__icon{background:var(--color-surface-raised);width:50px;height:50px;color:var(--color-accent-hover);border-radius:15px;place-items:center;display:grid}.empty-state h2{font-size:var(--font-size-h3);margin:16px 0 5px}.empty-state p{max-width:430px;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0 0 18px}.library-feature{border:1px solid color-mix(in srgb, var(--color-accent) 18%, var(--panel-border));border-radius:var(--radius-lg);background:linear-gradient(100deg, color-mix(in srgb, var(--color-accent) 10%, var(--color-surface-primary)), var(--color-surface-primary) 60%);align-items:center;gap:24px;min-height:150px;padding:24px 27px 24px 164px;display:flex;position:relative;overflow:hidden}.library-feature__pill{width:102px;height:45px;top:50%;left:31px;transform:translateY(-50%)rotate(-34deg)}.library-feature>div:nth-child(2){flex:1}.library-feature h2{letter-spacing:-.03em;margin:6px 0 4px;font-size:24px}.library-feature p:not(.eyebrow){max-width:680px;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0}.library-list__note,.source-index>p,.import-panel>p{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:18px 0;line-height:1.6}.search-field{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-secondary);width:min(240px,42vw);color:var(--color-text-muted);align-items:center;gap:7px;padding-left:10px;display:flex}.search-field input{min-height:37px;font-size:var(--font-size-xs);background:0 0;border:0;padding:5px 8px 5px 0}.search-field input:focus{box-shadow:none}.topic-table{border-top:1px solid var(--panel-border);display:grid}.topic-row{border-bottom:1px solid var(--panel-border);grid-template-columns:34px minmax(180px,1fr) minmax(120px,auto) 20px;align-items:center;gap:13px;padding:13px 3px;display:grid}.topic-row__index{color:var(--color-text-muted);font-size:var(--font-size-xs)}.topic-row>div:nth-child(2){gap:2px;display:grid}.topic-row strong{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.topic-row small{color:var(--color-text-muted);font-size:10px}.topic-row__status{color:var(--color-text-muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.topic-row__status span{border-radius:var(--radius-circle);background:var(--color-warning);width:6px;height:6px}.topic-row>svg{color:var(--color-text-muted)}.progress-overview{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:22px;padding:22px;display:grid}.progress-overview__score{align-content:center;padding:5px 10px;display:grid}.progress-overview__score>strong{font-size:50px;font-weight:var(--font-weight-semibold);letter-spacing:-.06em;margin:8px 0 10px;line-height:1}.progress-overview__score>strong small{color:var(--color-text-muted);font-size:20px;font-weight:var(--font-weight-regular);margin-left:3px}.progress-overview__score p{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:10px 0 0}.progress-overview__stats{gap:8px;display:grid}.progress-overview__stats .metric-card{align-items:center;min-height:73px;padding:10px 13px}.progress-overview__stats .metric-card__copy strong{font-size:17px}.progress-overview__stats .metric-card__copy>span{display:none}.weekly-panel__total{color:var(--color-accent-hover);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.weekly-chart{margin-top:22px}.weekly-chart svg{width:100%;height:165px;display:block;overflow:visible}.weekly-chart__fill{fill:url(#chart-fill)}.weekly-chart__days{color:var(--color-text-muted);text-align:center;grid-template-columns:repeat(7,1fr);padding:0 3px;font-size:10px;display:grid}.mastery-row{border-top:1px solid var(--panel-border);grid-template-columns:minmax(210px,1fr) minmax(150px,.7fr) 45px;align-items:center;gap:19px;padding:16px 2px;display:grid}.mastery-row:first-of-type{margin-top:20px}.mastery-row>div:first-child{gap:2px;display:grid}.mastery-row>div:first-child strong{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.mastery-row>div:first-child span{color:var(--color-text-muted);font-size:10px}.mastery-row>strong{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-align:right}.mastery-row--muted{opacity:.6}.role-badge{border-color:color-mix(in srgb, var(--color-warning) 20%, transparent);background:var(--color-warning-surface);color:var(--color-warning)}.role-badge--active{border-color:color-mix(in srgb, var(--color-success) 20%, transparent);background:var(--color-success-surface);color:var(--color-success)}.teacher-callout{border-color:color-mix(in srgb, var(--color-warning) 22%, transparent);background:var(--color-warning-surface);color:var(--color-warning)}.teacher-callout>a{color:var(--color-warning);font-size:var(--font-size-xs);flex:none;align-items:center;gap:5px;display:inline-flex}.teacher-review-card{padding:24px}.teacher-review-card__head,.teacher-review-card__footer,.import-results__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.teacher-review-card__head>div{justify-items:start;gap:11px;display:grid}.teacher-review-card__id,.source-index__source{color:var(--color-text-muted);font-size:var(--font-size-xs)}.teacher-review-card h2{font-size:24px;font-weight:var(--font-weight-semibold);letter-spacing:-.03em;margin:19px 0 16px}.teacher-review-card__facts{border-top:1px solid var(--panel-border);display:grid}.teacher-review-card__facts>div{border-bottom:1px solid var(--panel-border);align-items:flex-start;gap:13px;padding:12px 0;display:flex}.teacher-review-card__facts>div span{border-radius:var(--radius-circle);background:var(--color-surface-raised);width:22px;height:22px;color:var(--color-text-secondary);flex:none;place-items:center;font-size:10px;display:grid}.teacher-review-card__facts p{color:var(--color-text-primary);font-size:var(--font-size-body-sm);margin:0}.teacher-review-card__footer{margin-top:17px}.teacher-review-card__footer>span{color:var(--color-text-muted);font-size:var(--font-size-xs);align-items:center;gap:6px;display:inline-flex}.teacher-review-card__footer>div{flex-wrap:wrap;gap:8px;display:flex}.teacher-review-card__footer .button{min-height:37px;font-size:var(--font-size-xs)}.form-message{color:var(--color-success);font-size:var(--font-size-xs);margin:12px 0 0}.form-message--error{color:var(--color-danger)}.import-panel__format{color:var(--color-text-muted)}.import-panel .button{margin-top:1px}.import-results{border-top:1px solid var(--panel-border);gap:0;margin-top:20px;display:grid}.import-results__head{color:var(--color-text-primary);font-size:var(--font-size-xs);padding:12px 0}.import-results__head span{color:var(--color-warning)}.import-results article{border-top:1px solid var(--panel-border);align-items:flex-start;gap:13px;padding:11px 0;display:flex}.import-results article>span{color:var(--color-text-muted);flex:none;font-size:10px}.import-results article p{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0;line-height:1.55}.import-results>small{color:var(--color-text-muted);padding-top:8px;font-size:10px}.source-index__list{border-top:1px solid var(--panel-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;display:grid}.source-index__list>div{border-bottom:1px solid var(--panel-border);grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0;display:grid}.source-index__list span{color:var(--color-text-muted);font-size:10px}.source-index__list strong{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.source-index__list small{color:var(--color-text-muted);font-size:10px}:is(html:has(.auth-page),body:has(.auth-page)){overscroll-behavior:none;min-height:0;overflow:hidden}.auth-page{grid-template-rows:auto minmax(0,auto);align-content:center;justify-items:center;gap:20px;height:100dvh;min-height:0;padding:28px 18px;display:grid;overflow:hidden}@media (width<=1023px){.auth-page{align-content:start;padding-top:50px}}.auth-page__brand{margin:0}.auth-card{overscroll-behavior:contain;border-radius:var(--radius-lg);background:var(--color-surface-secondary);border:0;width:min(100%,420px);min-height:0;padding:clamp(22px,5vw,30px);overflow:hidden auto}.auth-card__heading{align-items:center;min-height:34px;margin-bottom:22px;display:grid;position:relative}.auth-card h1{font-size:clamp(17px,2vw,23px);font-weight:var(--font-weight-semibold);letter-spacing:-.04em;text-align:center;margin:0;line-height:1.18}.auth-card__back{border-radius:var(--radius-circle);width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;left:0}@media (hover:hover) and (pointer:fine){.auth-card__back:hover{background:var(--color-surface-canvas);color:var(--color-text-primary)}}.auth-card__back .custom-icon{transform:rotate(180deg)}.auth-form{gap:13px;display:grid}.auth-code__hint{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);text-align:center;margin:0}.auth-code{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.auth-code input{min-width:0;min-height:56px;font-size:22px;font-weight:var(--font-weight-semibold);text-align:center;padding:8px 2px}.auth-form label{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);gap:3px;display:grid}.auth-form input{background:var(--color-surface-canvas);min-height:55px;font-size:var(--font-size-body-sm);border-color:#0000}.auth-form__password{display:block;position:relative}.auth-form__password input{padding-right:45px}.auth-form__password-toggle{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.auth-form__password-toggle:active{color:var(--color-text-primary)}.auth-form .button{width:100%;margin-top:4px}.auth-card__switch{border-radius:var(--radius-sm);width:100%;color:var(--color-accent-hover);cursor:pointer;font-size:var(--font-size-body-sm);text-align:center;background:0 0;border:0;margin-top:14px;padding:9px 10px;transition:color .14s;display:block}@media (hover:hover) and (pointer:fine){.auth-card__switch:hover{color:var(--color-text-primary)}}.auth-card__config{color:var(--color-text-muted);text-align:center;margin:12px 0 0;font-size:10px;line-height:1.5}.auth-card__config code{color:var(--color-text-secondary)}.sidebar-scrim,.sidebar__back{display:none}@media (width<=1024px){.achievements-page__back{display:none}.review-page .review-card h2,.review-card--empty>div,.review-card__empty-copy>div{text-align:center}.review-card--empty>div{flex:1}.button--purple{min-height:38px;font-size:var(--font-size-body-sm);padding-inline:12px}:root{--app-shell-width:250px}.sidebar{z-index:var(--z-modal);transition:transform var(--duration-normal) var(--ease-drawer);padding-inline:13px;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__back{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);place-items:center;display:grid;position:absolute;top:15px;right:13px}@media (hover:hover) and (pointer:fine){.sidebar__back:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}}.sidebar__back .custom-icon{transform:rotate(180deg)}.sidebar-scrim{z-index:calc(var(--z-modal) - 1);background:color-mix(in srgb, var(--neutral-1000) 62%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:block;position:fixed;inset:0}.app-shell__main{margin-left:0}.topbar__menu,.topbar__mobile-back{flex:none;place-items:center;width:40px;height:40px;display:grid}.topbar__crumb{display:none}.topbar__login{height:40px}.dashboard__hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(245px,.85fr)}.lesson-hero__content{padding-inline:25px}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard__lower-grid{grid-template-columns:1fr}.achievement-panel .achievement-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.achievements-page .achievement-list{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-row+.achievement-row{border-top:0}.lesson-intro__card{grid-template-columns:minmax(210px,.6fr) minmax(0,1.4fr)}}@media (width<=768px){.button--purple{min-height:35px;font-size:var(--font-size-body-sm);padding-inline:8px}.topbar__login{font-size:14px}:root{--app-shell-width:250px}.sidebar{z-index:var(--z-modal);transition:transform var(--duration-normal) var(--ease-drawer);transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-scrim{z-index:calc(var(--z-modal) - 1);background:color-mix(in srgb, var(--neutral-1000) 62%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:block;position:fixed;inset:0}.app-shell__main{margin-left:0}.topbar{height:64px;padding:0 22px}.course-map-page{--topbar-height:64px}.topbar__menu{flex:none;place-items:center;width:36px;height:36px;display:grid}.topbar__login{height:36px}.topbar__crumb{flex:1;overflow:hidden}.topbar__crumb>span,.topbar__crumb svg{display:none}.topbar__crumb>a[aria-current=page]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar__actions{gap:11px}.page-content{--topbar-height:64px;--page-content-top-gap:31px;padding:var(--page-content-top-gap) 22px 36px}.dashboard__hero-grid{grid-template-columns:1fr}.lesson-hero,.today-card{min-height:250px}.today-card{min-height:220px}.today-card__progress-label{margin-top:21px}.achievement-panel .achievement-list{grid-template-columns:1fr;gap:0}.achievements-page .achievement-panel{padding:16px}.achievements-page .achievement-list{grid-template-columns:1fr}.achievements-page .achievement-row+.achievement-row{border-top:0}.achievement-row+.achievement-row{border-top:1px solid var(--panel-border)}.source-note{flex-wrap:wrap}.source-note p{min-width:calc(100% - 55px)}.source-note>a{margin-left:47px}.lesson-intro__card{grid-template-columns:1fr}.lesson-intro__visual{min-height:235px}.lesson-intro__halo{width:170px}.lesson-intro__capsule{width:115px;height:50px}.lesson-intro__copy{padding:27px 24px 29px}.progress-overview{grid-template-columns:1fr}.progress-overview__score{padding:7px 2px}.review-rhythm{flex-wrap:wrap}.review-rhythm__steps{justify-content:center;width:100%;padding-top:8px}}@media (width<=550px){.topbar{gap:10px;padding-inline:15px}.topbar__menu{width:35px;height:35px}.topbar__hearts{gap:4px;font-size:16px}.topbar__login{height:35px;padding:0 9px;font-size:14px}.page-content{--page-content-top-gap:26px;padding:var(--page-content-top-gap) 15px 30px}.page-stack{gap:15px}.welcome-row,.page-heading{align-items:flex-start}.welcome-row h1,.page-heading h1{font-size:31px}.welcome-row__date{padding-top:1px;font-size:10px}.welcome-row__day{font-size:24px}.welcome-row__text{max-width:300px;font-size:var(--font-size-body-sm)}.desktop-break{display:none}.lesson-hero{min-height:284px}.lesson-hero__content{padding:19px 18px 20px}.lesson-hero__art{opacity:.45;width:63%}.lesson-hero__capsule{width:91px;height:42px;top:70px;right:22px}.lesson-hero h2{max-width:310px;margin-top:21px;font-size:25px}.lesson-hero p{max-width:310px;font-size:var(--font-size-xs)}.lesson-hero__index{font-size:37px;bottom:17px;right:18px}.today-card{padding:19px 17px}.metric-row{gap:8px}.metric-card{gap:9px;min-height:94px;padding:12px 10px}.metric-card__icon{width:30px;height:30px}.metric-card__copy strong{font-size:17px}.metric-card__copy>span{font-size:9px}.section-panel{padding:18px 15px}.section-heading h2,.today-card__head h2{font-size:18px}.mini-map{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px;display:grid}.mini-map__step{width:auto}.mini-map__line{display:none}.mini-map__step strong{max-width:100px}.source-note{align-items:flex-start;padding:13px}.source-note p{min-width:0;font-size:10px}.source-note>a{margin-left:47px}.page-heading{gap:12px;display:grid}.library-page__heading{flex-direction:column;align-items:stretch;gap:12px}.library-page__heading .search-field{width:100%}.library-page__entry{grid-template-columns:28px minmax(0,1fr) 18px;gap:10px;padding:13px 14px}.library-page__duration{display:none}.library-page__copy strong{font-size:var(--font-size-body-sm)}.library-page__copy small,.page-heading__detail{font-size:var(--font-size-xs)}.course-page__duration,.review-page__due,.role-badge{width:fit-content}.course-road{gap:13px;padding-left:34px}.course-road__spine{left:12px}.world-card{padding:17px 14px 15px}.world-card__marker{width:34px;height:34px;left:-35px}.world-card__marker>span{width:27px;height:27px}.world-card__top,.world-card__bottom{align-items:flex-start}.world-card__bottom{flex-wrap:wrap}.world-card h2{font-size:18px}.world-card>.world-card__body>p{font-size:var(--font-size-xs)}.info-banner{align-items:flex-start}.info-banner p{font-size:10px}.library-feature{flex-direction:column;align-items:flex-start;gap:12px;min-height:200px;padding:22px 18px 20px 115px}.library-feature__pill{width:79px;height:35px;left:9px}.library-feature h2{font-size:21px}.library-feature p:not(.eyebrow){font-size:var(--font-size-xs)}.search-field{width:100%}.section-heading:has(.search-field){flex-direction:column;align-items:flex-start}.topic-row{grid-template-columns:24px minmax(0,1fr) 17px;gap:9px}.topic-row__status{grid-column:2;margin-top:-4px}.topic-row>svg{grid-area:1/3}.topic-row strong{font-size:var(--font-size-xs)}.progress-overview{padding:17px}.weekly-panel__total{font-size:var(--font-size-xs)}.mastery-row{grid-template-columns:minmax(0,1fr) 40px;gap:8px 12px}.mastery-row>.progress-track{grid-area:2/1}.mastery-row>strong{grid-area:1/2/span 2}.teacher-review-card{padding:17px}.teacher-review-card h2{font-size:20px}.teacher-review-card__footer{flex-direction:column;align-items:flex-start}.teacher-review-card__footer>div{width:100%}.teacher-review-card__footer .button{flex:1;padding-inline:9px}.import-panel__format,.source-index__source{display:none}.source-index__list{grid-template-columns:1fr}.source-index__list>div{grid-template-columns:24px minmax(0,1fr) auto}.source-index__list strong{font-size:10px}.teacher-callout{flex-wrap:wrap}.teacher-callout p{min-width:calc(100% - 40px)}.teacher-callout>a{margin-left:30px}.lesson-intro__visual{min-height:185px}.lesson-intro__copy{padding:22px 17px}.lesson-intro__copy h1{font-size:29px}.lesson-intro__lead,.lesson-fact p{font-size:var(--font-size-xs)}.lesson-run__top{gap:10px}.exercise-card{padding:22px 16px}.exercise-card h1{margin-bottom:20px;font-size:24px}.match-row{grid-template-columns:1fr;gap:6px}.match-row>span{font-size:var(--font-size-xs)}.exercise-card__actions{display:grid}.review-card{padding:22px 17px}.review-card--empty{flex-wrap:wrap;align-items:flex-start;gap:12px}.review-card--empty>div{flex:1;min-width:0}.review-card--empty>.button{margin-left:64px}.review-card__empty-illustration{height:112px}.review-page .review-card--illustrated{padding-left:128px}.review-rhythm{padding:14px}.review-rhythm__steps{gap:5px}.review-rhythm__steps i{width:9px}.auth-card{padding:24px 19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar__streak>span{flex:0 0 25px;place-items:center;width:25px;height:25px;display:grid}.course-map-page{--topbar-height:65px;--page-content-top-gap:0px;gap:25px;display:grid}.course-map-page__heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.course-map-page__heading h1{letter-spacing:-.035em;margin:5px 0 8px;font-size:clamp(27px,3vw,37px)}.course-map-page__heading p:last-child{max-width:640px;color:var(--color-text-secondary);margin:0}.course-map-page__length{border:1px solid var(--panel-border);border-radius:var(--radius-full);background:var(--color-surface-primary);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex:none;align-items:center;gap:8px;padding:9px 13px;display:inline-flex}.course-map-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:48px 24px;display:grid}.course-map-main{min-width:0}.course-map__banner{z-index:calc(var(--z-sticky) + 1);top:calc(var(--topbar-height) + 30px);background-color:var(--color-accent);background-image:linear-gradient(112deg, var(--color-accent), var(--color-accent-pressed));min-height:116px;box-shadow:0 -30px 0 var(--color-surface-canvas), 0 12px 38px color-mix(in srgb, var(--color-accent) 18%, transparent);border:0;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex;position:sticky;overflow:hidden}.course-map__banner>div,.course-map__reference{z-index:1;position:relative}.course-map__banner>div>span{color:#fff;font-size:14px;font-weight:var(--font-weight-semibold);letter-spacing:.02em}.course-map__banner h2{color:#fff;letter-spacing:-.025em;margin:0;font-size:23px}.course-map__banner p{color:#ffffffd1;max-width:470px;font-size:var(--font-size-xs);margin:0}.course-map__reference{background:color-mix(in srgb, var(--neutral-1000) 32%, transparent);color:#fff;min-height:45px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);transition:background var(--duration-fast) var(--ease-standard);border:0;border-radius:13px;flex:none;justify-content:center;align-items:center;gap:9px;padding:0 14px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.course-map__reference:hover{background:color-mix(in srgb, var(--neutral-1000) 42%, transparent)}.course-map__resume:hover{color:var(--color-accent-pressed);box-shadow:0 4px 0 color-mix(in srgb, var(--color-accent-pressed) 45%, transparent);background:#fff;flex-shrink:0}}.course-map__resume{color:var(--color-accent-pressed);box-shadow:0 4px 0 color-mix(in srgb, var(--color-accent-pressed) 45%, transparent);background:#fff;flex-shrink:0}.course-map__banner--next{z-index:calc(var(--z-sticky) + 2);top:calc(var(--topbar-height) + 30px);background-color:#d9a82e;background-image:linear-gradient(112deg,#d9a82e,#b98016);width:100%;position:sticky;box-shadow:0 14px 42px #b980162e}.course-map__next-section{min-width:0;margin-top:var(--course-map-next-gap,48px)}.course-map__banner--next>div>span,.course-map__banner--next h2{color:#fff}.course-map__work-status{z-index:1;border-radius:var(--radius-pill);color:#ffffffe0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff21;border:1px solid #ffffff47;flex:none;margin-top:0;padding:5px 9px;display:inline-flex;position:relative}.rating-summary{border-radius:var(--radius-lg);background:linear-gradient(112deg, var(--color-accent), var(--color-accent-pressed));color:#fff;box-shadow:0 12px 38px color-mix(in srgb, var(--color-accent) 20%, transparent);align-items:center;gap:14px;padding:20px 22px;display:flex}.rating-summary__icon{background:#ffffff2e;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.rating-summary>div{gap:2px;display:grid}.rating-summary small{color:#ffffffc7}.rating-summary strong{font-size:24px}.rating-callout{align-items:center;gap:18px;display:flex}.rating-callout>svg{color:var(--color-accent)}.rating-callout>div{flex:1}.rating-callout h2,.settings-card h2{font-size:var(--font-size-heading-sm);margin:0}.rating-callout p,.settings-card p{color:var(--color-text-secondary);margin:6px 0 0}.rating-table{background:var(--color-surface-secondary);border:0;overflow:hidden}.rating-table__scroll{overflow-x:auto}.rating-table table{border-collapse:separate;border-spacing:0 7px;text-align:left;width:100%}.rating-table th{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:8px 14px}.rating-table td{background:var(--color-surface-secondary);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);padding:13px 14px}.rating-table td:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);font-weight:var(--font-weight-semibold)}.rating-table td:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.rating-table tbody tr.is-current-user td{background:color-mix(in srgb, var(--color-accent) 11%, var(--color-surface-secondary));color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.rating-message{color:var(--color-text-secondary);padding:12px 0}.settings-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.settings-card__identity{align-items:center;gap:12px;margin:18px 0;display:flex}.settings-card__identity>div{gap:3px;display:grid}.settings-card__identity small,.settings-card__system{color:var(--color-text-muted);font-size:var(--font-size-body-sm)}@media (hover:hover) and (pointer:fine){.rating-table tbody tr:not(.is-current-user):hover td{background:var(--color-surface-subtle-hover)}}@media (width<=550px){.rating-summary{flex-wrap:wrap;padding:16px}.rating-callout{flex-wrap:wrap;align-items:flex-start}.rating-callout>div{min-width:calc(100% - 48px)}.rating-callout .button{margin-left:auto}.rating-table th,.rating-table td{white-space:nowrap;padding:12px 9px}.settings-card{flex-direction:column;align-items:flex-start}}.course-map__route{max-width:var(--course-map-route-width,660px);grid-template-rows:repeat(6,104px);margin:49px auto 0;padding:0 10px;display:grid;position:relative;container-type:inline-size}.course-map__route--next{width:100%;max-width:var(--course-map-route-width,660px);filter:blur(2px);opacity:.78;pointer-events:none;-webkit-user-select:none;user-select:none;grid-column:1;margin:28px auto 0}.course-map__trail{z-index:0;pointer-events:none;width:100%;height:624px;position:absolute;inset:0 0 auto;overflow:visible}.course-map__trail path{fill:none;stroke:color-mix(in srgb, var(--color-text-muted) 43%, transparent);stroke-width:8px;stroke-dasharray:2 16;stroke-linecap:round}.course-map__stop{z-index:0;grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);align-items:center;min-width:0;display:grid;position:relative}.course-map__marker{z-index:2;border:7px solid color-mix(in srgb, var(--color-border-strong) 90%, transparent);background:var(--color-surface-raised);width:76px;height:64px;color:var(--color-text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), translate var(--duration-fast) var(--ease-out), scale var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-out);border-radius:50%;grid-column:2;justify-self:center;place-items:center;text-decoration:none;display:grid;position:relative;box-shadow:0 6px #c8c8c8,0 10px 22px #0000002e,0 0 0 1px #00000014}.course-map__marker>span{background:color-mix(in srgb, var(--color-surface-raised) 80%, var(--color-surface-primary));pointer-events:none;width:100%;height:100%;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid}.course-map__marker .custom-icon,.course-map__chest .custom-icon{pointer-events:none}.course-map__stop.is-current .course-map__marker{border-color:color-mix(in srgb, var(--color-accent) 36%, var(--color-surface-raised));background:var(--color-accent);color:#fff;box-shadow:0 7px 0 var(--color-accent-pressed), 0 0 0 7px color-mix(in srgb, var(--color-accent) 12%, transparent), 0 10px 26px color-mix(in srgb, var(--color-accent) 30%, transparent)}.course-map__stop.is-current .course-map__marker>span{background:var(--color-accent)}@media (hover:hover) and (pointer:fine){.course-map__marker:hover{transform:none}}.course-map__stop.is-locked .course-map__marker{cursor:default;pointer-events:none;box-shadow:0 6px 0 color-mix(in srgb, var(--color-surface-raised) 68%, #000), 0 10px 22px #0000002e, 0 0 0 1px #00000014}.course-map__stop--left .course-map__marker{transform:translate(-5cqw)}.course-map__stop--right .course-map__marker{transform:translate(5cqw)}@media (hover:hover) and (pointer:fine){.course-map__stop--left .course-map__marker:hover{transform:translate(-5cqw)}.course-map__stop--right .course-map__marker:hover{transform:translate(5cqw)}.course-map__stop--fourth .course-map__marker:hover{transform:translate(-3cqw)}}.course-map__stop--fourth .course-map__marker{transform:translate(-3cqw)}.course-map__stop.is-current .course-map__marker:before{border:1px solid var(--panel-border);background:var(--color-surface-secondary);color:var(--color-accent-hover);content:"ПРОДОЛЖИТЬ";font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.05em;white-space:nowrap;border-radius:9px;padding:5px 10px;position:absolute;top:-43px;left:50%;transform:translate(-50%)}.course-map__stop.is-complete .course-map__marker{border-color:color-mix(in srgb, var(--color-success) 54%, var(--color-surface-raised));background:var(--color-success);box-shadow:0 7px 0 color-mix(in srgb, var(--color-success) 72%, var(--neutral-1000)), 0 0 0 7px color-mix(in srgb, var(--color-success) 12%, transparent)}.course-map__stop-card{background:var(--color-surface-secondary);opacity:0;pointer-events:none;width:min(242px,50% - 76px);transition:opacity var(--duration-normal) var(--ease-standard);border:0;border-radius:15px;padding:13px 14px;position:absolute;top:50%;left:calc(50% + 69px);transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){.course-map__stop:has(.course-map__marker:hover) .course-map__stop-card{opacity:1;pointer-events:auto}}.course-map__stop:focus-within .course-map__stop-card{opacity:1;pointer-events:auto}@media (hover:none){.course-map__stop-card{opacity:1;pointer-events:auto}}.course-map__stop--left .course-map__stop-card{left:calc(50% + 17px)}.course-map__stop--right .course-map__stop-card{left:auto;right:calc(50% + 17px)}.course-map__stop-meta,.course-map__stop-bottom{justify-content:space-between;align-items:center;gap:7px;display:flex}.course-map__stop-meta{color:var(--color-text-muted);font-size:9px;font-weight:var(--font-weight-semibold)}.course-map__stop-meta span:last-child{color:var(--color-accent-hover);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-map__stop:not(.is-current) .course-map__stop-meta span:last-child{color:var(--color-text-muted)}.course-map__stop-card h3{margin:7px 0 4px;font-size:13px;line-height:1.3}.course-map__stop-card>p{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.course-map__stop-bottom{color:var(--color-text-muted);margin-top:9px;font-size:9px}.course-map__stop-bottom>a{color:var(--color-accent-hover);font-size:10px;font-weight:var(--font-weight-bold);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.course-map__locked{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.course-map__demo-note{color:var(--color-warning);margin-top:7px;font-size:9px;display:block}.course-map__chest{border:7px solid color-mix(in srgb, var(--color-border-strong) 90%, transparent);background:var(--color-surface-raised);width:76px;height:64px;color:var(--color-accent);box-shadow:0 6px 0 color-mix(in srgb, var(--color-surface-raised) 68%, #000), 0 10px 22px #0000002e, 0 0 0 1px #00000014;border-radius:50%;place-items:center;margin:20px auto 0;display:grid}.course-map__chest--next{color:#d9a82e}.course-map-rail{top:calc(var(--topbar-height) + 30px);gap:14px;display:grid;position:sticky}.course-rail-card{background:var(--color-surface-secondary);box-shadow:none;border:0;border-radius:17px;padding:17px}.course-rail-card__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.course-rail-card__heading h2{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0}.course-rail-card__heading>a{color:var(--color-accent-hover);font-size:10px;font-weight:var(--font-weight-bold);text-decoration:none}.course-rail-streak__flame{color:#111827;flex:0 0 34px;justify-content:center;align-items:center;height:34px;display:inline-flex}.course-rail-streak__count .course-rail-streak__flame{color:#000}.course-rail-streak__count .course-rail-streak__flame .custom-icon{background-color:#000;background-image:none}.course-rail-streak__count .course-rail-streak__flame.is-active .custom-icon{background-color:#0000;background-image:linear-gradient(145deg,#ef3027 12%,#ff9a24 88%)}.course-rail-streak__count .course-rail-streak__flame.is-empty .custom-icon{background-color:#0000;background-image:linear-gradient(145deg,#8d8d8d 12%,#c6c6c6 88%)}.course-rail-streak__count{align-items:flex-end;gap:0;margin-top:9px;display:flex}.course-rail-streak__count .course-rail-streak__flame{margin-right:3px}.course-rail-streak__count strong{color:var(--color-text-primary);margin-right:10px;font-size:34px;font-weight:500;line-height:1}.course-rail-streak__count span{color:var(--color-text-primary);font-size:var(--font-size-caption)}.course-rail-streak__count>span:last-child{padding-bottom:2px}.course-rail-streak__week{justify-content:flex-start;gap:3px;margin-top:13px;display:flex}.course-rail-streak__week span{background:var(--color-surface-raised);min-width:0;height:26px;color:var(--color-text-primary);border-radius:999px;flex:1;place-items:center;font-size:11px;font-weight:400;display:grid}.course-rail-streak__week span.is-active{color:#fff;background:#f04b24}.course-rail-goals{gap:16px;display:grid}.course-rail-goal{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:9px;display:grid}.course-rail-goal__icon{border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.course-rail-goal__icon--xp{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent)}.course-rail-goal__icon--xp.is-complete{background:var(--color-success-surface);color:var(--color-success)}.course-rail-goal__icon--time{background:var(--color-info-surface);color:var(--color-info)}.course-rail-goal>div{gap:3px;min-width:0;display:grid}.course-rail-goal strong{font-size:12px;font-weight:400;line-height:1.4}.course-rail-goal small{color:var(--color-text-muted);font-size:11px;font-weight:400;line-height:1.35}.course-rail-goal>small{white-space:nowrap;align-self:start;padding-top:2px}.course-rail-goal__track{border-radius:var(--radius-full);background:var(--color-surface-raised);height:5px;margin-top:4px;display:block;overflow:hidden}.course-rail-goal__track i{border-radius:inherit;background:var(--color-accent);height:100%;transition:width var(--duration-normal) var(--ease-standard);display:block}.course-rail-goal.is-complete .course-rail-goal__track i{background:var(--color-success)}.course-rail-awards{gap:14px;display:grid}.course-rail-award{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;display:grid}.course-rail-award>span{border:1px solid var(--panel-border);background:var(--color-surface-raised);width:36px;height:36px;color:var(--color-text-muted);border-radius:11px;place-items:center;font-size:17px;display:grid}.course-rail-award.is-unlocked>span{border-color:color-mix(in srgb, var(--color-accent) 30%, transparent);background:var(--color-accent-soft);color:var(--color-accent-hover)}.course-rail-award>div{gap:3px;display:grid}.course-rail-award strong{font-size:10px}.course-rail-award small{color:var(--color-text-muted);font-size:9px;line-height:1.4}@media (width<=1180px){.course-map-layout{--course-map-route-width:620px;--course-map-next-gap:32px;grid-template-columns:minmax(0,1fr) 270px;gap:32px 16px}.course-map__stop-card{width:min(224px,50% - 68px)}}@media (width<=1024px){.course-map-layout{grid-template-columns:minmax(0,1fr)}.course-map-rail{display:none}}@media (width<=700px){.course-map-page{gap:19px}.course-map-page__heading{align-items:flex-start}.course-map-page__heading h1{font-size:26px}.course-map-page__heading>div:first-child>p:last-child{font-size:var(--font-size-xs)}.course-map-page__length{padding:7px 9px;font-size:9px}.course-map__banner{min-height:105px;padding:16px}.course-map__banner h2{font-size:19px}.course-map__banner p{max-width:330px;font-size:10px}.course-map__reference{min-height:39px;padding:0 11px}.course-map__reference span{display:none}.course-map__route{grid-template-rows:repeat(6,108px);margin-top:20px;padding:0 4px}.course-map__trail{height:648px}.course-map__stop{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr)}.course-map__marker,.course-map__chest{width:68px;height:57px}.course-map__stop--left .course-map__marker{transform:translate(-5cqw)}.course-map__stop--right .course-map__marker{transform:translate(5cqw)}@media (hover:hover) and (pointer:fine){.course-map__stop--left .course-map__marker:hover{transform:translate(-5cqw)}.course-map__stop--right .course-map__marker:hover{transform:translate(5cqw)}}.course-map__stop-card{width:min(230px,50% - 60px);padding:11px;left:calc(50% + 60px)}.course-map__stop--left .course-map__stop-card{left:calc(50% + 15px)}.course-map__stop--right .course-map__stop-card{right:calc(50% + 15px)}.course-map__stop-card h3{font-size:12px}.course-map__stop-card>p{font-size:9px}.course-map__stop-bottom,.course-map__demo-note{font-size:8px}.course-map__trail path{stroke-width:7px;stroke-dasharray:2 13}.course-map-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.course-rail-awards{grid-column:1/-1}}@media (width<=520px){.course-map-page__heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.course-map-page__heading>div:first-child{grid-column:1/-1}.course-map-page__length{grid-area:1/2;align-self:start;margin-top:3px}.course-map-page__heading h1{max-width:330px;padding-right:28px;font-size:25px}.course-map__banner{gap:8px}.course-map__banner>div>span{font-size:12px}.course-map__banner h2{font-size:17px}.course-map__banner p{font-size:9px}.course-map__route{grid-template-rows:repeat(6,88px);padding:0}.course-map__route--next{margin-top:24px}.course-map__trail{height:528px}.course-map__marker,.course-map__chest{border-width:5px;width:52px;height:44px}@media (hover:hover) and (pointer:fine){.course-map__stop--fourth .course-map__marker:hover{transform:translate(-5cqw)}}.course-map__stop--fourth .course-map__marker{transform:translate(-5cqw)}.course-map__stop.is-current .course-map__marker:before{padding:3px 6px;font-size:7px;top:-26px}.course-map__stop-card{display:none}.course-map-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.course-rail-card{padding:11px}.course-rail-card__heading h2{font-size:var(--font-size-h3)}.course-rail-streak__week{gap:2px}.course-rail-streak__week span{height:22px;font-size:9px}.course-rail-awards{grid-column:auto}}@media (width<=550px){.topbar__login{border-radius:10px}}.topbar__menu,.topbar__login{height:40px;min-height:40px}.topbar__menu{width:40px;transition:var(--transition-surface), var(--transition-color), scale var(--duration-fast) var(--ease-out)}.button:active:not(:disabled),.section-heading__all:active,.sidebar__link:active,.topbar__login:active{scale:.975}.section-heading__all,.sidebar__link,.topbar__login{transition:var(--transition-surface), var(--transition-color), scale var(--duration-fast) var(--ease-out)}@media (width<=768px){:is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]){font-size:16px}.topbar .topbar__actions .topbar__login{font-size:14px}}@media (hover:hover) and (pointer:fine){.course-map__marker:hover{translate:none;scale:1}.course-map__stop.is-current .course-map__marker:hover{box-shadow:0 2px 0 var(--color-accent-pressed), 0 0 0 7px color-mix(in srgb, var(--color-accent) 12%, transparent), 0 6px 18px color-mix(in srgb, var(--color-accent) 22%, transparent);translate:0 4px;scale:1}.course-map__stop.is-current .course-map__marker:hover>span{background:color-mix(in srgb, var(--color-accent) 84%, var(--neutral-1000));box-shadow:inset 0 3px 7px color-mix(in srgb, var(--neutral-1000) 28%, transparent), inset 0 1px 0 #ffffff1f;transform:translateY(1px)}}.course-map__marker:active{translate:none;scale:1}.course-map__stop.is-current .course-map__marker:active{box-shadow:0 1px 0 var(--color-accent-pressed), 0 0 0 7px color-mix(in srgb, var(--color-accent) 12%, transparent), 0 3px 12px color-mix(in srgb, var(--color-accent) 18%, transparent);translate:0 5px;scale:1}.course-map__stop.is-current .course-map__marker:active>span{background:color-mix(in srgb, var(--color-accent) 78%, var(--neutral-1000));box-shadow:inset 0 4px 8px color-mix(in srgb, var(--neutral-1000) 32%, transparent), inset 0 1px 0 #ffffff14;transform:translateY(2px)}:root[data-theme=dark] .course-map__stop:not(.is-current) .course-map__marker{box-shadow:0 6px 0 color-mix(in srgb, var(--color-surface-canvas) 90%, white 10%), 0 10px 22px #0000006b, 0 0 0 1px #ffffff0f}:root[data-theme=dark] .course-map__chest{border-color:color-mix(in srgb, var(--color-border-strong) 90%, transparent);background:var(--color-surface-raised);box-shadow:0 6px 0 color-mix(in srgb, var(--color-surface-canvas) 90%, white 10%), 0 10px 22px #0000006b, 0 0 0 1px #ffffff0f}@media (pointer:coarse){.course-map__stop-card{display:none}}.course-rail-goal>div{min-width:0}.dashboard__welcome{text-align:center}.dashboard__welcome h1{color:var(--color-text-primary);font-size:clamp(25px,3vw,34px);font-weight:var(--font-weight-semibold);letter-spacing:-.04em;margin:0;line-height:1.15}.dashboard__continue{border-radius:var(--radius-xl);background:var(--color-surface-secondary);border:0;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:0;min-height:200px;padding:0;display:grid;overflow:hidden}.dashboard__lesson-artwork{object-fit:contain;object-position:center bottom;align-self:end;width:100%;height:auto;min-height:0;max-height:320px;display:block}.dashboard__lesson-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:32px;display:flex}.dashboard__lesson-content{display:contents}.dashboard__lesson-label{color:var(--color-text-muted);font-size:var(--font-size-body-sm);margin:0}.dashboard__lesson-number{display:none}.dashboard__lesson-copy h2{color:var(--color-text-primary);font-size:clamp(22px,2.5vw,30px);font-weight:var(--font-weight-semibold);letter-spacing:-.035em;margin:0;line-height:1.2}.dashboard__lesson-copy .button{margin-top:20px}@media (width<=1024px){.dashboard__lesson-artwork{height:clamp(140px,24vw,260px)}.dashboard__lesson-copy{padding:clamp(12px,2.4vw,24px)}.dashboard__lesson-copy h2{font-size:clamp(18px,2.2vw,23px)}.dashboard__lesson-copy .button{margin-top:14px}}.dashboard__daily-awards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:15px;display:grid}.dashboard__daily-tasks,.dashboard__daily-awards .achievement-panel{border-radius:var(--radius-lg);background:var(--color-surface-secondary);border:0;min-width:0;padding:20px}.dashboard .metric-card{background:var(--color-surface-secondary);border:0}.dashboard__daily-tasks{flex-direction:column;display:flex}.dashboard__daily-tasks .section-heading h2,.dashboard__daily-awards .section-heading h2{font-size:clamp(17px,2vw,23px);font-weight:var(--font-weight-semibold);letter-spacing:-.04em;margin:0}.dashboard__daily-awards .achievement-row+.achievement-row{border-top:0}.dashboard__signup{z-index:var(--z-overlay,100);isolation:isolate;bottom:-2px;right:0;left:var(--app-shell-width);padding:18px 24px calc(18px + env(safe-area-inset-bottom,0px));color:var(--color-text-muted);font-size:clamp(12px, calc(10px + .28vw), var(--font-size-body-sm));text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;margin:0;display:flex;position:fixed}@media (width<=1024px){.dashboard__signup{left:0}}.dashboard__signup:before{z-index:-1;background:linear-gradient(to top, var(--color-surface-canvas) 0%, var(--color-surface-canvas) 58%, color-mix(in srgb, var(--color-surface-canvas) 78%, transparent) 78%, transparent 100%);-webkit-backdrop-filter:blur(14px)saturate(1.12);content:"";pointer-events:none;position:absolute;inset:-28px 0 0;-webkit-mask-image:linear-gradient(#0000 0%,#000 38% 100%);mask-image:linear-gradient(#0000 0%,#000 38% 100%)}.app-shell--guest .page-content{padding-bottom:88px}.dashboard__signup a{color:var(--color-accent-hover);font-weight:var(--font-weight-medium);align-items:center;gap:5px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.dashboard__signup a:hover{color:var(--color-text-primary)}}@media (width<=768px){.dashboard__continue{min-height:160px;padding:0;display:block;position:relative}.dashboard__lesson-artwork{object-position:left bottom;width:220px;min-width:220px;height:160px;max-height:none;position:absolute;bottom:0;left:0}.dashboard__signup{padding:16px 18px calc(16px + env(safe-area-inset-bottom,0px));left:0}.app-shell--guest .page-content{padding-bottom:92px}.dashboard__lesson-copy{z-index:1;isolation:isolate;width:74%;min-height:160px;margin-left:auto;padding:12px 8px;position:relative}.dashboard__lesson-content{isolation:isolate;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.dashboard__lesson-content:before,.review-card__empty-copy:before{--copy-fade-width:clamp(130px, 30vw, 220px);--copy-fade-offset:clamp(48px, 10vw, 80px);z-index:-1;inset:-20px 0 -20px calc(var(--copy-fade-offset) - var(--copy-fade-width));background:var(--color-surface-secondary);-webkit-backdrop-filter:blur(10px)saturate(1.12);--copy-horizontal-mask:linear-gradient(to right, transparent, #00000014 calc(var(--copy-fade-width) * .3), #0000004d calc(var(--copy-fade-width) * .55), #000000a6 calc(var(--copy-fade-width) * .8), #000 var(--copy-fade-width));--copy-vertical-mask:linear-gradient(to bottom, transparent, #000 20px, #000 calc(100% - 20px), transparent);-webkit-mask-image:var(--copy-horizontal-mask), var(--copy-vertical-mask);-webkit-mask-composite:source-in;-webkit-mask-image:var(--copy-horizontal-mask), var(--copy-vertical-mask);mask-image:var(--copy-horizontal-mask), var(--copy-vertical-mask);content:"";pointer-events:none;-webkit-mask-composite:source-in;position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}.dashboard__lesson-copy h2{text-align:center;width:100%;max-width:200px;font-size:clamp(15px,2.4vw,18px);line-height:1.15}.dashboard__lesson-label{display:none}.dashboard__lesson-number{display:inline}.dashboard__lesson-copy .button{margin-top:9px}.dashboard__daily-awards{grid-template-columns:1fr;gap:8px}.dashboard__daily-tasks,.dashboard__daily-awards .achievement-panel{padding:17px}}@media (width<=1024px){.dashboard__daily-awards .achievement-panel .achievement-list{grid-template-columns:1fr;gap:0}.dashboard__daily-awards .achievement-row+.achievement-row{border-top:0;width:auto;height:auto}}@media (width<=768px){.review-page{gap:12px}.rating-page{gap:14px}.rating-table th:nth-child(4),.rating-table td:nth-child(4),.rating-table th:nth-child(5),.rating-table td:nth-child(5){display:none}.rating-table td:nth-child(3){border-radius:0 var(--radius-md) var(--radius-md) 0}.review-page__heading{align-items:flex-start;gap:8px}.review-page__heading>span{font-size:var(--font-size-xs);flex:none;padding-top:4px}.review-page .learning-review-select{scrollbar-width:thin;flex-wrap:nowrap;margin-inline:-2px;padding:2px 2px 8px;overflow-x:auto}.review-page .learning-review-select button{text-overflow:ellipsis;white-space:nowrap;max-width:min(78vw,320px);min-height:38px;font-size:var(--font-size-xs);flex:none;padding:8px 11px;overflow:hidden}.review-page .review-card{padding:20px 16px}.review-page .review-card h2{overflow-wrap:anywhere;margin-bottom:0;font-size:clamp(15px,2vw,16px);line-height:1.25}.review-card__top{flex-wrap:wrap;align-items:flex-start;gap:6px 12px}.review-card__actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:start;display:grid}.review-card__actions .button{white-space:normal;width:auto;min-width:0}.review-page .review-card--illustrated{align-items:center;min-height:160px;padding:0;display:flex;overflow:hidden}.review-page .review-card--illustrated .review-card__empty-illustration{object-position:left bottom;width:145px;max-width:145px;height:148px;top:auto;bottom:0;left:0}.review-page .review-card--illustrated>.review-card__empty-copy{z-index:1;isolation:isolate;flex-direction:column;flex:none;justify-content:center;align-items:stretch;gap:8px;width:74%;min-height:0;margin-left:auto;padding:16px 12px;display:flex;position:relative}.review-card__empty-copy>.button{white-space:nowrap;align-self:center;width:auto;max-width:100%;margin:0}.rating-summary{flex-wrap:wrap;gap:10px 12px;padding:16px}.rating-table__scroll{overscroll-behavior-inline:contain;max-width:100%}.rating-table th,.rating-table td{white-space:nowrap;padding:10px 9px}}