: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}}