.learn-wrap{display:flex;max-width:1400px;width:100%;margin:0 auto;align-items:flex-start;gap:0}.learn-side{position:-webkit-sticky;position:sticky;top:24px;align-self:flex-start;width:260px;flex:0 0 260px;max-height:calc(100vh - 48px);overflow:auto;padding:8px 12px 24px;border-right:1px solid var(--border)}.learn-side .side-course{font-weight:800;font-size:1rem;padding:6px 10px 10px;color:var(--accent)}.version-badge{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.01em;color:var(--muted);background:rgba(127,127,127,.14);border:1px solid var(--border);vertical-align:middle}.learn-side a.side-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:7px;font-size:.9rem;color:var(--muted);text-decoration:none;transition:color .15s ease,background .15s ease}.learn-side a.side-link .side-link-title{flex:1 1 auto;min-width:0;margin-right:4px}.learn-side a.side-link:hover{color:var(--text);background:var(--hover-bg)}.learn-side a.side-link.active{background:var(--active-bg);color:var(--active-text);font-weight:700}.learn-side .lock-ico{opacity:.7;font-size:.85em;margin-right:6px;flex-shrink:0}.learn-side a.side-back{display:block;font-size:.82rem;color:var(--muted);padding:4px 10px 10px}.learn-side a.side-back:hover{color:var(--accent)}.learn-main{flex:1 1 auto;min-width:0;padding:8px 8px 60px 32px}.doc{position:relative;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:28px 32px 36px;font-size:16px;line-height:1.65;overflow:hidden;box-shadow:var(--card-shadow)}.doc a{color:var(--accent);text-decoration:none}.doc a:hover{text-decoration:underline}.doc code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.88em;background:var(--code-bg);color:var(--code-text);padding:.15em .4em;border-radius:5px;border:1px solid var(--border);overflow-wrap:break-word;word-break:break-word;box-decoration-break:clone;-webkit-box-decoration-break:clone}.doc pre code{background:none;padding:0;color:inherit;border:none}.doc pre{max-width:100%;overflow-x:auto;box-sizing:border-box;-webkit-overflow-scrolling:touch}.doc .crumbs{margin-bottom:6px}.doc .crumb{font-size:.78rem;font-weight:700;color:var(--accent)}.doc h1{font-size:2rem;margin:.15em 0 .6em;border-bottom:3px solid var(--accent);padding-bottom:.25em;display:inline-block}.doc h1,.doc h2{color:var(--text)}.doc h2{font-size:1.35rem;margin:1.6em 0 .5em}.doc h3{font-size:1.08rem;margin:1.2em 0 .4em;color:var(--text)}.doc .lead{font-size:1.1rem}.doc p{margin:.7em 0}.doc ol,.doc ul{margin:.7em 0;padding-left:1.4em}.doc li{margin:.3em 0}.doc hr{border:0;border-top:1px solid var(--border);margin:2em 0}.doc .example{margin:1.1em 0;border:1px solid var(--code-block-head-border);border-radius:10px;overflow:hidden}.doc .ex-head{background:var(--code-block-head-bg);padding:6px 12px;border-bottom:1px solid var(--code-block-head-border);color:#8b949e}.doc .ex-file{font-size:.78rem;color:#8b949e}.doc .ex-file,.doc pre.code,.doc pre.term{font-family:SF Mono,Menlo,Consolas,monospace}.doc pre.code,.doc pre.term{margin:0;background:var(--code-block-bg);color:var(--code-block-text);padding:14px 16px;overflow:auto;font-size:.85rem;line-height:1.55;border:1px solid var(--code-block-head-border);max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.doc pre.term{border-radius:10px;margin:1em 0}.doc pre.term code:before{content:"$ ";color:#38bdf8}.doc .box{margin:1.1em 0;padding:12px 16px;border-radius:9px;border-left:4px solid;font-size:.95rem}.doc .box.note{background:rgba(59,130,246,.08);border-color:#3b82f6}.doc .box.tip{background:rgba(16,185,129,.1);border-color:#10b981}.doc .box.warn{background:rgba(245,158,11,.12);border-color:#f59e0b}.doc table{width:100%;border-collapse:collapse;margin:1.1em 0;font-size:.92rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.doc td,.doc th{text-align:left;padding:9px 12px;border:1px solid var(--border);vertical-align:top}.doc th{background:var(--hover-bg);font-weight:700;color:var(--text)}.doc .eyebrow{display:none}.doc .example pre,.doc pre.codeblock{margin:0;background:var(--code-block-bg);color:var(--code-block-text);padding:14px 16px;overflow:auto;-webkit-overflow-scrolling:touch;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.55;border:1px solid var(--code-block-head-border);box-sizing:border-box;max-width:100%}.doc .example-head{background:var(--code-block-head-bg);padding:6px 12px;border-bottom:1px solid var(--code-block-head-border);display:flex;gap:8px;align-items:center;color:#8b949e}.doc .filename{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.78rem;color:#8b949e}.doc .ex-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#8b949e;font-weight:700}.doc .box-title{font-weight:700;margin-right:4px}.doc .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.1em 0}.doc .pager{display:flex;justify-content:space-between;gap:12px;margin-top:2.5em;flex-wrap:wrap}.doc .pg{padding:10px 16px;border-radius:9px;border:1px solid var(--border);font-weight:600;font-size:.9rem;color:var(--text);background:var(--panel)}.doc .pg:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.doc .pg.next{margin-left:auto}.doc .wm{position:absolute;inset:0;pointer-events:none;z-index:5;background-repeat:repeat;opacity:1}.doc-email{margin-top:14px;text-align:center;color:var(--muted);font-size:12px}@media (max-width:820px){.learn-wrap{flex-direction:column;align-items:stretch}.mobile-course-header{display:flex;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--border);margin-bottom:16px;position:-webkit-sticky;position:sticky;top:61px;z-index:90;width:100%}.mobile-course-menu-btn{display:flex;align-items:center;gap:10px;background:var(--hover-bg);border:1px solid var(--border);color:var(--text);padding:10px 18px;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;width:100%;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}.learn-side-wrapper{position:fixed;top:0;left:0;width:320px;max-width:85vw;height:100dvh;z-index:2000;transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);background:var(--panel);box-shadow:12px 0 36px rgba(0,0,0,.2)}.learn-side-wrapper.open{transform:translateX(0)}.mobile-course-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.learn-wrap .learn-side{position:absolute;top:0;left:0;width:100%;height:100%;max-height:none;border-right:none;margin:0;padding:50px 16px 24px}.mobile-drawer-close-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hover-bg);border:1px solid var(--border);color:var(--text);z-index:2010;cursor:pointer}.learn-main{padding:0 0 60px;overflow-x:hidden}.doc,.learn-main{width:100%;max-width:100vw;box-sizing:border-box}.doc{border-radius:0;border-left:none;border-right:none;padding:24px 20px 32px}}@media (min-width:821px){.mobile-course-header,.mobile-course-overlay{display:none}.learn-side-wrapper{display:contents}.mobile-drawer-close-btn{display:none}}@media (max-width:480px){.doc{padding:20px 16px 28px;font-size:15px}.doc h1{font-size:1.6rem}}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));grid-gap:20px;gap:20px;margin-top:24px}.course-card{display:block;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel);text-decoration:none;color:var(--text);transition:transform .12s,border-color .12s;box-sizing:border-box}.course-card:hover{transform:translateY(-3px);border-color:var(--accent)}.course-card .bar{height:6px}.course-card .body{padding:18px 20px}.course-card h3{margin:0 0 6px;font-size:1.05rem;word-break:break-word}.course-card p{margin:0 0 10px;color:var(--muted);font-size:.88rem}.course-card .meta{font-size:.76rem;font-weight:700;color:var(--accent)}.paths-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.path-steps{margin:12px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:8px}.path-steps li{font-size:.95rem}.assistant-root{position:fixed;right:max(24px,env(safe-area-inset-right,24px));bottom:max(24px,env(safe-area-inset-bottom,24px));z-index:2100;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:12px;max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);box-sizing:border-box;pointer-events:none}.assistant-root>*{pointer-events:auto}.assistant-fab{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#4f8cff,#7c5cff);color:#fff;font-size:22px;cursor:pointer;box-shadow:0 6px 20px rgba(79,140,255,.45);transition:transform .15s}.assistant-fab:hover{transform:scale(1.06)}.assistant-panel{width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 125px);max-height:calc(100dvh - 125px);max-height:min(65vh,calc(100dvh - 125px));min-height:0;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 12px 32px rgba(0,0,0,.3);box-sizing:border-box}.assistant-actions{display:flex;flex-direction:column;gap:8px}.assistant-action{text-align:left;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-size:.9rem;cursor:pointer}.assistant-action:hover{border-color:var(--accent)}.assistant-action:disabled{opacity:.6;cursor:default}.assistant-error{color:#f87171;font-size:.82rem;margin-top:10px}.assistant-explanation{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:.86rem;color:var(--text);line-height:1.5}.assistant-mini-player{display:flex;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:30px;padding:6px 12px;box-shadow:0 4px 16px rgba(0,0,0,.2);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.amp-btn{background:transparent;border:none;color:var(--text);font-size:1.2rem;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all .2s}.amp-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}.amp-btn-stop{color:#ef4444}.amp-btn-stop:hover{background:rgba(239,68,68,.1)}@media (max-width:480px){.assistant-root{right:max(12px,env(safe-area-inset-right,12px));bottom:max(12px,env(safe-area-inset-bottom,12px));gap:10px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top, 0px));max-height:calc(100svh - 24px - env(safe-area-inset-top, 0px))}.doc .pager{flex-direction:column;align-items:stretch}.doc .pg{width:100%;text-align:center;box-sizing:border-box}.doc .pg.next{margin-left:0}}.reading-active{background:rgba(255,224,102,.15)!important;border-radius:8px;box-shadow:0 0 0 4px rgba(255,224,102,.15);transition:background .3s ease,box-shadow .3s ease}.box.reading-active,pre.reading-active{background:transparent!important;box-shadow:inset 0 0 0 2px rgba(255,204,0,.8),0 0 0 4px rgba(255,224,102,.15)!important}pre.reading-active{background-color:var(--code-block-bg)!important}::highlight(reading-word){background-color:rgba(255,204,0,.5);color:#000;border-radius:2px}.print-notice{display:none}@media print{.assistant-root,.doc .crumbs,.doc .pager,.doc .wm,.doc h1,.doc-email,.doc>div:not(.print-notice),.learn-side,footer.site-footer,header.site-header{display:none!important}.print-notice{display:block!important;padding:60px 20px;text-align:center;font-size:16px;color:#000}}.assistant-ask-submit{background:linear-gradient(135deg,#4f8cff,#7c5cff);border:none;border-radius:9px;padding:0 14px;font-size:1rem;cursor:pointer;color:#fff}.assistant-ask-submit:disabled{opacity:.5;cursor:default}.assistant-panel-codebuddy{display:flex;flex-direction:column;width:min(720px,94vw);max-height:calc(100vh - 125px);max-height:calc(100dvh - 125px);max-height:min(720px,calc(100dvh - 125px));min-height:0}.assistant-panel-quiz{display:flex;flex-direction:column;width:min(680px,94vw);max-height:calc(100vh - 125px);max-height:calc(100dvh - 125px);max-height:min(700px,calc(100dvh - 125px));min-height:0}.cb-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-shrink:0}.cb-back{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.84rem;font-weight:600;cursor:pointer;padding:5px 12px;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;white-space:nowrap}.cb-back:hover{background:var(--hover-bg);border-color:var(--accent);color:var(--accent)}.cb-title{font-size:.9rem;font-weight:700;color:var(--text)}.cb-thread{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.cb-empty{color:var(--muted);font-size:.82rem;line-height:1.5}.cb-msg{font-size:.85rem;line-height:1.5;padding:8px 10px;border-radius:9px;max-width:92%;white-space:pre-wrap;word-break:break-word}.cb-msg p{margin:0}.cb-msg p+p{margin-top:6px}.cb-msg-user{align-self:flex-end;background:linear-gradient(135deg,#4f8cff,#7c5cff);color:#fff}.cb-msg-assistant{align-self:flex-start;background:var(--bg);border:1px solid var(--border);color:var(--text)}.cb-typing{font-style:italic;color:var(--muted)}.cb-form{display:flex;gap:6px;align-items:flex-end;flex-shrink:0}.cb-input{flex:1 1;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:9px 10px;font-size:.85rem;font-family:inherit;resize:none}.cb-input:focus{outline:none;border-color:var(--accent)}.cb-input::placeholder{color:var(--muted)}.assistant-explanation code,.cb-msg code{background:var(--hover-bg);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.88em;color:var(--text)}.paths-page-container{width:100%;max-width:1040px;margin:0 auto;padding:16px 16px 60px;box-sizing:border-box}.paths-hero{text-align:center;margin-bottom:28px;padding:36px 24px 28px;background:radial-gradient(circle at 50% 0,rgba(59,130,246,.16),transparent 70%);border-radius:16px;border:1px solid var(--border)}.paths-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:20px;background:rgba(59,130,246,.15);color:#3b82f6;font-weight:700;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px;border:1px solid rgba(59,130,246,.3)}.paths-hero h1{font-size:2.3rem;font-weight:800;margin:0 0 10px;letter-spacing:-.02em}.paths-hero p{max-width:680px;margin:0 auto 24px;font-size:1.02rem;color:var(--muted);line-height:1.6}.paths-stats-strip{display:inline-flex;align-items:center;gap:20px;padding:8px 24px;border-radius:30px;background:var(--panel);border:1px solid var(--border);box-shadow:0 2px 10px rgba(0,0,0,.05);max-width:100%;box-sizing:border-box}.paths-stat-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.paths-stat-item .stat-num{font-weight:800;font-size:.98rem;color:var(--accent)}.paths-stat-item .stat-label{font-size:.78rem;color:var(--muted);font-weight:600}.paths-stat-divider{width:1px;height:14px;background:var(--border);flex-shrink:0}@media (max-width:640px){.paths-page-container{padding:12px 10px 40px}.paths-hero{padding:24px 14px 20px;margin-bottom:20px}.paths-hero h1{font-size:1.65rem}.paths-hero p{font-size:.92rem}.paths-stats-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 12px;gap:8px 12px;padding:12px 14px;border-radius:14px;width:100%}.paths-stat-item{justify-content:center}.paths-stat-divider{display:none}}.paths-filter-bar{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.paths-tabs-list{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;max-width:100%}.paths-tabs-list::-webkit-scrollbar{height:4px}.paths-tabs-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.paths-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:var(--panel);border:1px solid var(--border);color:var(--muted);font-size:.84rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.paths-tab-btn:hover{border-color:var(--accent);color:var(--text);background:var(--hover-bg)}.paths-tab-btn.active{background:var(--accent);color:#ffffff;border-color:var(--accent);font-weight:700;box-shadow:0 2px 8px rgba(59,130,246,.3)}.paths-search-wrap{position:relative;width:100%}.paths-search-input{width:100%;padding:10px 16px;border-radius:10px;background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:1rem;outline:none;transition:border-color .15s ease;box-sizing:border-box}.paths-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.paths-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem}.paths-grid{display:flex;flex-direction:column;gap:28px}.path-card-v2{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px 28px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 18px rgba(0,0,0,.04);box-sizing:border-box;overflow:hidden}.path-card-v2:hover{border-color:var(--accent-glow,rgba(59,130,246,.5));box-shadow:0 10px 32px rgba(0,0,0,.1),0 0 20px rgba(59,130,246,.1);transform:translateY(-2px)}.path-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.path-card-title-group{display:flex;align-items:flex-start;gap:14px}.path-card-title-body,.path-card-title-group{min-width:0;flex:1 1 auto}.path-title-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.path-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.06)}.path-card-v2 h2{margin:0;font-size:1.35rem;font-weight:800;color:var(--text);letter-spacing:-.01em;line-height:1.25;word-break:break-word}.path-level-pill{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px;border:1px solid;text-transform:uppercase;letter-spacing:.03em;white-space:normal;word-break:break-word;max-width:100%;display:inline-block}.path-card-blurb{margin:6px 0 0;color:var(--muted);font-size:.93rem;line-height:1.5}.path-card-meta{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:20px;background:var(--hover-bg);border:1px solid var(--border);font-size:.78rem;font-weight:600;color:var(--muted);white-space:nowrap;flex-shrink:0}.path-skills-bar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.skills-label{font-size:.7rem;font-weight:800;color:var(--muted);letter-spacing:.05em}.skills-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.skill-tag{font-size:.74rem;font-weight:600;padding:2px 9px;border-radius:5px;background:var(--hover-bg);border:1px solid var(--border);color:var(--text);word-break:break-word}.path-steps-timeline{display:flex;align-items:stretch;gap:8px;margin-bottom:22px;overflow-x:auto;padding-top:4px;padding-bottom:8px;padding-left:2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.path-steps-timeline::-webkit-scrollbar{height:4px}.path-steps-timeline::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.path-step-wrap{display:flex;align-items:stretch;flex:1 1 170px;min-width:155px}.path-step-item{width:100%;position:relative;display:flex;flex-direction:column;background:var(--hover-bg);border:1px solid var(--border);border-radius:11px;padding:12px 14px;text-decoration:none;transition:all .15s ease;box-sizing:border-box}.path-step-item:hover{border-color:var(--accent);background:var(--active-bg);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.path-step-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.path-step-num{font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:2px 6px;background:rgba(127,127,127,.15);border-radius:4px}.path-step-title{font-size:.92rem;font-weight:700;line-height:1.3;margin-bottom:6px;word-break:break-word}.path-step-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:.76rem}.path-step-connector{font-size:1.1rem;color:var(--muted);opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;display:flex;align-items:center;justify-content:center}.connector-arrow-desktop{display:inline}.connector-arrow-mobile{display:none}.path-card-action{display:flex;justify-content:space-between;align-items:center;gap:12px}.btn-start-path{justify-content:center;gap:8px;padding:10px 22px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#ffffff!important;font-weight:700;font-size:.9rem;line-height:1;text-decoration:none;transition:all .15s ease;box-shadow:0 2px 10px rgba(37,99,235,.28)}.btn-start-path,.btn-start-path span{display:inline-flex;align-items:center}.btn-start-path span{line-height:1.2}.btn-start-path .btn-arrow-ico{font-size:1.05em;transform:translateY(-.5px)}.btn-start-path:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 5px 16px rgba(37,99,235,.42);transform:translateY(-1px)}@media (max-width:768px){.path-card-header{flex-direction:column;align-items:stretch;gap:12px}.path-card-meta{align-self:flex-start}}@media (max-width:640px){.paths-hero-badge{font-size:.72rem;padding:4px 10px;max-width:100%;white-space:normal;text-align:center;box-sizing:border-box}.paths-stats-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px 10px;gap:12px 10px;padding:12px 10px;border-radius:14px;width:100%;box-sizing:border-box}.paths-stat-item{flex-direction:column;align-items:center;text-align:center;gap:2px;white-space:normal}.paths-stat-item .stat-num{font-size:1.05rem;font-weight:800}.paths-stat-item .stat-label{font-size:.74rem;text-align:center;line-height:1.25}.paths-tabs-list{padding-right:16px;scroll-snap-type:x mandatory}.paths-tab-btn{scroll-snap-align:start}.path-card-v2{padding:18px 16px;border-radius:14px}.path-card-v2 h2{font-size:1.2rem}.path-steps-timeline{display:flex;flex-direction:column;gap:6px;overflow-x:visible;padding-bottom:0;margin-bottom:22px}.path-step-wrap{width:100%;min-width:0;flex:none}.path-step-item{width:100%;padding:14px 16px;border-radius:12px;box-sizing:border-box}.path-step-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap}.path-step-title{font-size:.98rem;line-height:1.35;margin-bottom:8px}.connector-arrow-desktop{display:none}.connector-arrow-mobile{display:inline;font-size:1.2rem}.path-step-connector{display:flex;align-items:center;justify-content:center;padding:2px 0;font-size:1.2rem;color:var(--accent);opacity:.7}}@media (max-width:540px){.path-card-action{flex-direction:column;align-items:stretch;gap:10px;text-align:center}.btn-start-path{width:100%;padding:12px 16px;font-size:.95rem;line-height:1.35;min-height:44px;white-space:normal;word-break:break-word;box-sizing:border-box}.btn-start-path,.path-action-info{text-align:center}}@media (max-width:440px){.path-card-title-group{gap:10px}.path-card-icon{width:40px;height:40px;font-size:1.25rem;border-radius:10px}.path-level-pill{font-size:.65rem;padding:2px 6px}}.paths-empty-state{text-align:center;padding:48px 20px;background:var(--panel);border:1px dashed var(--border);border-radius:16px}.cb-msg-user code{background:rgba(0,0,0,.18);color:#fff}.assistant-panel-explain{display:flex;flex-direction:column;width:min(740px,94vw);max-height:calc(100vh - 125px);max-height:calc(100dvh - 125px);max-height:min(740px,calc(100dvh - 125px));height:auto;min-height:0;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.06);overflow:hidden;box-sizing:border-box;animation:explainPanelPop .22s cubic-bezier(.16,1,.3,1)}@keyframes explainPanelPop{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.explain-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0}.explain-back-btn{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:5px 12px;font-size:.84rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;white-space:nowrap}.explain-back-btn:hover{background:var(--hover-bg);border-color:var(--accent);color:var(--accent)}.explain-header-center{display:flex;align-items:center;gap:8px;min-width:0}.explain-header-title{font-size:.98rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.explain-header-badge{font-size:.66rem;font-weight:800;background:linear-gradient(135deg,rgba(79,140,255,.15),rgba(124,92,255,.15));color:#60a5fa;border:1px solid rgba(79,140,255,.3);padding:2px 7px;border-radius:10px;letter-spacing:.05em;white-space:nowrap}.explain-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.explain-action-btn{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:5px 11px;font-size:.8rem;font-weight:700;color:var(--text);cursor:pointer;transition:all .15s ease;white-space:nowrap}.explain-action-btn:hover{background:var(--hover-bg);border-color:var(--accent)}.explain-action-btn.copied{background:rgba(16,185,129,.15);border-color:#10b981;color:#10b981}.explain-close-btn{background:none;border:none;font-size:1.05rem;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.explain-close-btn:hover{color:var(--text);background:var(--hover-bg)}.explain-panel-body{flex:1 1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.explain-loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 20px;gap:12px}.explain-loading-spinner{width:38px;height:38px;border:3px solid rgba(79,140,255,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.explain-loading-card h4{font-size:1.05rem;font-weight:700;color:var(--text);margin:4px 0 0}.explain-loading-card p{font-size:.86rem;color:var(--muted);margin:0;max-width:420px;line-height:1.5}.explain-skeleton-bars{width:100%;max-width:480px;display:flex;flex-direction:column;gap:10px;margin-top:16px}.explain-skeleton-bar{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--hover-bg) 25%,var(--border) 50%,var(--hover-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.explain-skeleton-bar.bar-1{width:100%}.explain-skeleton-bar.bar-2{width:85%}.explain-skeleton-bar.bar-3{width:70%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.explain-error-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);border-left:4px solid #ef4444}.explain-error-icon{font-size:1.2rem;flex-shrink:0}.explain-error-content{flex:1 1}.explain-error-content p{margin:0;font-size:.88rem;color:#f87171;line-height:1.5}.explanation-audio-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(16,185,129,.08));border:1px solid rgba(37,99,235,.22);border-radius:12px;padding:10px 16px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.audio-icon-wrap{display:flex;align-items:center;gap:6px}.audio-labels{display:flex;flex-direction:column;gap:2px}.explanation-audio-label{font-size:.86rem;font-weight:700;color:var(--text);line-height:1.3}.explanation-audio-meta{font-size:.74rem;color:var(--muted);font-weight:500}.audio-wave-anim{display:inline-flex;align-items:flex-end;gap:3px;height:16px;margin-left:2px}.wave-bar{width:3px;background:#3b82f6;border-radius:3px;animation:soundWave .75s ease-in-out infinite alternate}.wave-bar.bar-1{height:6px;animation-delay:.1s}.wave-bar.bar-2{height:15px;animation-delay:.3s}.wave-bar.bar-3{height:9px;animation-delay:.2s}@keyframes soundWave{0%{height:4px}to{height:16px}}.explain-panel-footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;background:var(--bg);border-top:1px solid var(--border);flex-shrink:0}.explain-footer-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:.84rem;font-weight:700;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#ffffff;border:none;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px rgba(37,99,235,.25)}.explain-footer-chip:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(37,99,235,.38)}.explain-footer-chip.chip-secondary{background:var(--panel);color:var(--text);border:1px solid var(--border);box-shadow:none}.explain-footer-chip.chip-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--hover-bg)}.rt-container{display:flex;flex-direction:column;gap:12px;font-size:.94rem;line-height:1.68;color:var(--text)}.rt-h2{font-size:1.25rem;margin:16px 0 6px;border-bottom:1px solid var(--border);padding-bottom:6px}.rt-h2,.rt-h3{font-weight:800;color:var(--text);letter-spacing:-.01em}.rt-h3{font-size:1.1rem;margin:14px 0 4px}.rt-h4{font-size:1.02rem;font-weight:700;color:#3b82f6;margin:12px 0 3px}[data-theme=dark] .rt-h4{color:#60a5fa}.rt-p{margin:0;line-height:1.68}.rt-bold,.rt-p{color:var(--text)}.rt-bold{font-weight:700}.rt-ol,.rt-ul{margin:4px 0 8px;padding-left:22px;display:flex;flex-direction:column;gap:6px}.rt-ol li,.rt-ul li{line-height:1.62;color:var(--text)}.rt-callout{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:10px;background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.22);border-left:4px solid #3b82f6;margin:6px 0}.rt-callout-icon{font-size:1.1rem;line-height:1.4;flex-shrink:0}.rt-callout-content{flex:1 1;min-width:0}.rt-callout-content p{margin:0;line-height:1.55;font-size:.9rem}.rt-inline-code{background:var(--hover-bg);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.88em;color:#2563eb;font-weight:600}[data-theme=dark] .rt-inline-code{color:#93c5fd;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}.rt-codeblock{margin:10px 0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#0f172a;box-shadow:0 4px 16px rgba(0,0,0,.18)}.rt-codeblock-head{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#1e293b;border-bottom:1px solid rgba(255,255,255,.08)}.rt-codeblock-lang{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.rt-codeblock-dot{width:7px;height:7px;border-radius:50%;background:#10b981}.rt-codeblock-copy{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#e2e8f0;font-size:.76rem;font-weight:600;padding:3px 10px;cursor:pointer;transition:all .15s ease}.rt-codeblock-copy:hover{background:rgba(255,255,255,.16);color:#ffffff}.rt-codeblock-copy.copied{background:rgba(16,185,129,.2);border-color:#10b981;color:#34d399}.rt-codeblock-pre{margin:0;padding:14px 16px;overflow-x:auto;white-space:pre;line-height:1.55;scrollbar-width:thin;scrollbar-color:#334155 transparent}.rt-codeblock-pre code{background:none;padding:0;border:none;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.86rem;color:#f1f5f9}@media (max-width:768px){.assistant-panel-codebuddy,.assistant-panel-explain,.assistant-panel-quiz{width:calc(100vw - 24px);max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);max-height:calc(100svh - 116px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));border-radius:16px}.explain-panel-header{padding:11px 14px}.explain-panel-body{padding:14px;gap:12px}.explanation-audio-bar{flex-direction:column;align-items:stretch;gap:10px}.explanation-audio-buttons{justify-content:flex-end}.explain-panel-footer{padding:10px 14px}.explain-footer-chip{width:100%;justify-content:center}}@media (max-width:480px){.assistant-panel{width:calc(100vw - 24px)}.assistant-panel,.assistant-panel-codebuddy,.assistant-panel-explain,.assistant-panel-quiz{max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);max-height:calc(100svh - 96px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))}.assistant-panel-codebuddy,.assistant-panel-explain,.assistant-panel-quiz{width:calc(100vw - 20px);border-radius:14px}.explain-panel-header{padding:10px 12px}.cb-back,.explain-back-btn{padding:5px 10px;font-size:.8rem}.explain-header-title{font-size:.9rem}.cb-input{font-size:16px}.rt-h2{font-size:1.15rem}.rt-h3{font-size:1.02rem}.rt-h4{font-size:.96rem}.rt-p{font-size:.9rem}}