:root{--background:#f7faf6;--foreground:#183f3c;--card:#fffefb;--card-foreground:#183f3c;--primary:#176957;--primary-foreground:#fff;--secondary:#e8f3ec;--secondary-foreground:#285c4c;--muted:#edf3ec;--muted-foreground:#526964;--accent:#def0e3;--accent-foreground:#176957;--border:#d9e4dd;--input:#cbdcd1;--ring:#2b8a6f;--popover:#fffefb;--popover-foreground:#183f3c;--sidebar:#f0f7ef;--sidebar-foreground:#183f3c;--sidebar-primary:#176957;--sidebar-accent:#dff0e3;--sidebar-accent-foreground:#183f3c;--sidebar-border:#d9e4dd;--sidebar-ring:#2b8a6f}body{font-family:Avenir Next,Trebuchet MS,PingFang SC,sans-serif}.video-sensei-brand{display:inline-flex;align-items:center;gap:9px;color:#183f3c;white-space:nowrap;line-height:1.2;font-size:23px;font-weight:450;letter-spacing:-.8px}.video-sensei-brand strong{font-weight:750}.video-sensei-brand b{color:#de7c52}.video-sensei-mark{display:grid;place-items:center;width:31px;height:33px;background:#176957;color:#fff0b5;border-radius:10px;transform:rotate(-6deg)}.video-sensei-mark svg{width:15px;height:15px}.cw-language{display:flex;align-items:center;gap:6px;position:relative}.cw-language select{min-height:38px;max-width:135px;font-size:14px;background:#fffef9;border-color:#d9e4dd;color:#183f3c}.cw-language-status{position:absolute;top:100%;right:0;width:250px;font-size:12px;line-height:1.5;color:#526964;z-index:60;background:#fffef9}.cw-language-status:not(:empty){padding:8px 10px;box-shadow:0 3px 10px #183f3c14;border-radius:8px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px max(24px,5vw);border-top:1px solid #d9e4dd;background:#fffef9;color:#526964;font-size:13px;min-height:78px}.site-footer .video-sensei-brand{font-size:19px}.site-footer p{margin:0}.site-footer nav{display:flex;gap:22px}.site-footer a:hover{color:#176957}.site-footer small{font-size:12px}.app-header{height:78px;padding-inline:3vw;background:#fffef9;border-color:#d9e4dd;gap:18px;box-shadow:0 4px 15px #183f3c04}.app-header nav{gap:7px}.app-header nav a{border-radius:11px;padding:8px 13px;gap:6px;font-size:14px;color:#526964}.app-header nav a img{object-fit:contain;height:34px;width:30px}.app-header nav a:first-child.active{background:#d9edff;color:#235b84}.app-header nav a:nth-child(2).active{background:#d9f3e7;color:#176957}.app-header nav a:nth-child(3).active{background:#fff0b5;color:#775c14}.app-header nav a:nth-child(4).active{background:#ffddd0;color:#954c30}.workspace-account{display:flex;gap:14px;align-items:center}.account-menu summary{font-size:13px;white-space:nowrap}.account-menu button{color:#176957}.button{border-radius:10px;min-height:39px}.button.primary{background:#176957;border-color:#176957;color:white;box-shadow:0 2px 0 #0b493d}.button.primary:hover:not(:disabled){background:#125c4c}.field{border-radius:10px;background:#fffefb}.serif{font-family:Georgia,Songti SC,serif}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 32px;background:#dff0f9;border:1px solid #cce1e9;border-radius:22px;margin-bottom:28px;min-height:190px}.workspace-heading>div{min-width:0}.workspace-heading h1{font-family:inherit;font-size:clamp(27px,3vw,40px);line-height:1.3;letter-spacing:-1px;font-weight:650;margin:10px 0 14px}.workspace-heading p:last-child{margin:0;color:#526964;font-size:15px;line-height:1.7}.workspace-heading .eyebrow{font-size:11px;letter-spacing:.1em;color:#477261}.workspace-heading img{width:150px;height:150px;object-fit:contain;flex-shrink:0}.workspace-heading-2{background:#fff2bf;border-color:#eedc9f}.workspace-heading-3{background:#ffe7d9;border-color:#f0d3c0}.discover-page,.practice-home{max-width:1280px;padding:34px 4vw 50px}.discovery-form{border-radius:17px;margin-top:0;background:#fffefb;box-shadow:0 6px 20px #183f3c04}.source-card{border-radius:15px;background:#fffefb}.source-art{background:#e1f0f6}.source-art-1{background:#d9edff;color:#265d84}.source-art-2{background:#d9f3e7;color:#176957}.source-art-3{background:#fff0b5;color:#775c14}.source-open{border-radius:50%;background:#fffefb}.learning-layout{height:calc(100dvh - 203px);min-height:540px;gap:18px;padding:0 22px 18px}.session-bar{height:47px;color:#526964}.open-book{border-color:#d9e4dd;box-shadow:0 2px #dce6da,0 5px #fbfcf7,0 7px #d7e2d5,0 16px 34px #183f3c08;border-radius:14px}.book-page-header{background:#f1f7ec}.detail-page{background:linear-gradient(90deg,#e5eadc,#fafbf5 2%,#fffefb 7%,#fffefb)}.player{border-radius:14px}.player-controls{background:#183f3c}.mode-card{border-radius:16px;background:#fffefb;box-shadow:0 4px 0 #e4ece0;transition:transform .2s,box-shadow .2s}.mode-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 0 #d4e6d5}.mode-card h2{font-family:inherit;font-weight:600}.knowledge-heading{gap:20px}.knowledge-heading>div:first-child{flex:1;min-width:0}.knowledge-heading .workspace-heading{margin:0;padding:22px;min-height:165px}.knowledge-heading .workspace-heading img{width:115px;height:130px}.knowledge-heading .workspace-heading h1{font-size:30px}.knowledge-heading>.button{flex-shrink:0}.knowledge-main{background:#f7faf6}.knowledge-shell{min-height:calc(100dvh - 156px)}.note-card{border-radius:14px;background:#fffefb;border-top:4px solid #b5ddcc}.note-card:nth-child(3n+2){border-top-color:#acd2f0}.note-card:nth-child(3n){border-top-color:#e7d279}.knowledge-rubric{background:#fff4c7;border-radius:14px;border-color:#eedba1}.auth-page{padding:28px 5vw;background:#f7faf6;min-height:calc(100svh - 78px)}.auth-layout{min-height:70vh;gap:6vw}.auth-story{position:relative;background:#e0f1e8;border:1px solid #cce3d4;border-radius:26px;padding:34px}.auth-story h1{font-family:inherit;font-weight:650;line-height:1.2}.auth-story h1 em{color:#176957;font-style:normal}.auth-learner{width:170px;height:170px;object-fit:contain;float:right;margin:-10px -10px 0 0}.auth-card{border-radius:20px;border-top:3px solid #76b698;background:#fffefb;box-shadow:0 12px 40px #183f3c09}.auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.auth-policy-note{font-size:12px;line-height:1.7;color:#526964}.auth-policy-note a{text-decoration:underline;text-underline-offset:3px}@media (max-width:1100px){.app-header{flex-wrap:wrap;height:auto;min-height:110px;padding:14px 3vw}.app-header nav{order:3;width:100%;height:auto;justify-content:center}.workspace-account{margin-left:auto}.learning-layout{height:calc(100dvh - 239px)}.site-footer{flex-wrap:wrap;gap:12px}.site-footer p{display:none}.knowledge-heading{flex-wrap:wrap}.knowledge-heading>div:first-child{flex-basis:100%}}@media (max-width:650px){.video-sensei-brand{font-size:20px;gap:7px}.video-sensei-mark{width:27px;height:29px}.app-header{padding:12px}.app-header .video-sensei-brand{font-size:18px}.app-header nav a{flex:1;justify-content:center;flex-direction:column;padding:6px;gap:0}.app-header nav a span{font-size:12px}.app-header nav a img{width:32px;height:35px}.workspace-account{gap:8px}.workspace-account .cw-language>svg{display:none}.workspace-account select{max-width:95px;font-size:12px}.account-menu summary{font-size:12px}.workspace-heading{padding:20px;gap:10px;border-radius:17px;min-height:160px}.workspace-heading h1{font-size:26px;letter-spacing:-.5px}.workspace-heading img{width:90px;height:130px}.workspace-heading p:last-child{font-size:13px}.workspace-heading .eyebrow{font-size:10px}.discover-page,.practice-home{padding:24px 18px}.learning-layout{height:auto;padding:0 12px 20px}.site-footer{padding:22px 18px}.site-footer nav{gap:15px}.site-footer small{flex-basis:100%}.auth-story{padding:24px}.auth-story h1{font-size:32px}.auth-learner{width:125px;height:125px}.auth-page{padding:22px 18px}.knowledge-heading .workspace-heading img{width:85px}.knowledge-heading .workspace-heading h1{font-size:26px}}.legal-page{max-width:1200px;margin:auto;padding:28px 5vw 60px}.legal-page article{max-width:800px;margin:55px auto 0}.legal-page h1{font-size:44px;line-height:1.2;letter-spacing:-1px;margin:20px 0}.legal-back,.legal-date{font-size:14px;color:#526964}.legal-page section{margin:30px 0}.legal-page h2{font-size:22px;line-height:1.4;font-weight:600}.legal-page p{font-size:16px;line-height:1.9;color:#425e53}.legal-draft{background:#fff0b5;border:1px solid #dfc873;border-radius:12px;padding:18px 22px;font-size:14px;line-height:1.8;margin:24px 0}.legal-page a{text-underline-offset:4px}.legal-page article a{text-decoration:underline}.legal-intro{font-weight:500}.legal-page li{margin:10px 0}.knowledge-shell{min-height:calc(100dvh - 156px)!important}.knowledge-shell [data-slot=sidebar-gap]{display:none}.knowledge-sidebar[data-slot=sidebar-container]{position:sticky;top:78px;inset-inline:auto;height:calc(100dvh - 78px);border-color:#d9e4dd}.knowledge-sidebar [data-slot=sidebar-inner]{background:#f0f7ef}.session-bar select{max-width:220px;flex-shrink:0}.workspace-heading img{animation:workspace-companion 6s ease-in-out infinite}@keyframes workspace-companion{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@media (prefers-reduced-motion:reduce){.workspace-heading img{animation:none}.mode-card{transition:none}}@media (max-width:1100px){.knowledge-sidebar[data-slot=sidebar-container]{top:128px;height:calc(100dvh - 128px)}}@media (max-width:650px){.session-bar select{max-width:165px;font-size:12px}.app-header nav a span{display:block}.knowledge-main{min-width:0}}:root{--site-footer-height:0px}html{scroll-padding-bottom:calc(var(--site-footer-height) + 20px)}body{padding-bottom:var(--site-footer-height)}.site-footer{position:fixed;inset:auto 0 0;z-index:40;padding:16px max(24px,5vw) max(16px,env(safe-area-inset-bottom));min-height:70px;box-shadow:0 -6px 24px #183f3c06}.site-footer nav a{display:inline-flex;align-items:center;min-height:36px}.learning-layout{height:calc(100dvh - 125px - var(--site-footer-height))}.knowledge-shell{min-height:calc(100dvh - 78px - var(--site-footer-height))!important}.knowledge-sidebar[data-slot=sidebar-container]{height:calc(100dvh - 78px - var(--site-footer-height))}.notice{bottom:calc(var(--site-footer-height) + 16px)}.workspace-heading>.mode-emblem{width:156px;height:140px;flex-shrink:0;color:#39796c}.knowledge-heading .workspace-heading>.mode-emblem{width:124px;height:115px}.app-header nav a>svg{display:block;width:20px;height:20px;flex-shrink:0}.auth-emblem{float:right;width:160px;height:150px;margin:-10px -5px 0 12px;color:#176957}@media (max-width:1100px){.learning-layout{height:calc(100dvh - 175px - var(--site-footer-height))}.knowledge-sidebar[data-slot=sidebar-container]{height:calc(100dvh - 128px - var(--site-footer-height))}.site-footer{gap:12px}}@media (max-width:650px){:root{--site-footer-height:0px}.site-footer{gap:4px 10px;min-height:64px;padding:10px 14px max(10px,env(safe-area-inset-bottom))}.site-footer .video-sensei-brand{font-size:15px;gap:5px;letter-spacing:-.5px}.site-footer .video-sensei-mark{width:24px;height:25px}.site-footer nav{gap:12px;font-size:11px}.site-footer small{display:none}.app-header nav a>svg{width:21px;height:24px;margin-bottom:3px}.workspace-heading>.mode-emblem{width:90px;height:110px}.knowledge-heading .workspace-heading>.mode-emblem{width:88px;height:100px}.auth-emblem{width:114px;height:116px}.learning-layout{height:auto}.auth-page{min-height:calc(100svh - var(--site-footer-height))}}:root:has(.site-footer){--site-footer-height:70px}@media (max-width:650px){:root:has(.site-footer){--site-footer-height:64px}}body:has(.discover-page){background:#fffdf6}.discover-page{max-width:1320px;width:90%;padding:46px 0 64px}.discover-page .workspace-heading{background:transparent;border:0;padding:0 0 30px;margin:0 0 28px;border-radius:0;border-bottom:1px solid #dce3d4;min-height:0}.discover-page .workspace-heading .eyebrow{color:#62816b;font-size:11px;letter-spacing:.16em}.discover-page .workspace-heading h1{font-weight:750;font-size:clamp(30px,3.6vw,46px);letter-spacing:-1.5px;margin:12px 0 22px}.discover-page .workspace-heading h1 span{position:relative;isolation:isolate}.discover-page .workspace-heading h1 span:after{content:"";position:absolute;z-index:-1;left:0;right:2%;bottom:1px;height:10px;border-radius:50%;background:#f1cf72;transform:rotate(-1deg)}.discover-page .workspace-heading>.mode-emblem{width:120px;height:112px;transform:rotate(5deg)}.discover-page .workspace-heading p:last-child{color:#5d7064}.discover-page .discovery-form{padding:22px 25px 25px;border-radius:20px;border-color:#d6dfce;background:#f0f5e9;box-shadow:0 4px 0 #dce4cf65;margin-bottom:44px}.discover-page [data-slot=tabs-list]{background:#e3ebda;border-radius:10px;padding:4px}.discover-page [data-slot=tabs-trigger]{color:#58715d;border-radius:7px;padding-inline:12px}.discover-page [data-slot=tabs-trigger][data-active]{background:#fffdf6;color:#185b47;box-shadow:0 1px 3px #405c4215}.discover-page .discovery-input{background:#fffefb;border:1px solid #d4dfcb;border-radius:12px;padding:7px;margin-top:19px}.discover-page .discovery-input:focus-within{border-color:#397f5e;box-shadow:0 0 0 3px #397f5e12}.discover-page .discovery-input input{font-size:16px;outline:none;color:#183f3c}.discover-page .discovery-input input::placeholder{color:#7b8c7a}.discover-page .discovery-input select{background:#f3f5eb;color:#43674c}.discover-page .button.primary{background:#176957;border-radius:9px;min-height:43px}.discover-page .section-heading{margin-bottom:22px}.discover-page .section-heading h2{font-size:23px;letter-spacing:-.6px;font-weight:700}.discover-page .section-heading>span{background:#f5efd9;color:#71633c;border-radius:20px;padding:5px 12px;font-size:12px}.discover-page .source-grid{gap:26px;align-items:start}.discover-page .source-card{border-radius:17px;border-color:#dce3d4;background:#fffefb;align-self:stretch;display:flex;flex-direction:column}.discover-page .source-card:hover{border-color:#8fa98e;box-shadow:0 8px 0 #e9e4cd,0 14px 28px #274e3410;transform:translateY(-4px)}.discover-page .source-card:focus-visible{outline:3px solid #317e5d;outline-offset:5px}.discover-page .source-art{height:auto;aspect-ratio:16/9;width:100%;padding:0;background:#e6edda;color:#476a4c;border-bottom:1px solid #e0e5d7}.discover-page .video-thumbnail{object-fit:cover}.discover-page .source-open{width:32px;height:32px;right:12px;bottom:12px;background:#fffdf3;color:#176957;box-shadow:0 2px 8px #183f3c16}.source-language{position:absolute;top:12px;left:12px;border-radius:6px;background:#fffdf2f0;padding:4px 7px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#274c37}.discover-page .source-card-body{padding:21px 22px 24px}.discover-page .source-card-body .eyebrow{color:#718266;font-size:10px;letter-spacing:.12em}.discover-page .source-card-body h3{color:#183f3c;font-size:19px;font-weight:650;line-height:1.5;margin:10px 0 9px;text-wrap:pretty}.discover-page .source-card:hover h3{text-decoration:underline;text-decoration-color:#e6bc55;text-underline-offset:5px;text-decoration-thickness:2px}.discover-page .source-card-body p{font-size:13px;color:#6e7968;line-height:1.6;margin:0}.app-header nav a:first-child.active{background:#edf1df;color:#176957;box-shadow:inset 0 -3px #e8c966}@media (max-width:850px){.discover-page .source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (max-width:650px){.discover-page{padding:28px 0 40px}.discover-page .workspace-heading{gap:12px;padding-bottom:23px}.discover-page .workspace-heading h1{font-size:28px;letter-spacing:-.7px;line-height:1.4}.discover-page .workspace-heading>.mode-emblem{width:64px;height:76px}.discover-page .workspace-heading p:last-child{font-size:13px}.discover-page .workspace-heading h1 span:after{height:7px}.discover-page .discovery-form{padding:15px;margin-bottom:34px}.discover-page .discovery-input{flex-wrap:wrap;gap:8px;padding:8px}.discover-page .discovery-input input{flex-basis:100%;width:100%;font-size:14px}.discover-page .discovery-input .button,.discover-page .discovery-input select{flex:1}.discover-page .source-grid{grid-template-columns:minmax(0,1fr)}.discover-page .section-heading h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.discover-page .source-card{transition:none}.discover-page .source-card:hover{transform:none}}@media (max-width:650px){.discover-page .workspace-heading{position:relative;display:block}.discover-page .workspace-heading>.mode-emblem{position:absolute;top:-8px;right:0;width:46px;height:46px}.discover-page .workspace-heading .eyebrow{padding-right:55px}.discover-page .workspace-heading h1{text-wrap:balance}}.video-discovery{max-width:1320px;margin:auto;padding:35px 40px 60px}.vd-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:8px 0 25px}.vd-heading h1{font-size:34px;letter-spacing:-.8px;font-weight:500;margin:10px 0}.vd-heading p:not(.eyebrow){font-size:13px;color:#8d8174;line-height:1.8}.vd-count{font-family:Georgia,serif;font-size:42px;color:#ae8e73;display:flex;flex-direction:column;line-height:1.2;text-align:center}.vd-count small{font:10px system-ui;color:#a49682;margin-top:5px}.vd-url{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 17px;border:1px solid #e3daca;border-radius:10px;background:#fffdf9;max-width:780px}.vd-url>svg{color:#a9917a;flex-shrink:0}.vd-url input{flex:1;min-width:0;background:transparent;outline:none;font-size:13px;border:0}.vd-url button{display:flex;gap:8px;align-items:center;padding:10px 14px;background:#e9e3ef;color:#776184;border-radius:6px;font-size:12px;cursor:pointer}.vd-recent{margin:32px 0 40px}.vd-recent>header,.vd-recommendations>header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.vd-recent>header h2{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:#7f7264}.vd-recent>header button{font-size:11px;display:flex;gap:6px;align-items:center;color:#968572;cursor:pointer}.vd-recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.vd-recent-card{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #e8e0d4;background:#fffdf8;border-radius:9px;text-align:left;cursor:pointer;min-width:0}.vd-recent-card>div{width:88px;height:62px;flex-shrink:0;border-radius:5px;overflow:hidden}.vd-recent-card img{width:100%;height:100%;object-fit:cover}.vd-recent-card>span{min-width:0;flex:1}.vd-recent-card small{font-size:9px;color:#a48d73}.vd-recent-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.4;font-weight:500;margin:3px 0}.vd-recent-card em{font-size:10px;font-style:normal;color:#a29787}.vd-recommendations{margin-top:40px}.vd-recommendations>header h2{font-size:25px;font-weight:500;letter-spacing:-.5px;margin:8px 0}.vd-recommendations>header>span{color:#a48f75;font-size:10px}.vd-topics{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 24px}.vd-topics button{border:1px solid #e1dacc;background:#fffdf8;border-radius:20px;padding:7px 11px;font-size:11px;color:#8b7c6a;cursor:pointer}.vd-topics button[aria-pressed=true]{background:#eadff0;color:#786185;border-color:#cdb5d9}.vd-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 20px}.vd-video-card{border:1px solid #e6dece;border-radius:12px;overflow:hidden;background:#fffdf9;transition:transform .2s,box-shadow .2s}.vd-video-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #80653714}.vd-video-picture{aspect-ratio:16/9;position:relative;overflow:hidden;background:#e8e1d8}.vd-video-picture img{width:100%;height:100%;object-fit:cover}.vd-play{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:35px;height:35px;background:#fffdf7e6;border-radius:50%;color:#7c6b57}.vd-video-picture>small{position:absolute;top:10px;left:10px;background:#1f292878;color:white;border-radius:3px;font-size:9px;padding:3px 5px}.vd-video-copy{padding:16px}.vd-topic-label{font-size:9px;padding:4px 7px;border-radius:4px;display:inline-block;color:#977560;background:#f2e5d9}.vd-tone-1{background:#e4ecf1;color:#637e91}.vd-tone-2{background:#ece4f1;color:#90759b}.vd-tone-3{background:#eee9d9;color:#938245}.vd-video-copy h3{font-size:16px;font-weight:550;line-height:1.45;margin:10px 0 8px}.vd-creator{font-size:10px;color:#a39683}.vd-video-copy p{font-size:12px;line-height:1.8;color:#8c7c69;margin:13px 0;min-height:42px}.vd-video-copy footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #eee5d8;font-size:10px;color:#9e8169}.vd-topics button:focus-visible,.vd-video-card:focus-visible{outline:2px solid #ab89bb;outline-offset:3px}.catalog-loading{max-width:900px;margin:50px auto;padding:30px}.catalog-loading h1{font-size:28px;font-weight:500;margin:20px 0}.catalog-loading p{color:#8c7f6c;line-height:1.8}.catalog-loading .catalog-cover{aspect-ratio:16/9;max-width:530px;overflow:hidden;border-radius:14px}.catalog-cover img{width:100%;height:100%;object-fit:cover}.catalog-status{display:flex;align-items:center;gap:10px;margin:20px 0;color:#967daa}.catalog-status svg{width:18px}@media (max-width:1000px){.vd-catalog-grid{grid-template-columns:repeat(2,1fr)}.vd-recent-grid{grid-template-columns:1fr}.vd-recent-card>div{width:100px}.vd-recent-card strong{font-size:13px}.vd-heading h1{font-size:29px}}@media (max-width:600px){.video-discovery{padding:22px 18px 40px}.vd-heading h1{font-size:25px}.vd-heading{align-items:flex-start}.vd-count{font-size:30px}.vd-url{padding-left:10px;gap:7px}.vd-url button span{display:none}.vd-url input{font-size:12px}.vd-recommendations>header>span{display:none}.vd-recommendations>header h2{font-size:21px}.vd-catalog-grid{grid-template-columns:1fr;gap:18px}.vd-topics{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.vd-topics button{white-space:nowrap}.vd-video-copy p{min-height:0}.catalog-loading{padding:20px;margin:20px auto}}@media (prefers-reduced-motion:reduce){.vd-video-card{transition:none}}.vd-advanced{max-width:780px;margin:10px 0 4px}.vd-advanced-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 2px;font-size:12px;color:#8a7c69;background:none;border:0;cursor:pointer}.vd-advanced-toggle:hover{color:#6b5f4f}.vd-advanced-toggle em{font-style:normal;color:#a9917a;border-left:1px solid #e3daca;padding-left:9px;margin-left:2px}.vd-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px 22px;padding:16px 18px;margin-top:6px;border:1px solid #e3daca;border-radius:10px;background:#fffdf9}.vd-options label{display:grid;gap:6px;min-width:0}.vd-options label>span{font-size:12px;color:#6b5f4f}.vd-options label>small{font-size:11px;line-height:1.6;color:#a1937f}.sentence-practice{margin-top:1.4rem;border:1px solid #e4dcd6;border-radius:14px;background:#fffcf8;color:#383b43;overflow:hidden}.sentence-practice .sp-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 5px}.sentence-practice .sp-heading h4{margin:4px 0 0;font-size:15px;font-weight:600}.sentence-practice .sp-heading time{font:12px ui-monospace,monospace;color:#757680;background:#f0ece9;border-radius:5px;padding:4px 6px}.sentence-practice .sp-kicker{color:#9c705d;letter-spacing:.13em;font-size:9px;font-weight:700}.sentence-practice .sp-caption{color:#7c7b83;font-size:11px;line-height:1.7;margin:5px 0 12px}.sentence-practice>.sp-caption{padding:0 18px}.sentence-practice .sp-tabs{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:3px;border-block:1px solid #e9e2dc;padding:5px;background:#f7f3ef}.sentence-practice .sp-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 5px;border:0;border-radius:7px;color:#76737b;background:transparent;font-size:12px;cursor:pointer}.sentence-practice .sp-tabs button[aria-selected=true]{color:#624e79;background:#eee7f5;box-shadow:0 1px 2px #60496912}.sentence-practice .sp-tabs small{display:block;font-size:8px;letter-spacing:.12em;margin-top:2px;opacity:.7}.sentence-practice .sp-body{padding:16px 18px}.sentence-practice .sp-instruction{font-size:12px;line-height:1.7;margin:0 0 13px;color:#6a6870}.sentence-practice .sp-context{font-size:12px;line-height:1.7;color:#636d80;padding:10px 12px;background:#edf1f7;border-radius:7px}.sentence-practice .sp-answer-tray{min-height:80px;padding:12px;border:1px dashed #cfc4d9;background:#faf7fd;border-radius:9px;display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:6px}.sentence-practice .sp-answer-tray>span{color:#928895;font-size:12px;padding-top:10px}.sentence-practice .sp-tile-bank{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.sentence-practice .sp-tile{border:1px solid #e4d5c9;background:#f8ece2;border-radius:6px;color:#6e5346;padding:7px 10px;text-align:left;font-size:12px;line-height:1.5;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.sentence-practice .sp-tile.chosen{background:#ebe4f3;color:#605375;border-color:#d4c6e2}.sentence-practice .sp-tile:disabled{opacity:.3;cursor:default}.sentence-practice .sp-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:13px 0 4px}.sentence-practice .sp-actions button,.sentence-practice .sp-replay,.sentence-practice .sp-writing-choice button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #ded8d3;border-radius:6px;background:#fffdfa;color:#6f6671;padding:7px 10px;font-size:11px;cursor:pointer}.sentence-practice .sp-actions .sp-primary{background:#e9edf6;border-color:#cbd4e5;color:#485b7c;font-weight:600}.sentence-practice button:disabled{opacity:.45;cursor:default}.sentence-practice button:focus-visible,.sentence-practice textarea:focus-visible{outline:2px solid #8c80ab;outline-offset:3px}.sentence-practice .sp-original{margin:13px 0;border:0;border-left:3px solid #c3b2d3;padding:10px 12px;background:#f3eef8;font-size:14px;line-height:1.8;color:#51485e;overflow-wrap:anywhere}.sentence-practice .sp-feedback{color:#99734f;font-size:12px;line-height:1.7;margin-top:8px}.sentence-practice .sp-feedback:empty{display:none}.sentence-practice .sp-feedback.match{color:#526a8b}.sentence-practice .sp-replay{background:#eaf0f8;border-color:#cbd7e7;color:#526a8b;margin-bottom:14px}.sentence-practice label{display:block;font-size:12px;line-height:1.7;color:#686673;margin-bottom:7px}.sentence-practice textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:90px;background:#fffefb;border:1px solid #ddd6ce;border-radius:8px;padding:11px;color:#45414b;font-size:13px;line-height:1.8}.sentence-practice .sp-writing-choice{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.sentence-practice .sp-writing-choice button[aria-pressed=true]{background:#f3e6db;color:#896653;border-color:#dbc5b4}.sentence-practice .sp-checklist{margin:12px 0 0;padding-left:20px;color:#71697b;font-size:12px;line-height:1.9}.sentence-practice .sp-review{margin-top:14px;padding:13px;border:1px solid #d6dfee;border-radius:9px;background:#f2f5fa;font-size:12px;line-height:1.8}.sentence-practice .sp-review h5{margin:0 0 8px;font-size:13px;color:#4f6080}.sentence-practice .sp-review p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.sentence-practice .sp-review strong{display:block;color:#647595;font-size:11px}.sentence-practice .sp-error{color:#a45750;font-size:12px;line-height:1.7}@media (max-width:600px){.sentence-practice .sp-body{padding:13px}.sentence-practice .sp-heading{padding-inline:13px}.sentence-practice .sp-tabs button{font-size:11px;gap:4px}}.material-arrival{width:min(880px,calc(100% - 48px));margin:clamp(32px,7vh,80px) auto 60px;color:#47453f}.arrival-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#817c72;margin-bottom:23px}.arrival-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #e4ddd1;border-radius:16px;background:#fffdf8;box-shadow:0 8px 26px #5d503009}.arrival-picture{position:relative;min-height:310px;background:#eeebe4}.arrival-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.arrival-picture:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#161b2299);pointer-events:none}.arrival-picture>span{position:absolute;bottom:20px;left:22px;right:22px;color:white;font-size:11px;z-index:1}.arrival-content{display:flex;flex-direction:column;padding:32px;min-width:0}.arrival-eyebrow{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.09em;color:#8a8070}.arrival-content h1{font:500 24px/1.4 Georgia,Songti SC,serif;letter-spacing:-.3px;margin:21px 0 27px;overflow-wrap:anywhere}.arrival-status{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.8;color:#77705f}.preparing-dot{display:inline-block;width:2px;height:13px;margin-right:4px;border-radius:1px;background:currentColor;flex-shrink:0;animation:preparing-caret 1.15s step-end infinite;vertical-align:-2px}.arrival-hint{font-size:12px;line-height:1.9;white-space:pre-line;color:#979082;margin:12px 0 24px}.arrival-footer{font-size:10px;color:#a19889;margin-top:auto;padding-top:18px;border-top:1px solid #eee7dc}.arrival-error p{font-size:12px;line-height:1.8;color:#a35f51;margin-bottom:15px}.arrival-error{margin-bottom:24px}.learn-page .reading-preparation{padding:30px;gap:0;min-height:420px;color:#514c43;background:#fffdf8;border-radius:0}.learn-page .reading-preparation>header{gap:14px;padding-bottom:23px}.preparation-book-icon{display:grid;place-items:center;width:42px;height:50px;border:1px solid #e3dbcd;border-radius:5px;color:#9b8a72;background:#faf6ed;flex-shrink:0}.preparation-eyebrow{font-size:9px;letter-spacing:.13em;color:#a09583}.learn-page .reading-preparation h2{font:500 22px/1.5 Georgia,Songti SC,serif;margin:7px 0 5px}.learn-page .reading-preparation header p{font-size:12px;color:#968b7b;line-height:1.8}.learn-page .reading-preparation .preparation-caption{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;line-height:1.8;color:#9a8c76;padding:12px 0;border-block:1px solid #eee7db;margin-bottom:25px}.prepared-count{margin-left:auto;color:#a79b87;white-space:nowrap}.typesetting{display:grid;gap:22px;padding:20px 0 26px;min-height:230px}.typesetting-row{display:grid;grid-template-columns:40px 1fr;gap:15px;align-items:start;animation:typesetting-settle .5s ease-out both;animation-delay:calc(var(--row) * .09s)}.typesetting-time{height:9px;width:27px;margin-top:9px;border-radius:2px;background:#ece5d8}.typesetting-lines{display:grid;gap:13px}.typesetting-lines i{display:block;height:10px;border-radius:3px;background:linear-gradient(90deg,#e6dccb,#f2ece0);transform-origin:left center;animation:typesetting-ink 2.6s cubic-bezier(.33,.9,.35,1) infinite;animation-delay:calc(var(--row) * .18s + var(--line, 0) * .13s)}.typesetting-lines i:nth-child(2){--line:1;width:92%}.typesetting-lines i:nth-child(3){--line:2;width:58%}@keyframes typesetting-settle{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes typesetting-ink{0%{transform:scaleX(.06);opacity:.45}38%,72%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:.45}}.learn-page .prepared-paragraph{animation:sentence-settle .44s cubic-bezier(.22,.61,.36,1) both}.learn-page .prepared-paragraph p{mask-image:linear-gradient(90deg,#000 58%,transparent 94%);mask-repeat:no-repeat;mask-size:300% 100%;-webkit-mask-image:linear-gradient(90deg,#000 58%,transparent 94%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:300% 100%;animation:sentence-typeset .66s cubic-bezier(.22,.61,.36,1) both}.learn-page .prepared-paragraph time{animation:sentence-stamp .5s ease-out .1s both}.learn-page .line-preparing{animation:none;color:#9c9180}@keyframes sentence-settle{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes sentence-typeset{0%{mask-size:0 100%;-webkit-mask-size:0 100%}to{mask-size:300% 100%;-webkit-mask-size:300% 100%}}@keyframes sentence-stamp{0%{opacity:0}to{opacity:1}}.learn-page .reading-preparation>.button{align-self:flex-start;margin-top:20px}@keyframes preparing-caret{0%,55%{opacity:.85}56%,to{opacity:.12}}@media (max-width:680px){.material-arrival{width:calc(100% - 32px);margin:25px auto}.arrival-card{grid-template-columns:1fr}.arrival-picture{min-height:0;aspect-ratio:16/9}.arrival-content{padding:24px}.arrival-content h1{font-size:22px;margin:15px 0 21px}.learn-page .reading-preparation{padding:22px}.learn-page .reading-preparation h2{font-size:19px}.typesetting{gap:18px;min-height:190px}}@media (prefers-reduced-motion:reduce){.preparing-dot{animation:none;opacity:.65}.learn-page .prepared-paragraph,.learn-page .prepared-paragraph time,.typesetting-lines i,.typesetting-row{animation:none}.learn-page .prepared-paragraph p{animation:none;mask-image:none;-webkit-mask-image:none}}.route-fallback{display:grid;gap:18px;justify-items:start;align-content:center;min-height:55vh;width:min(420px,calc(100% - 48px));margin:0 auto;color:#8d8271}.route-fallback-rule{display:grid;gap:12px;width:100%}.route-fallback-rule i{display:block;height:10px;border-radius:3px;background:linear-gradient(90deg,#e6dccb,#f2ece0);transform-origin:left center;animation:typesetting-ink 2.6s cubic-bezier(.33,.9,.35,1) infinite}.route-fallback-rule i:nth-child(2){width:88%;animation-delay:.14s}.route-fallback-rule i:nth-child(3){width:54%;animation-delay:.28s}.route-fallback-copy{display:flex;align-items:center;gap:3px;margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){.route-fallback-rule i{animation:none}}.library-intro{margin:0 0 25px}.library-intro h2,.practice-section-heading h2{font-size:24px;margin-bottom:8px}.library-intro p{color:var(--muted-foreground)}.library-filters{display:flex;gap:12px;margin-bottom:22px}.library-filters input{flex:1;min-width:0}.library-filters select{width:min(180px,40%)}.library-list{display:grid;gap:14px}.library-video{display:grid;grid-template-columns:20px 156px minmax(0,1fr);align-items:start;gap:18px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.library-video>input{margin-top:8px;accent-color:var(--primary);width:17px;height:17px}.library-thumbnail{border-radius:8px;overflow:hidden;aspect-ratio:16/10}.library-thumbnail .real-video-tile,.library-thumbnail img{width:100%;height:100%;object-fit:cover}.library-video h2{font-size:18px;line-height:1.45;margin:0 0 6px}.library-video .muted{font-size:12px;margin:0}.library-actions,.library-selection,.library-tag-form,.library-tags{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.library-actions{margin-top:12px}.library-tags{margin-top:8px}.library-tags .badge{display:flex;gap:6px;align-items:center}.library-tags .badge button{display:flex;padding:3px;background:transparent;border:0}.library-tag-form{margin:10px 0}.library-tag-form .field{max-width:230px}.library-selection{justify-content:space-between;padding:17px;margin-top:20px;background:var(--secondary);border-radius:10px}.practice-setup{max-width:980px;margin:0;padding:0 0 35px}.practice-source-picker{margin:25px 0;padding:17px 20px;border:1px solid var(--border);background:var(--card);border-radius:12px}.practice-source-options{display:grid;gap:12px;padding-top:20px}.practice-source-options>button{justify-self:start}.practice-source-options label{display:flex;align-items:flex-start;gap:10px}.practice-source-options input{accent-color:var(--primary);margin-top:5px}.practice-source-options small{display:block;color:var(--muted-foreground)}.practice-setup-options{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.practice-setup-options label{flex:1;min-width:180px;font-size:13px;display:grid;gap:6px}.practice-start{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:20px;border-top:1px solid var(--border)}.practice-history,.practice-preview{margin-top:24px}.practice-history summary,.practice-preview summary{cursor:pointer;color:var(--muted-foreground)}.practice-history>div,.practice-preview>div{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid var(--border)}.practice-history small,.practice-preview small{color:var(--muted-foreground)}.practice-empty-help{background:var(--secondary);border-radius:9px;padding:14px;margin-top:18px}.video-practice-session .exercise-context h3{overflow-wrap:anywhere}.video-practice-session .exercise-context>.button{margin-bottom:10px}.video-practice-session .exercise-main{min-width:0}.practice-meaning{padding:14px 17px;border-left:3px solid var(--primary);background:var(--secondary);border-radius:0 7px 7px 0;margin:18px 0;line-height:1.7}.practice-meaning p+p{color:var(--muted-foreground);margin-top:6px}.practice-answer-preview{margin:12px 0;line-height:1.9;overflow-wrap:anywhere;white-space:pre-wrap}.practice-answer-preview small{color:var(--muted-foreground);font-size:12px}.practice-answer-preview mark{color:#1e6040;background:#d8efdf;border-radius:3px;padding:1px 2px}.practice-readalong{margin:16px 0}.practice-readalong small,.speech-input small{display:block;margin-top:6px;color:var(--muted-foreground);font-size:12px}.readalong-text{margin-top:12px;font-family:Georgia,serif;font-size:21px;line-height:1.9}.playing-word{color:#244e91;background:#e2ebff;text-decoration:underline;text-underline-offset:4px}.speech-input{margin:18px 0}.speech-interim{color:var(--muted-foreground);font-style:italic}.speech-meaning{background:var(--secondary);border-radius:8px;padding:12px}.video-companion{border-top:1px solid var(--border);margin-top:28px;padding-top:16px}.video-companion>summary{cursor:pointer;display:flex;gap:8px;align-items:center;color:var(--primary)}.companion-body{padding-top:15px}.companion-body .muted{font-size:12px}.companion-messages{display:grid;gap:12px;padding:18px 0}.companion-messages article{background:var(--card);border:1px solid var(--border);padding:14px;border-radius:10px;overflow-wrap:anywhere}.companion-messages article.user{background:var(--secondary);margin-left:30px}.companion-messages strong{font-size:12px}.companion-messages p{white-space:pre-wrap;margin-top:5px}.companion-messages a{display:block;margin-top:10px;font-size:12px;color:var(--primary);text-decoration:underline}.companion-followup{border-top:1px solid var(--border);padding-top:8px}.companion-body form{display:flex;gap:8px}.companion-body form input{min-width:0;flex:1}.companion-body form button{flex:none}@media (max-width:760px){.library-video{grid-template-columns:20px minmax(0,1fr);gap:10px;padding:16px}.library-thumbnail{display:none}.library-video h2{font-size:16px}.practice-setup{padding:0 0 30px}.video-practice-session .exercise-workspace{grid-template-columns:1fr;gap:25px}.video-practice-session .exercise-context{border-right:0;border-bottom:1px solid var(--border);padding:0 0 18px}.video-practice-session .exercise-context h3{font-size:16px}.video-practice-session .listening-video{max-width:300px}.library-selection .button.primary{width:100%}}@media (prefers-reduced-motion:reduce){.flip-inner{transition:none!important}}.practice-main .knowledge-heading{margin-bottom:28px}.practice-main .knowledge-heading>div{width:100%}.practice-section-heading .eyebrow{margin-bottom:8px}.workspace-mobile-navigation{display:none}.practice-source-heading>span{display:flex;align-items:center;justify-content:space-between;gap:16px}.practice-source-heading .muted{font-size:13px}.practice-source-options{max-height:340px;overflow:auto}.practice-source-options label{padding:12px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.practice-source-options label:has(input:checked){background:var(--secondary);border-color:#acd3c2}.practice-source-options label>span{min-width:0;overflow-wrap:anywhere}.practice-main .practice-session{max-width:none;padding:0;margin:0}.practice-main .exercise-workspace{grid-template-columns:200px minmax(0,1fr);gap:28px}.practice-main .exercise-context{padding-right:20px}.practice-main .session-progress{background:var(--border);margin-bottom:32px}.practice-main .session-progress>div{background:var(--primary)}.knowledge-topic-status{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:10px 15px;border:1px solid var(--border);border-radius:8px;background:var(--secondary)}@media (min-width:768px) and (max-width:800px){.knowledge-shell{display:flex!important}.knowledge-main{width:auto}.mobile-sidebar-toggle{display:none!important}}@media (max-width:1100px){.practice-main .exercise-workspace{grid-template-columns:1fr}.practice-main .exercise-context{border-right:0;border-bottom:1px solid var(--border);padding:0 0 18px}.practice-main .listening-video{max-width:300px}}@media (max-width:767px){.workspace-mobile-navigation{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--primary);font-weight:600}.practice-main .practice-top{flex-wrap:wrap;gap:10px}.practice-source-picker{padding:15px}}.knowledge-heading>div:first-child{width:100%}.knowledge-view-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:22px}.knowledge-view-actions h2{font-size:24px}.learning-language-picker{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem}.cw-nav .cw-nav-changelog{white-space:nowrap}@media(max-width:1100px){.cw-nav .cw-nav-changelog{display:none}}@media(max-width:600px){.cw-nav .cw-nav-changelog{display:block;grid-column:2;grid-row:3;justify-self:end;font-size:12px}.cw-nav .cw-nav-demo{grid-column:1;grid-row:3}}.demo-heading select,.learning-language-picker select{border:1px solid var(--line,#d7d9ce);border-radius:8px;background:var(--paper,#fff);padding:.4rem .5rem;color:inherit;max-width:100%}.library-actions,.note-save-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.note-save-row [role=status]{font-size:.8rem}.clickable-word{text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#8d9d8b;text-underline-offset:4px;cursor:pointer;border-radius:3px}.clickable-word:focus-visible,.clickable-word:hover{background:#e4efdc;outline:2px solid #728569;outline-offset:2px}.preparation-checklist{display:grid;gap:.35rem;margin:.6rem 0;font-size:.78rem}.preparation-checklist progress{width:100%;accent-color:#627b57}.preparation-checklist small{color:#636b60}.support-request{margin:1rem 0;padding:1rem;border:1px solid #d9ddcf;border-radius:12px;max-width:760px}.support-request summary{cursor:pointer;font-weight:600}.support-request p{margin:.7rem 0;overflow-wrap:anywhere}.note-link-form,.support-request form{display:grid;gap:.75rem}.note-link-form label,.support-request label{display:grid;gap:.3rem}.note-links{padding:1.2rem;border:1px solid #d9ddcf;border-radius:16px;margin-bottom:1.5rem}.note-links h3{font-size:1.1rem}.note-links>p{margin:.5rem 0 1rem}.note-link-form{grid-template-columns:repeat(2,minmax(0,1fr))}.note-link-list{list-style:none;padding:0;display:grid;gap:.8rem;margin-top:1rem}.note-link-list li{padding:1rem;background:#f5f7f0;border-radius:12px}.note-link-nodes{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.note-link-nodes a{text-decoration:underline}.note-link-list p{margin:.6rem 0}.practice-honesty{border-left:3px solid #7e976d;padding:.6rem 1rem;margin-top:.75rem}.demo-page{background:#f5f5ed;min-height:100vh;color:#27312a}.demo-page .cw-nav{padding:1rem 3%}.demo-main{max-width:1500px;margin:auto;padding:1.5rem 3% 4rem}.demo-heading h1{font-size:clamp(1.5rem,3vw,2.4rem);margin:.5rem 0}.demo-heading>label,.demo-heading>p{display:block;margin:.75rem 0}.demo-heading .muted{max-width:900px;font-size:.85rem}.demo-workspace{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(320px,1.4fr) minmax(240px,.9fr);gap:1.2rem;margin-top:1.5rem;align-items:start}.demo-detail,.demo-practice,.demo-transcript,.demo-workspace>aside{background:#fffdf7;padding:1rem;border:1px solid #dbded1;border-radius:16px;min-width:0}.demo-workspace h2{font-size:1.1rem;font-weight:600;margin:.7rem 0}.demo-outline{display:grid;gap:.5rem}.demo-outline button{text-align:left;padding:.7rem;background:#f1f4e9;border-radius:8px}.demo-outline span{display:block;font-size:.85rem;margin-top:.3rem}.demo-transcript{max-height:76vh;overflow:auto;scroll-behavior:smooth}.demo-transcript article{padding:.8rem .5rem;border-bottom:1px solid #e4e6dc;scroll-margin-top:1rem}.demo-transcript article.active{background:#eef4e6;border-radius:8px}.demo-transcript p{line-height:1.8}.demo-translation{color:#677261;font-size:.87rem}.demo-time{font-size:.75rem;color:#657358}.demo-time,.demo-word{text-decoration:underline}.demo-word{font:inherit;border:0;background:#e8efda;text-decoration-style:dotted;text-underline-offset:4px;color:inherit;border-radius:3px}.demo-word:focus-visible,.demo-word:hover{background:#d6e7c5;outline:2px solid #718569}.demo-detail h3{font-size:1.2rem;margin:1rem 0 .5rem}.demo-detail p,.demo-practice p{line-height:1.7;margin:.6rem 0}.demo-detail blockquote,.demo-practice blockquote{border-left:3px solid #9aaf86;padding:.7rem;margin:1rem 0;background:#f4f6eb}.demo-detail label,.demo-practice label{display:block;margin:1rem 0}.demo-detail textarea,.demo-practice textarea{width:100%;min-height:120px;margin-top:.4rem}.demo-detail .muted,.demo-detail small{font-size:.75rem}.demo-detail details{margin-top:1rem}.demo-practice{grid-column:span 2;min-height:400px}.demo-save{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.demo-save p{flex-basis:100%}@media(max-width:1100px){.demo-workspace{grid-template-columns:minmax(220px,.85fr) minmax(300px,1.15fr)}.demo-detail,.demo-practice{grid-column:2}.demo-workspace>aside{grid-row:span 2}}@media(max-width:700px){.demo-workspace{display:flex;flex-direction:column}.demo-workspace>*{width:100%}.demo-transcript{max-height:60vh}.demo-outline{grid-template-columns:1fr 1fr}.note-link-form{grid-template-columns:1fr}.demo-page .cw-nav,.demo-page .cw-nav nav{flex-wrap:wrap}}.vd-video-picture .video-duration{position:absolute;bottom:.6rem;right:.6rem;padding:.15rem .4rem;border-radius:5px;background:#263027dd;color:white;font-size:.72rem}.screenshot-lesson{overflow:hidden;--lesson-teal:#287569;--lesson-ink:#263b36;--lesson-soft:#f4f4ed}.lesson-time{font:12px ui-monospace,monospace;color:#70877f;padding:5px 8px;border:1px solid #e0e7df;border-radius:5px}.lesson-scroll{overflow:auto;min-height:0;flex:1;padding:22px 22px 12px;scrollbar-width:thin}.lesson-intro h3{font-family:Georgia,"Noto Serif",serif;font-size:26px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin:8px 0 10px;color:var(--lesson-ink)}.lesson-kicker{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#74857b;font-weight:600}.lesson-intro p{font-size:12px;line-height:1.8;color:#7b837b;margin:0 0 18px}.lesson-mode{border:0;display:flex;gap:4px;background:#efeee7;border-radius:7px;padding:4px;width:fit-content;margin:0 0 14px}.lesson-mode button{border:0;border-radius:4px;background:transparent;padding:6px 15px;font-size:12px;color:#818880;cursor:pointer}.lesson-mode button[aria-pressed=true]{color:#244f43;background:#fff;box-shadow:0 1px 3px #20352212}.lesson-stage{background:#faf9f4;border:1px solid #e6e6db;border-radius:9px;overflow:hidden}.lesson-stage-label{padding:11px 13px;display:flex;gap:6px;align-items:center;color:#62776a;font-size:10px;letter-spacing:.4px;border-bottom:1px solid #eeeee4}.lesson-stage-label>span:last-child{margin-left:auto;color:#949e94;font-size:9px;letter-spacing:0}.lesson-live-dot{width:5px;height:5px;border-radius:50%;background:#6f9d84}.lesson-frame{display:block;width:100%;height:390px;border:0;background:#faf9f4}.lesson-tutor{padding:19px 0 17px;border-bottom:1px solid #e8e9df}.lesson-step-track{display:flex;gap:7px;margin-bottom:15px}.lesson-step-track button{flex:1;border:0;border-top:2px solid #e4e9e0;background:transparent;text-align:left;color:#9ba69c;padding:7px 0 0;font:10px ui-monospace,monospace;cursor:pointer}.lesson-step-track button.active{border-top-color:#36786c;color:#36786c}.lesson-step-copy>span{font-size:9px;letter-spacing:1px;color:#678074}.lesson-step-copy h4{font-size:15px;font-weight:600;line-height:1.6;margin:7px 0;color:#34493c}.lesson-step-copy p{font-size:13px;line-height:1.9;margin:0;color:#657168;white-space:pre-wrap}.lesson-playback{display:flex;gap:10px;align-items:center;margin-top:15px}.lesson-playback .button{background:#e8efe7;border-color:#dae4d8;color:#395b48;font-size:11px}.lesson-icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #e2e6db;border-radius:5px;background:transparent;color:#5b7464;cursor:pointer;flex-shrink:0}.lesson-icon-button:disabled{opacity:.3;cursor:default}.lesson-step-arrows{display:flex;gap:6px;margin-left:auto}.lesson-challenge{padding:19px 0;border-bottom:1px solid #e8e9df}.lesson-challenge h4{font-size:14px;line-height:1.7;margin:9px 0 12px;font-weight:500}.lesson-challenge>div{display:flex;flex-wrap:wrap;gap:7px}.lesson-challenge>div button{padding:8px 12px;border:1px solid #dce1d6;border-radius:5px;background:#fafbf7;color:#566653;cursor:pointer;font-size:12px}.lesson-challenge>div button.selected{border-color:#568c7d;background:#edf6ee;color:#31594e}.lesson-feedback{display:block;margin-top:12px;font-size:12px;line-height:1.8;background:#f1f4e9;padding:12px;border-radius:6px;color:#5d7157}.lesson-deepen{padding:18px 0 12px}.lesson-deepen-heading{display:flex;align-items:center;gap:7px;color:#7a705c}.lesson-deepen-heading h4{font-size:13px;font-weight:500;margin:0}.lesson-interaction-summary{font-size:11px;line-height:1.7;color:#8c8b7d;margin:9px 0 12px;overflow-wrap:anywhere}.lesson-deepen .button{font-size:11px;color:#695f50;border-color:#e4ded0;background:#fbfaf5}.lesson-deepen form{display:flex;align-items:center;border:1px solid #dedfd4;border-radius:7px;padding:5px;margin-top:13px}.lesson-deepen input{width:100%;min-width:0;border:0;background:transparent;padding:7px;color:#475646;font-size:12px;outline:none}.lesson-deepen input:focus-visible{outline:2px solid #287569;outline-offset:0}.lesson-deepen form .lesson-icon-button{border:0}.lesson-replies article{margin-top:16px;padding:12px;background:#f5f6ee;border-radius:7px;font-size:12px;line-height:1.9}.lesson-replies article>span{color:#8d897b;font-size:11px}.lesson-replies article p{white-space:pre-wrap;color:#475b4e;margin:8px 0}.lesson-replies article>div{color:#6c7962;border-top:1px solid #e4e7dc;padding-top:8px}.lesson-source{border-top:1px solid #e8e9df;padding:12px 0;color:#92978c;font-size:11px;line-height:1.8}.lesson-source summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none}.lesson-source img{max-width:100%;max-height:180px;border-radius:6px;object-fit:contain;margin-top:10px}.lesson-return{display:flex!important;align-items:center;gap:6px;font-size:11px!important;color:#537564!important;width:auto!important}.lesson-generating{padding:55px 15px;text-align:center;color:#668270}.lesson-generating h3{font-size:16px;line-height:1.7;font-weight:500;margin:20px 0 10px}.lesson-generating p{font-size:12px;line-height:1.8;color:#8a978a}.lesson-generating>span{font:12px ui-monospace,monospace}.lesson-loading-diagram{display:flex;gap:10px;align-items:end;justify-content:center;height:80px;margin-bottom:25px}.lesson-loading-diagram span{height:40px;width:35px;background:#d3e2d6;animation:lesson-build 2s ease-in-out infinite alternate;border:1px solid #b2c6b6}.lesson-loading-diagram span:nth-child(2){height:60px;animation-delay:.3s;background:#e6ded0;border-color:#cec4af}.lesson-loading-diagram span:nth-child(3){height:75px;animation-delay:.6s;background:#dedee9;border-color:#bfbdd1}@keyframes lesson-build{0%{transform:scaleY(.6);opacity:.4}to{transform:scaleY(1);opacity:1}}.lesson-error{padding:25px 5px;font-size:13px;line-height:1.8;color:#945244}.lesson-saved-picker{display:block;font-size:11px;color:#7f8c7c;margin:12px 0}.lesson-saved-picker select{margin-top:6px;width:100%;font-size:12px}.capture-image{touch-action:none}.detail-artifact-entry{margin:0 0 20px;padding:14px;border:1px solid #e0e5da;background:#f5f7ef;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.detail-artifact-entry strong{font-size:13px;font-weight:500;color:#4c6953}.detail-artifact-entry p{font-size:11px;line-height:1.7;margin:5px 0 0;color:#85917d}.lesson-collection-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.lesson-collection-actions .button{font-size:11px}.lesson-focus-button{margin:8px 0 0;display:flex}.lesson-focus-question{padding:10px 12px;background:#f0f3e9;border-left:2px solid #94ab83;font-size:12px;line-height:1.7;color:#627754}@media (prefers-reduced-motion:reduce){.lesson-loading-diagram span{animation:none}}.discovery-recommendations{margin:32px 0;padding:28px;border:1px solid #d9dfd5;border-radius:18px;background:#fdfdf8}.discovery-recommendations header h2{font-size:26px;margin:8px 0}.discovery-recommendations header>p:last-child{color:#61716b}.recommendation-search{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:22px 0}.recommendation-search label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#53635d}.recommendation-query{flex:1;min-width:230px}.recommendation-search input,.recommendation-search select{min-height:44px;padding:10px 12px;border:1px solid #cbd6cc;border-radius:9px;background:white;color:#263c38;font:inherit;font-size:14px}.discovery-directions{display:flex;flex-wrap:wrap;gap:9px}.discovery-directions>p{flex-basis:100%;font-size:13px}.discovery-directions button{display:flex;flex-direction:column;gap:5px;text-align:left;padding:12px;border:1px solid #d8ded5;border-radius:10px;background:#f1f5ee;color:#263c38;max-width:320px}.discovery-directions small{color:#687c72}.recommendation-panel{margin-top:20px}.recommendation-panel>h4{font-size:17px;line-height:1.5}.recommendation-status{display:flex;gap:8px;align-items:center;font-size:13px}.recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin:14px 0}.recommendation-card{min-width:0;overflow:hidden;border:1px solid #d7dfd4;border-radius:12px;background:#fff}.recommendation-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.recommendation-card-body{padding:16px}.recommendation-card h5{font-size:16px;line-height:1.5;margin:12px 0 5px;overflow-wrap:anywhere}.recommendation-card small{color:#6b7c73}.recommendation-time{font-size:12px;color:#527064}.recommendation-card blockquote{margin:12px 0;padding:10px 12px;border-left:3px solid #8fb29b;background:#f4f7f1;font-size:13px;line-height:1.7;max-height:150px;overflow:auto;white-space:normal}.recommendation-empty,.recommendation-hint,.recommendation-reason{font-size:13px;line-height:1.7;color:#61716b}.recommendation-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.recommendation-actions a{font-size:12px;color:#537967}.knowledge-explorer{padding:14px 0;min-width:0}.knowledge-explorer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.knowledge-explorer-heading h3{font-size:17px;margin:4px 0}.knowledge-concepts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.knowledge-concepts button{padding:9px 12px;border:1px solid #cdd9cf;border-radius:20px;background:#f6f8f2;color:#314e3d;max-width:100%;overflow-wrap:anywhere}.knowledge-concepts button[aria-pressed=true],.knowledge-directions button[aria-pressed=true]{background:#e7f0e4;border-color:#587c64;box-shadow:0 0 0 1px #587c64}.knowledge-detail{padding:16px;border:1px solid #dce4d7;border-radius:12px;background:#fcfdf8}.knowledge-detail h4{font-size:18px;margin:0 0 8px}.knowledge-detail>p{line-height:1.7;font-size:14px}.knowledge-detail>.eyebrow{margin-top:22px;font-size:11px}.knowledge-evidence{display:flex;flex-direction:column;gap:8px}.knowledge-evidence button{text-align:left;padding:10px 12px;background:#f1f5ec;border:0;border-radius:8px;color:#31453a;font-size:13px;line-height:1.6}.knowledge-evidence span{display:block;font-size:11px;color:#638569}.knowledge-relations{padding-left:16px;font-size:12px;line-height:1.8;color:#54705b}.knowledge-directions{display:grid;gap:9px}.knowledge-directions button{display:flex;flex-direction:column;text-align:left;gap:6px;padding:14px;background:white;border:1px solid #d9e1d6;border-radius:10px;color:#31483b}.knowledge-directions small{font-size:11px;color:#5b8064}.knowledge-directions strong{font-size:14px;line-height:1.5}.knowledge-directions span{font-size:12px;color:#67796a;line-height:1.6}.knowledge-chapters{margin-top:18px}.knowledge-chapters summary{cursor:pointer;font-size:13px;color:#697a6f}.knowledge-explorer .recommendation-grid{grid-template-columns:1fr}.knowledge-explorer .recommendation-card>img{max-height:180px}.recommended-learning-context{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 18px;margin-bottom:16px;border:1px solid #cddbc9;border-radius:12px;background:#f0f6e9}.recommended-learning-context p{flex:1;min-width:180px;margin:0;font-size:13px;line-height:1.6}.recommended-learning-context a{font-size:13px;color:#456b51}.discovery-recommendations button:focus-visible,.knowledge-explorer button:focus-visible,.recommendation-panel button:focus-visible{outline:3px solid #4a866c;outline-offset:3px}@media (max-width:600px){.discovery-recommendations{padding:18px}.recommendation-query{min-width:100%;flex-basis:100%}.recommendation-search>button{width:100%}.recommendation-search>label:not(.recommendation-query){flex:1}.recommended-learning-context{padding:12px}}.knowledge-node-graph{display:block;width:100%;max-height:440px;margin:16px 0}.knowledge-graph-node{cursor:pointer}.knowledge-graph-node:focus-visible rect{stroke:#1c7353;stroke-width:3px}@media (max-width:600px){.learn-page .detail-page [role=tablist]{width:100%;max-width:100%;height:auto;flex-wrap:wrap;justify-content:flex-start}.learn-page .detail-page [role=tab]{flex:0 1 auto;height:auto;min-height:36px;white-space:normal}}.knowledge-detail>.knowledge-plain{font-size:16px;line-height:1.65;color:#24382c}.knowledge-terms{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.knowledge-terms button{padding:3px 10px;border:1px solid #c9d8c4;border-radius:999px;background:white;color:#31483b;font-family:Georgia,serif;font-size:13px}.knowledge-related{display:flex;flex-wrap:wrap;gap:8px}.knowledge-concepts .knowledge-inferred-chip,.knowledge-related button{border-style:dashed;border-color:#b3a4c2}.knowledge-related button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;border-width:1px;border-radius:10px;background:#fbf9fd;color:#3f3550;text-align:left}.knowledge-related small{font-size:11px;color:#7d6b91}.knowledge-related strong{font-size:13px}.knowledge-detail.knowledge-inferred{border-style:dashed;border-color:#b3a4c2;background:#fbf9fd}.knowledge-basis{display:inline-block;margin-bottom:6px;font-size:11px;font-weight:600;color:#7d6b91}.knowledge-detail .link-button{padding:0;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;font:inherit;cursor:pointer}.knowledge-search{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.knowledge-search a{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid #d9d0e2;border-radius:999px;font-size:12px;color:#3f3550}.knowledge-upgrade{margin:4px 0 10px}