.learn-shell{--ls-ink: #0f172a;--ls-muted: #64748b;--ls-line: #e2e8f0;--ls-soft: #f1f5f9;--ls-canvas: #eef2f6;--ls-surface: #ffffff;--ls-accent: #0e7490;--ls-accent-soft: #ecfeff;--ls-accent-deep: #155e75;--ls-ok: #059669;--ls-ok-soft: #ecfdf5;--ls-warn: #b45309;--ls-warn-soft: #fffbeb;--ls-rose: #e11d48;--ls-radius: 16px;--ls-radius-sm: 10px;--ls-shadow: 0 1px 2px rgb(15 23 42 / .04), 0 8px 24px rgb(15 23 42 / .06);--ls-max-stage: 56rem;min-height:100dvh;background:radial-gradient(1200px 480px at 10% -10%,rgb(14 116 144 / .08),transparent 55%),radial-gradient(900px 400px at 100% 0%,rgb(15 23 42 / .04),transparent 50%),var(--ls-canvas);color:var(--ls-ink);font-feature-settings:"ss01" on,"cv11" on}.learn-shell__frame{display:flex;min-height:100dvh}.learn-shell__sidebar{width:min(100vw,22rem);background:color-mix(in srgb,var(--ls-surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--ls-line);box-shadow:var(--ls-shadow)}.learn-shell__brand{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1.15rem .85rem;border-bottom:1px solid var(--ls-line)}.learn-shell__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .35rem;margin-bottom:.35rem;font-size:.72rem;line-height:1.35}.learn-shell__crumb{color:var(--ls-muted, #64748b);text-decoration:none;font-weight:600;min-height:1.75rem;display:inline-flex;align-items:center}.learn-shell__crumb:hover{color:var(--ls-accent-deep, #155e75);text-decoration:underline}.learn-shell__crumb--current{color:var(--ls-ink, #0f172a);max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-shell__crumb-sep{color:#94a3b8;-webkit-user-select:none;-moz-user-select:none;user-select:none}.learn-shell__brand-kicker{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ls-accent-deep)}.learn-shell__brand-title{font-size:1.05rem;font-weight:700;line-height:1.3;color:var(--ls-ink)}.learn-shell__brand-title-link{color:inherit;text-decoration:none}.learn-shell__brand-title-link:hover{color:var(--ls-accent-deep, #155e75);text-decoration:underline}.learn-shell__search{margin:.85rem 1rem .5rem}.learn-shell__search input{width:100%;min-height:44px;border:1px solid var(--ls-line);border-radius:999px;background:var(--ls-soft);padding:.55rem 1rem .55rem 2.5rem;font-size:.875rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.learn-shell__search input:focus{background:var(--ls-surface);border-color:color-mix(in srgb,var(--ls-accent) 55%,var(--ls-line));box-shadow:0 0 0 3px #0e749026}.learn-shell__search-wrap{position:relative}.learn-shell__search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:1.1rem;height:1.1rem;color:var(--ls-muted);pointer-events:none}.learn-shell__section{margin:.65rem .85rem;border:1px solid var(--ls-line);border-radius:var(--ls-radius-sm);background:var(--ls-surface);overflow:hidden}.learn-shell__section-btn{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem;text-align:left;font-weight:600;font-size:.9rem;color:var(--ls-ink);background:linear-gradient(180deg,#fff,var(--ls-soft))}.learn-shell__lesson{display:flex;align-items:flex-start;gap:.65rem;min-height:48px;padding:.7rem .85rem;border-radius:.65rem;margin:.2rem .4rem;transition:background .18s ease,transform .18s ease;text-decoration:none;color:inherit;border:0;background:transparent;cursor:pointer;font:inherit}a.learn-shell__lesson,button.learn-shell__lesson{width:calc(100% - .8rem);box-sizing:border-box}.learn-shell__lesson:hover{background:var(--ls-soft)}.learn-shell__lesson.is-current{background:var(--ls-accent-soft);box-shadow:inset 3px 0 0 var(--ls-accent)}.learn-shell__lesson.is-done{opacity:.78}.learn-shell__lesson.is-locked{opacity:.55;cursor:not-allowed}.learn-shell__lesson.is-excluded{opacity:.48;cursor:not-allowed}.learn-shell__lesson.is-excluded:hover{background:transparent}.learn-shell__dot.is-excluded{border-color:#94a3b8;background:linear-gradient(135deg,transparent 45%,#94a3b8 45%,#94a3b8 55%,transparent 55%),#f8fafc}.learn-shell__dot{width:1.15rem;height:1.15rem;border-radius:999px;border:2px solid var(--ls-line);margin-top:.15rem;flex-shrink:0}.learn-shell__dot.is-done{border-color:var(--ls-ok);background:var(--ls-ok);box-shadow:inset 0 0 0 2px #fff}.learn-shell__dot.is-current{border-color:var(--ls-accent);background:var(--ls-accent)}.learn-shell__chip{display:inline-flex;align-items:center;min-height:1.4rem;padding:.1rem .45rem;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;background:var(--ls-soft);color:var(--ls-muted)}.learn-shell__chip--indigo{background:#e0e7ff;color:#3730a3}.learn-shell__chip--sky{background:#e0f2fe;color:#075985}.learn-shell__chip--emerald{background:#d1fae5;color:#065f46}.learn-shell__chip--amber{background:#fef3c7;color:#92400e}.learn-shell__chip--violet{background:#ede9fe;color:#5b21b6}.learn-shell__chip--orange{background:#ffedd5;color:#9a3412}.learn-shell__chip--teal{background:#ccfbf1;color:#115e59}.learn-shell__chip--slate{background:#e2e8f0;color:#334155}.learn-shell__chip--rose{background:#ffe4e6;color:#9f1239}.learn-shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.learn-shell__topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:color-mix(in srgb,var(--ls-surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--ls-line)}.learn-shell__progress{display:flex;align-items:center;gap:.55rem;min-width:0}.learn-shell__progress-track{width:clamp(4.5rem,12vw,8rem);height:.4rem;border-radius:999px;background:var(--ls-soft);overflow:hidden}.learn-shell__progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ls-accent),#22d3ee);transition:width .45s ease}.learn-shell__stage-wrap{flex:1;overflow:auto;padding:1rem 1rem 6.5rem}.learn-shell__stage{width:min(100%,var(--ls-max-stage));margin:0 auto;display:flex;flex-direction:column;gap:1rem}.learn-shell__hero{background:var(--ls-surface);border:1px solid var(--ls-line);border-radius:var(--ls-radius);box-shadow:var(--ls-shadow);padding:1.1rem 1.15rem 1.25rem}.learn-shell__hero-title{font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:750;letter-spacing:-.02em;line-height:1.25}.learn-shell__access-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}.learn-shell__offset{margin-top:.9rem;border-radius:var(--ls-radius-sm);border:1px solid rgb(14 116 144 / .22);background:linear-gradient(180deg,#ecfefff2,#f1f5f9d9);overflow:hidden}.learn-shell__offset-btn{display:flex;align-items:center;gap:.75rem;width:100%;min-height:48px;padding:.7rem .85rem;text-align:left;background:transparent;border:0;cursor:pointer;color:var(--ls-ink);font:inherit}.learn-shell__offset-btn:hover{background:#0e74900f}.learn-shell__offset-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.65rem;background:#0e74901f;color:var(--ls-accent-deep);flex-shrink:0}.learn-shell__offset-kicker{display:block;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ls-accent-deep)}.learn-shell__offset-title{display:block;margin-top:.15rem;font-size:.9rem;font-weight:650;line-height:1.35;word-break:break-word}.learn-shell__offset-chevron{color:var(--ls-muted);transition:transform .18s ease}.learn-shell__offset-chevron.is-open{transform:rotate(180deg)}.learn-shell__offset-body{padding:0 .85rem .85rem 3.85rem}.learn-shell__offset-body p{margin:0;font-size:.8125rem;line-height:1.45;color:var(--ls-muted)}@media (max-width: 359px){.learn-shell__offset-body{padding-left:.85rem}}.learn-shell__banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-radius:var(--ls-radius-sm);border:1px solid #fde68a;background:var(--ls-warn-soft);color:#78350f}.learn-shell__banner--amber{border-color:#fde68a;background:var(--ls-warn-soft);color:#78350f}.learn-shell__banner--rose{border-color:#fecdd3;background:#fff1f2;color:#9f1239}.learn-shell__banner--emerald{border-color:#a7f3d0;background:var(--ls-ok-soft);color:#065f46}.learn-shell__video-end{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem;background:#0f172ab8;color:#f8fafc;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.learn-shell__video-end-title{font-size:1.125rem;font-weight:700}.learn-shell__video-end-body{font-size:.875rem;color:#f8fafcd9;max-width:22rem}.learn-shell__video-end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem}.learn-shell__video-end .learn-shell__btn--ghost{background:#ffffff1f;color:#f8fafc;border-color:#ffffff40}.learn-shell__video-end .learn-shell__btn--ghost:hover{background:#fff3}.learn-shell__player-card{position:relative}.learn-shell__hard-block{border-radius:var(--ls-radius);border:1px solid #fecdd3;background:linear-gradient(180deg,#fff1f2f2,#fff),var(--ls-surface);box-shadow:var(--ls-shadow);padding:1.5rem 1.25rem}.learn-shell__hard-block-card{max-width:32rem;margin:0 auto;text-align:center}.learn-shell__hard-block-kicker{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#be123c}.learn-shell__hard-block-title{margin-top:.4rem;font-size:1.25rem;font-weight:750;color:var(--ls-ink)}.learn-shell__hard-block-body{margin-top:.55rem;font-size:.95rem;line-height:1.5;color:var(--ls-muted)}.learn-shell__materials{display:flex;flex-direction:column;gap:1rem}.learn-shell__materials-group-title{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ls-muted);margin-bottom:.45rem}.learn-shell__material-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;min-height:52px;padding:.85rem 1rem;border:1px solid var(--ls-line);border-radius:var(--ls-radius-sm);background:linear-gradient(180deg,#fff,var(--ls-soft))}.learn-shell__material-row:hover{border-color:color-mix(in srgb,var(--ls-accent) 35%,var(--ls-line))}.learn-shell__notice{display:flex;flex-direction:column;gap:.35rem;padding:.35rem .65rem .55rem;border-radius:var(--ls-radius-sm);border:1px solid #fde68a;background:var(--ls-warn-soft);color:#78350f;font-size:.875rem}.learn-shell__notice-trigger{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;font-weight:650;background:transparent;border:0;color:inherit;cursor:pointer;padding:.35rem .15rem}.learn-shell__notice-body{margin:0;padding:0 .15rem .35rem 1.85rem;line-height:1.45}.learn-shell__player-card{background:#0b1220;border-radius:var(--ls-radius);overflow:hidden;box-shadow:var(--ls-shadow);border:1px solid rgb(15 23 42 / .35)}.learn-shell__player-card .js-player,.learn-shell__player-card .plyr{border-radius:0!important;box-shadow:none!important}.learn-shell__player-card .plyr--youtube iframe{pointer-events:none!important}.learn-shell__player-card .plyr--youtube .plyr__video-wrapper{position:relative!important;overflow:hidden}.learn-shell__player-card .plyr--youtube .plyr__video-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;height:80px;z-index:75;background:#0b1220;pointer-events:auto}.learn-shell__player-card .plyr--youtube.plyr--paused .plyr__video-wrapper:after{height:96px;z-index:85}.learn-shell__player-card .plyr--youtube .plyr__controls{z-index:70}.learn-shell__content-card{background:var(--ls-surface);border:1px solid var(--ls-line);border-radius:var(--ls-radius);box-shadow:var(--ls-shadow);padding:1.15rem}.learn-shell__tabs{display:flex;gap:.35rem;overflow-x:auto;padding:.25rem;border-radius:999px;background:var(--ls-soft);border:1px solid var(--ls-line);-webkit-overflow-scrolling:touch}.learn-shell__tab{flex:0 0 auto;min-height:44px;padding:.5rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--ls-muted);white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.learn-shell__tab.is-active{background:var(--ls-surface);color:var(--ls-ink);box-shadow:0 1px 3px #0f172a14}.learn-shell__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;margin-left:.35rem;padding:.05rem .35rem;border-radius:999px;font-size:.7rem;font-weight:700;background:#0e74901f;color:var(--ls-accent-deep)}.learn-shell__tab.is-active .learn-shell__tab-count{background:#0e74902e}.learn-shell__complete-card{padding:1rem 1.05rem;border-radius:var(--ls-radius-sm);border:1px solid color-mix(in srgb,var(--ls-ok) 28%,var(--ls-line));background:linear-gradient(180deg,#fff,var(--ls-ok-soft))}.learn-shell__filter-bar{padding:.65rem .75rem;border-radius:var(--ls-radius-sm);border:1px solid var(--ls-line);background:#f8fafc}.learn-shell__filter-chips{display:flex;flex-wrap:wrap;gap:.4rem}.learn-shell__filter-chip{flex:0 0 auto;min-height:44px;padding:.4rem .85rem;border-radius:.65rem;border:1px solid var(--ls-line);background:var(--ls-surface);color:var(--ls-muted);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.learn-shell__filter-chip:hover{border-color:color-mix(in srgb,var(--ls-accent) 35%,var(--ls-line));color:var(--ls-ink)}.learn-shell__filter-chip.is-active{border-color:color-mix(in srgb,var(--ls-accent) 55%,var(--ls-line));background:var(--ls-accent-soft);color:var(--ls-accent-deep)}.learn-shell__filter-chip:focus-visible{outline:2px solid var(--ls-accent);outline-offset:2px}.learn-shell__comment-card{transition:box-shadow .25s ease,border-color .25s ease,background-color .25s ease}.learn-shell__comment-card.is-highlighted{border-color:#67e8f9;box-shadow:0 0 0 3px #06b6d447;background:#ecfeff}.learn-shell__comment-card--reply.is-highlighted{background:#cffafe}.learn-shell__comment-attachments{list-style:none;margin:.55rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.learn-shell__comment-attachments--reply{margin-top:.4rem}.learn-shell__comment-attachment-link,.learn-shell__comment-attachment-name{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:.35rem .65rem;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;font-size:.8125rem;font-weight:600;color:#0e7490;text-decoration:none;overflow-wrap:anywhere;word-break:break-word}.learn-shell__comment-attachment-link:hover{background:#ecfeff;border-color:#a5f3fc;color:#155e75}.learn-shell__comment-attachment-name{color:#64748b;font-weight:500}.learn-shell__comment-actions{display:flex;flex-wrap:wrap;gap:.5rem}.learn-shell__composer-attach{display:flex;flex-direction:column;gap:.35rem}.learn-shell__composer-attach-label{display:inline-flex;width:-moz-fit-content;width:fit-content;max-width:100%;cursor:pointer}.learn-shell__composer-attach-label:focus-within .learn-shell__btn{outline:2px solid var(--ls-accent, #0891b2);outline-offset:2px}.learn-shell__composer-attach-hint{margin:0;font-size:.75rem;color:#64748b}.learn-shell__composer-attach-picked{display:flex;align-items:center;gap:.5rem;max-width:100%;padding:.35rem .5rem;border-radius:.5rem;border:1px solid #e2e8f0;background:#fff}@media (max-width: 359px){.learn-shell__comment-actions .learn-shell__btn{flex:1 1 calc(50% - .25rem);justify-content:center}.learn-shell__composer-attach-picked{flex-wrap:wrap}}@media (min-width: 900px){.learn-shell__discussion{max-width:52rem}}.learn-shell__comment-body{font-size:.875rem;line-height:1.55;color:#334155;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.learn-shell__comment-body--reply{font-size:.8125rem;line-height:1.5}.learn-shell__comment-body>:first-child{margin-top:0}.learn-shell__comment-body>:last-child{margin-bottom:0}.learn-shell__comment-body p{margin:0 0 .5em}.learn-shell__comment-body ul,.learn-shell__comment-body ol{margin:.35em 0 .5em;padding-left:1.25rem}.learn-shell__comment-body li+li{margin-top:.2em}.learn-shell__comment-body a{color:#0e7490;text-decoration:underline;text-underline-offset:2px}.learn-shell__comment-body a:hover{color:#155e75}.learn-shell__comment-body code,.learn-shell__comment-body pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125em;background:#f1f5f9;border-radius:.25rem}.learn-shell__comment-body code{padding:.1em .35em}.learn-shell__comment-body pre{padding:.55rem .65rem;overflow-x:auto;max-width:100%}.learn-shell__comment-body blockquote{margin:.35em 0;padding-left:.75rem;border-left:3px solid #cbd5e1;color:#475569}@media (max-width: 359px){.learn-shell__comment-body{font-size:.8125rem}}.learn-shell__composer-collapsed{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:52px;padding:.65rem .85rem;border-radius:var(--ls-radius-sm);border:1px dashed color-mix(in srgb,var(--ls-accent) 35%,var(--ls-line));background:linear-gradient(180deg,#fff,var(--ls-soft));cursor:pointer;text-align:left;font:inherit}.learn-shell__composer-collapsed:hover{border-color:color-mix(in srgb,var(--ls-accent) 55%,var(--ls-line))}.learn-shell__composer-panel{padding:.85rem;border-radius:var(--ls-radius-sm);border:1px solid var(--ls-line);background:#f8fafc}.learn-shell__composer-select{width:100%;min-height:44px;border-radius:.65rem;border:1px solid var(--ls-line);background:var(--ls-surface);padding:.45rem .75rem;font-size:.875rem;color:var(--ls-ink)}.learn-shell__composer-select:focus{outline:2px solid var(--ls-accent);outline-offset:1px;border-color:var(--ls-accent)}.learn-shell__composer-textarea{width:100%;border-radius:.75rem;border:1px solid var(--ls-line);font-size:.875rem;box-shadow:none}.learn-shell__composer-textarea:focus{border-color:var(--ls-accent);outline:none;box-shadow:0 0 0 3px #0e749026}.learn-shell__badges{padding:.85rem;border-radius:var(--ls-radius-sm);border:1px solid var(--ls-line);background:var(--ls-soft)}.learn-shell__avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;overflow:hidden;background:#0e74901f;color:var(--ls-accent-deep);font-size:.875rem;font-weight:700}.learn-shell__avatar--sm{width:2rem;height:2rem;font-size:.75rem}.learn-shell__avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.learn-shell__avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.learn-shell__footer{position:sticky;bottom:0;z-index:25;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--ls-surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--ls-line)}.learn-shell__btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.55rem 1rem;border-radius:.75rem;font-weight:650;font-size:.9rem;transition:transform .15s ease,background .15s ease,opacity .15s ease}.learn-shell__btn:active{transform:scale(.98)}.learn-shell__btn:disabled{opacity:.45;cursor:not-allowed}.learn-shell__btn:focus-visible,.learn-shell__tab:focus-visible,.learn-shell__lesson:focus-visible,.learn-shell__search input:focus-visible{outline:2px solid var(--ls-accent);outline-offset:2px}.learn-shell__btn--ghost{background:var(--ls-soft);color:var(--ls-ink);border:1px solid var(--ls-line)}.learn-shell__btn--primary{background:linear-gradient(135deg,var(--ls-accent-deep),var(--ls-accent));color:#fff;box-shadow:0 8px 18px #0e749047}.learn-shell__btn--ok{background:linear-gradient(135deg,#047857,var(--ls-ok));color:#fff;box-shadow:0 8px 18px #05966940}.learn-shell__btn--app{background:var(--ls-accent-soft);color:var(--ls-accent-deep);border:1px solid #a5f3fc}@media (min-width: 900px){.learn-shell__stage-wrap{padding:1.35rem 1.5rem 5.5rem}.learn-shell__player-sticky{position:sticky;top:4.25rem;z-index:10}}@media (max-width: 359px){.learn-shell__topbar{padding:.55rem .65rem;gap:.45rem}.learn-shell__stage-wrap{padding:.75rem .75rem 6.5rem}.learn-shell__content-card{padding:.85rem}.learn-shell__hero-title{font-size:1.05rem}}@media (min-width: 360px) and (max-width: 899px){.learn-shell__stage-wrap{padding:1rem 1rem 6.5rem}}.learn-shell__topbar-actions{display:none;align-items:center;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.learn-shell__topbar-more{position:relative;display:block;flex-shrink:0}.learn-shell__topbar-menu{position:absolute;right:0;top:calc(100% + .35rem);z-index:40;min-width:11.5rem;padding:.35rem;border-radius:var(--ls-radius-sm);border:1px solid var(--ls-line);background:var(--ls-surface);box-shadow:var(--ls-shadow);display:flex;flex-direction:column;gap:.15rem}.learn-shell__topbar-menu-item{display:flex;align-items:center;min-height:44px;padding:.45rem .75rem;border-radius:.55rem;font-size:.875rem;font-weight:650;color:var(--ls-ink);text-align:left;background:transparent;border:0;width:100%;cursor:pointer}.learn-shell__topbar-menu-item:hover{background:var(--ls-soft)}@media (min-width: 600px){.learn-shell__topbar-actions{display:flex;max-width:min(100%,28rem)}.learn-shell__topbar-more{display:none}.learn-shell__topbar{flex-wrap:wrap}}.learn-shell__collapse{border:1px solid var(--ls-line);border-radius:var(--ls-radius-sm);background:var(--ls-soft);overflow:hidden}.learn-shell__collapse-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.65rem .85rem;background:transparent;border:0;cursor:pointer;text-align:left;color:var(--ls-ink)}.learn-shell__collapse-title{font-size:.875rem;font-weight:700}.learn-shell__collapse-count{font-weight:650;color:var(--ls-muted)}.learn-shell__collapse-chevron{display:inline-flex;transition:transform .2s ease;color:var(--ls-muted);font-size:.85rem}.learn-shell__collapse-chevron.is-open{transform:rotate(180deg)}.learn-shell__collapse-body{padding:0 .85rem .85rem}.learn-shell__user-chip{display:inline-flex;align-items:center;gap:.55rem;max-width:100%;min-width:0}.learn-shell__user-chip--sm{gap:.4rem}.learn-shell__user-chip-text{display:flex;flex-direction:column;gap:.05rem;min-width:0}.learn-shell__user-chip-name{margin:0;font-size:.875rem;font-weight:700;color:var(--ls-ink);line-height:1.25}.learn-shell__user-chip--sm .learn-shell__user-chip-name{font-size:.75rem}.learn-shell__user-chip-email{margin:0;font-size:.7rem;font-weight:550;color:var(--ls-muted);line-height:1.2}.learn-shell__leaderboard{display:flex;flex-direction:column;gap:.65rem}.learn-shell__leaderboard-empty{padding:.85rem;border-radius:var(--ls-radius-sm);border:1px dashed var(--ls-line);background:var(--ls-surface);color:var(--ls-muted);font-size:.875rem}.learn-shell__leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.learn-shell__leaderboard-card{display:flex;gap:.65rem;align-items:flex-start;padding:.75rem;border-radius:var(--ls-radius-sm);border:1px solid var(--ls-line);background:var(--ls-surface)}.learn-shell__leaderboard-rank{flex-shrink:0;width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;font-size:.85rem;background:var(--ls-accent-soft);color:var(--ls-accent-deep)}.learn-shell__leaderboard-main{flex:1;display:flex;flex-direction:column;gap:.45rem}.learn-shell__leaderboard-meta{display:flex;flex-wrap:wrap;gap:.35rem .55rem;align-items:center}.learn-shell__leaderboard-muted{font-size:.7rem;color:var(--ls-muted)}.learn-shell__leaderboard-progress{display:flex;flex-direction:column;gap:.3rem}.learn-shell__leaderboard-track{height:.4rem;border-radius:999px;background:var(--ls-soft);overflow:hidden}.learn-shell__leaderboard-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ls-accent),#22d3ee)}@keyframes learnFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.learn-shell__hero,.learn-shell__player-card{animation:learnFadeUp .35s ease both}.learn-shell__content-card{animation:none}.learn-shell__request-bar{animation:learnRequestBar .9s ease-in-out infinite}@keyframes learnRequestBar{0%{transform:translate(-120%)}to{transform:translate(320%)}}.learn-shell__brand .course-public-meta{display:flex;flex-direction:column;gap:.35rem;min-width:0}.learn-shell__brand .course-public-meta__facts{display:flex;flex-wrap:wrap;gap:.2rem .5rem;font-size:.68rem;color:#64748b;line-height:1.3}.learn-shell__brand .course-public-meta__enroll.is-closed{color:#9f1239;font-weight:650}.learn-shell__brand .course-public-meta__tags{display:flex;flex-wrap:wrap;gap:.25rem}.learn-shell__brand .course-public-meta__tag{display:inline-flex;align-items:center;max-width:100%;padding:.12rem .4rem;border-radius:.35rem;background:#f1f5f9;color:#334155;font-size:.65rem;font-weight:650;line-height:1.25}.learn-shell__brand .course-public-meta__tag--more{color:#64748b;font-weight:600}.learn-shell__bookmarks{margin:.85rem 0 1.25rem}.learn-shell__bookmarks-card{border:1px solid var(--ls-line, #e2e8f0);border-radius:var(--ls-radius, 16px);background:linear-gradient(180deg,color-mix(in srgb,var(--ls-accent-soft) 55%,#fff),#fff 42%),var(--ls-surface, #fff);padding:1rem .9rem .9rem;box-shadow:var(--ls-shadow)}.learn-shell__bookmarks-head{display:flex;flex-direction:column;gap:.85rem}.learn-shell__bookmarks-kicker{margin:0 0 .15rem;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ls-accent-deep, #155e75)}.learn-shell__bookmarks-toolbar{display:flex;flex-wrap:wrap;gap:.5rem}.learn-shell__bookmarks-toolbar .learn-shell__btn{flex:1 1 8.5rem}.learn-shell__bookmarks-mark{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.learn-shell__bookmarks-mark-icon{width:1rem;height:1rem;flex-shrink:0;opacity:.95}.learn-shell__bookmarks-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.1rem .45rem;border-radius:999px;background:#0e74901f;color:var(--ls-accent-deep, #155e75);font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums}.learn-shell__bookmarks-panel{margin-top:.95rem}.learn-shell__bookmarks-title{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;color:var(--ls-ink, #0f172a)}.learn-shell__bookmarks-hint{margin:.25rem 0 0;font-size:.8125rem;color:var(--ls-muted, #64748b);line-height:1.45}.learn-shell__bookmarks-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.learn-shell__bookmarks-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;margin:0;padding:1.25rem 1rem;border-radius:14px;border:1px dashed color-mix(in srgb,var(--ls-accent) 35%,var(--ls-line));background:color-mix(in srgb,var(--ls-accent-soft) 70%,#fff)}.learn-shell__bookmarks-empty-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:.25rem;border-radius:999px;background:#fff;color:var(--ls-accent-deep);border:1px solid #a5f3fc}.learn-shell__bookmarks-empty-icon svg{width:1.35rem;height:1.35rem}.learn-shell__bookmarks-empty-title{font-size:.95rem;font-weight:800;color:var(--ls-ink)}.learn-shell__bookmarks-empty-body{font-size:.8125rem;color:var(--ls-muted);line-height:1.45;max-width:18rem}.learn-shell__bookmark-item{display:flex;align-items:stretch;gap:.4rem;border:1px solid var(--ls-line);border-radius:14px;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}.learn-shell__bookmark-item:hover{border-color:color-mix(in srgb,var(--ls-accent) 40%,var(--ls-line));box-shadow:0 4px 14px #0f172a0f}.learn-shell__bookmark-item.is-active{border-color:color-mix(in srgb,var(--ls-accent) 70%,#67e8f9);background:linear-gradient(90deg,var(--ls-accent-soft) 0%,#fff 55%);box-shadow:0 0 0 1px color-mix(in srgb,var(--ls-accent) 35%,transparent),0 10px 22px #0e74901f}.learn-shell__bookmark-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.65rem;text-align:left;padding:.65rem .55rem .65rem 0;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit}.learn-shell__bookmark-rail{width:4px;align-self:stretch;flex-shrink:0;border-radius:0 4px 4px 0;background:transparent;transition:background .18s ease}.learn-shell__bookmark-item.is-active .learn-shell__bookmark-rail{background:linear-gradient(180deg,var(--ls-accent-deep),var(--ls-accent))}.learn-shell__bookmark-play{display:grid;place-items:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:999px;background:var(--ls-soft);color:var(--ls-accent-deep);border:1px solid var(--ls-line);transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.learn-shell__bookmark-play svg{width:.85rem;height:.85rem;margin-left:1px}.learn-shell__bookmark-item:hover .learn-shell__bookmark-play{background:var(--ls-accent-soft);border-color:#a5f3fc}.learn-shell__bookmark-item.is-active .learn-shell__bookmark-play{background:linear-gradient(135deg,var(--ls-accent-deep),var(--ls-accent));color:#fff;border-color:transparent;transform:scale(1.05)}.learn-shell__bookmark-time{flex-shrink:0;min-width:3.4rem;padding:.35rem .45rem;border-radius:999px;background:#0e74901a;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ls-accent-deep, #155e75);font-size:.875rem;text-align:center;letter-spacing:-.01em}.learn-shell__bookmark-item.is-active .learn-shell__bookmark-time{background:#fff;box-shadow:inset 0 0 0 1px #a5f3fc}.learn-shell__bookmark-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.12rem;padding-right:.15rem}.learn-shell__bookmark-note{font-size:.9rem;font-weight:650;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-shell__bookmark-note.is-muted{font-weight:500;color:var(--ls-muted)}.learn-shell__bookmark-cta{font-size:.72rem;font-weight:700;color:var(--ls-accent-deep, #155e75)}.learn-shell__bookmark-cta-active{color:var(--ls-accent-deep)}.learn-shell__bookmark-actions{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;padding:.4rem .4rem .4rem 0;border-left:1px solid var(--ls-line);background:color-mix(in srgb,var(--ls-soft) 80%,#fff)}.learn-shell__bookmark-icon-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:transparent;color:#475569;cursor:pointer;transition:background .15s ease,color .15s ease}.learn-shell__bookmark-icon-btn svg{width:1.05rem;height:1.05rem}.learn-shell__bookmark-icon-btn:hover{background:#fff;color:var(--ls-accent-deep)}.learn-shell__bookmark-icon-btn--danger:hover{background:#fff1f2;color:var(--ls-rose)}.learn-shell__bookmark-icon-btn:focus-visible,.learn-shell__bookmark-main:focus-visible{outline:2px solid var(--ls-accent);outline-offset:2px}@media (min-width: 600px){.learn-shell__bookmarks-head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1rem}.learn-shell__bookmarks-toolbar{flex-shrink:0}.learn-shell__bookmarks-toolbar .learn-shell__btn{flex:0 0 auto}.learn-shell__bookmarks-mark{min-width:11rem}.learn-shell__bookmark-actions{flex-direction:row;align-items:center;padding-left:.35rem}}@media (max-width: 359px){.learn-shell__bookmark-item{flex-direction:column}.learn-shell__bookmark-actions{flex-direction:row;width:100%;border-left:0;border-top:1px solid var(--ls-line);padding:.35rem;justify-content:flex-end}.learn-shell__bookmark-time{min-width:2.85rem;font-size:.8rem}.learn-shell__bookmark-play{width:2rem;height:2rem}}.learn-shell__bookmark-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:.75rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.learn-shell__bookmark-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a8c}.learn-shell__bookmark-sheet-card{position:relative;z-index:1;width:min(28rem,100%);max-height:min(90vh,100dvh - 1.5rem);overflow:auto;padding:1.15rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom));background:#fff;border-radius:1rem 1rem .75rem .75rem;box-shadow:0 20px 50px #0f172a47}.learn-shell__bookmark-compose-lesson{margin:.35rem 0 0;font-size:.9rem;font-weight:600;color:#334155;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learn-shell__bookmark-compose-time{margin:.75rem 0;font-size:1rem;color:#0f172a}.learn-shell__bookmark-compose-time strong{display:inline-block;margin-left:.25rem;padding:.15rem .55rem;border-radius:999px;background:var(--ls-accent-soft);color:var(--ls-accent-deep);font-variant-numeric:tabular-nums}.learn-shell__bookmark-note-input{width:100%;min-height:5rem;padding:.65rem .75rem;border:1px solid var(--ls-line, #e2e8f0);border-radius:12px;font:inherit;resize:vertical}.learn-shell__bookmark-note-input:focus{outline:none;border-color:color-mix(in srgb,var(--ls-accent) 55%,var(--ls-line));box-shadow:0 0 0 3px #0e749026}.learn-shell__bookmark-compose-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.85rem}@media (min-width: 600px){.learn-shell__bookmark-sheet{align-items:center}.learn-shell__bookmark-sheet-card{border-radius:1rem}.learn-shell__bookmark-compose-actions{flex-direction:row}}