.filter-verse-shell{--fv-ink:#182036;--fv-muted:#68718a;--fv-soft:#f6f3ff;--fv-line:#402f7521;--fv-purple:#7551d5;--fv-purple-dark:#4d318f;--fv-coral:#ee765e;min-height:calc(100dvh - 128px);color:var(--fv-ink);background:radial-gradient(circle at 88% 3%,#7651d626,#0000 28rem),radial-gradient(circle at 43% 24%,#ffb48c21,#0000 26rem),linear-gradient(145deg,#fffdf9 0%,#f8f5ff 54%,#f1edfb 100%)}.filter-verse-header{border-bottom:1px solid var(--fv-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbf;justify-content:space-between;align-items:center;gap:20px;min-height:94px;padding:20px clamp(22px,4vw,62px);display:flex}.filter-verse-brand{color:inherit;align-items:center;gap:14px;text-decoration:none;display:inline-flex}.filter-verse-brand>span:last-child,.filter-verse-status{gap:3px;display:grid}.filter-verse-brand strong{letter-spacing:-.025em;font-size:clamp(1.12rem,2vw,1.42rem);line-height:1}.filter-verse-brand small{color:var(--fv-muted);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem}.filter-verse-mark{color:#fff;background:linear-gradient(135deg, #8b65e8, var(--fv-purple-dark));border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 14px 30px #53359b40}.filter-verse-status{background:#ffffffb3;border:1px solid #7451d633;border-radius:14px;justify-items:end;padding:9px 14px}.filter-verse-status span{color:var(--fv-purple);letter-spacing:.15em;text-transform:uppercase;font-size:.63rem;font-weight:800}.filter-verse-status strong{font-size:.78rem}.filter-verse-layout{grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:start;display:grid}.filter-verse-nav{border-right:1px solid var(--fv-line);scrollbar-width:thin;scrollbar-color:#7551d54d transparent;max-height:100dvh;padding:28px 20px 40px clamp(20px,3vw,42px);position:sticky;top:0;overflow-y:auto}.filter-verse-nav-group+.filter-verse-nav-group{border-top:1px solid var(--fv-line);margin-top:30px;padding-top:25px}.filter-verse-nav-group>p{color:#8a819c;letter-spacing:.14em;text-transform:uppercase;margin:0 10px 13px;font-size:.65rem;font-weight:800}.filter-verse-nav-list{gap:4px;display:grid}.filter-verse-nav button{width:100%;color:var(--fv-ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:29px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:10px 11px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:grid}.filter-verse-nav button:hover{background:#ffffffc2;transform:translate(2px)}.filter-verse-nav button.active{background:#fff;border-color:#7451d62e;box-shadow:0 10px 28px #2e215b14}.filter-verse-nav button>span:nth-child(2){gap:2px;min-width:0;display:grid}.filter-verse-nav button strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.filter-verse-nav button small{color:var(--fv-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.filter-verse-nav button>svg{color:#b0a7c0;opacity:0;transition:opacity .16s,transform .16s;transform:translate(-4px)}.filter-verse-nav button.active>svg,.filter-verse-nav button:hover>svg{opacity:1;transform:translate(0)}.filter-verse-menu-number{color:#9c8fbe;font:700 .66rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace!important}.filter-verse-nav button.active .filter-verse-menu-number{color:var(--fv-purple)}.filter-verse-mobile-menu{display:none}.filter-verse-stage{min-width:0;padding:clamp(42px,6vw,86px) clamp(26px,6vw,92px) clamp(68px,9vw,120px)}.fv-lesson{width:min(100%,1120px);margin:0 auto}.fv-lesson-hero{background:linear-gradient(120deg,#fffffffa,#faf7ffe0),#fff;border:1px solid #7551d526;border-radius:30px;padding:clamp(31px,5vw,58px);position:relative;overflow:hidden;box-shadow:0 28px 70px #39267017}.fv-lesson-hero:before,.fv-lesson-hero:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.fv-lesson-hero:before{border:45px solid #7551d514;width:250px;height:250px;top:-95px;right:-75px}.fv-lesson-hero:after{filter:blur(2px);background:#ee765e12;width:170px;height:170px;bottom:-85px;right:20%}.fv-lesson-meta{z-index:1;color:var(--fv-purple-dark);letter-spacing:.11em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.68rem;font-weight:800;display:flex;position:relative}.fv-lesson-meta span:first-child{align-items:center;gap:7px;display:inline-flex}.fv-lesson-meta span:last-child{color:#746d83;letter-spacing:.05em;text-transform:none;background:#f5f1ff;border-radius:999px;padding:7px 10px}.fv-lesson-hero h1{z-index:1;letter-spacing:-.06em;max-width:850px;margin:clamp(30px,5vw,58px) 0 18px;font-size:clamp(2.55rem,5.7vw,5.7rem);line-height:.98;position:relative}.fv-lesson-hero>p{z-index:1;max-width:790px;color:var(--fv-muted);margin:0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.75;position:relative}.fv-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.fv-concept-card{background:#ffffffc7;border:1px solid #412f761f;border-radius:24px;min-height:215px;padding:clamp(24px,3vw,34px);box-shadow:0 14px 38px #35265e0e}.fv-concept-card>span{color:var(--fv-purple-dark);letter-spacing:.1em;text-transform:uppercase;background:#7551d51a;border-radius:9px;margin-bottom:26px;padding:6px 9px;font-size:.63rem;font-weight:800;display:inline-flex}.fv-concept-card:nth-child(4n+2)>span,.fv-concept-card:nth-child(4n+3)>span{color:#a14b3b;background:#ee765e1a}.fv-concept-card h2{letter-spacing:-.025em;margin:0 0 11px;font-size:clamp(1.08rem,1.8vw,1.34rem);line-height:1.2}.fv-concept-card p,.fv-formula-card p,.fv-process-list p{color:var(--fv-muted);margin:0;font-size:.86rem;line-height:1.65}.fv-content-block,.fv-takeaway{background:#ffffffb8;border:1px solid #412f761f;border-radius:26px;margin-top:18px;padding:clamp(25px,4vw,42px)}.fv-formula-section{color:#fff;background:linear-gradient(145deg,#251941,#3f276d);box-shadow:0 24px 55px #311d5729}.fv-section-heading{align-items:center;gap:13px;margin-bottom:27px;display:flex}.fv-section-icon{width:42px;height:42px;color:var(--fv-purple);background:#f1ebff;border-radius:13px;flex:none;place-items:center;display:grid}.fv-section-heading div{gap:3px;display:grid}.fv-section-heading small,.fv-takeaway small,.fv-next-lesson small{color:var(--fv-purple);letter-spacing:.12em;text-transform:uppercase;font-size:.63rem;font-weight:800}.fv-section-heading h2,.fv-takeaway h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.15}.fv-formula-section .fv-section-icon{color:#fff;background:#ffffff1f}.fv-formula-section .fv-section-heading small{color:#c7b5fb}.fv-formula-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:11px;display:grid}.fv-formula-card{background:#ffffff13;border:1px solid #ffffff1f;border-radius:17px;gap:11px;padding:19px;display:grid}.fv-formula-card strong{color:#d9ccff;font-size:.73rem}.fv-formula-card code{overflow-wrap:anywhere;color:#fff;font:700 clamp(.83rem,1.5vw,1rem)/1.55 ui-monospace,SFMono-Regular,Menlo,monospace!important}.fv-formula-card p{color:#ffffffab;font-size:.76rem}.fv-process-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.fv-process-list li{align-content:start;gap:18px;padding:0 18px;display:grid;position:relative}.fv-process-list li:first-child{padding-left:0}.fv-process-list li:last-child{padding-right:0}.fv-process-list li+li{border-left:1px solid var(--fv-line)}.fv-process-list li>span{color:#ae9dd9;font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace!important}.fv-process-list li div{gap:7px;display:grid}.fv-process-list strong{font-size:.9rem}.fv-table-wrap{border:1px solid var(--fv-line);border-radius:17px;width:100%;overflow-x:auto}.fv-table-wrap table{border-collapse:collapse;background:#ffffffb3;width:100%;min-width:620px}.fv-table-wrap caption{color:var(--fv-muted);text-align:left;background:#f6f2ff;padding:15px 18px;font-size:.73rem}.fv-table-wrap th,.fv-table-wrap td{border-top:1px solid var(--fv-line);border-right:1px solid var(--fv-line);text-align:center;white-space:nowrap;padding:13px 15px;font-size:.76rem}.fv-table-wrap th{color:#473474;background:#7551d50e;font-weight:800}.fv-table-wrap tr>:last-child{border-right:0}.fv-takeaway{color:#fff;background:linear-gradient(125deg,#6d4bca,#8a66e3 58%,#9c71d7);grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:35px;display:grid;box-shadow:0 22px 55px #4f30992b}.fv-takeaway small{color:#e6dcff}.fv-takeaway h2{margin-top:7px}.fv-takeaway ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.fv-takeaway li{color:#ffffffe6;grid-template-columns:18px minmax(0,1fr);gap:9px;font-size:.82rem;line-height:1.55;display:grid}.fv-takeaway li svg{margin-top:2px}.fv-next-lesson{width:100%;color:var(--fv-ink);text-align:left;cursor:pointer;background:#ffffffbd;border:1px solid #7551d529;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:20px 23px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.fv-next-lesson:hover{border-color:#7551d559;transform:translateY(-2px);box-shadow:0 16px 38px #3d267c1a}.fv-next-lesson>span{gap:4px;display:grid}.fv-next-lesson strong{font-size:1rem}.fv-next-lesson>svg{color:var(--fv-purple)}.fv-workspace-stage{align-content:center;justify-items:start;width:min(100%,850px);min-height:68dvh;margin:0 auto;display:grid}.filter-verse-kicker{color:var(--fv-purple);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:800}.fv-workspace-icon{color:#fff;background:linear-gradient(135deg, var(--fv-purple), var(--fv-purple-dark));border-radius:20px;place-items:center;width:68px;height:68px;margin-top:40px;display:grid;box-shadow:0 17px 35px #53359b3b}.fv-workspace-stage h1{letter-spacing:-.06em;margin:25px 0 13px;font-size:clamp(2.7rem,7vw,5.9rem);line-height:.98}.fv-workspace-stage>p{max-width:650px;color:var(--fv-muted);margin:0;font-size:clamp(1rem,2vw,1.16rem);line-height:1.75}.filter-verse-placeholder{background:#ffffffa3;border:1px dashed #7451d657;border-radius:18px;align-items:center;gap:16px;width:min(100%,560px);margin-top:34px;padding:20px;display:flex}.filter-verse-placeholder>span{color:#fff;background:var(--fv-purple);border-radius:14px;flex:none;place-items:center;width:50px;height:50px;font-weight:800;display:grid}.filter-verse-placeholder div{gap:3px;display:grid}.filter-verse-placeholder strong{font-size:.93rem}.filter-verse-placeholder small{color:var(--fv-muted);font-size:.78rem}@media (width<=1120px){.filter-verse-layout{grid-template-columns:minmax(260px,285px) minmax(0,1fr)}.filter-verse-stage{padding-inline:clamp(22px,4vw,54px)}.fv-process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.fv-process-list li:nth-child(3){border-left:0;padding-left:0}}@media (width<=900px){.filter-verse-header{min-height:auto;padding:17px 18px}.filter-verse-status{padding:7px 10px}.filter-verse-layout{display:block}.filter-verse-nav{display:none}.filter-verse-mobile-menu{border-bottom:1px solid var(--fv-line);background:#ffffff94;gap:7px;padding:14px 18px;display:grid}.filter-verse-mobile-menu label{color:var(--fv-purple-dark);letter-spacing:.12em;text-transform:uppercase;font-size:.64rem;font-weight:800}.filter-verse-mobile-menu select{width:100%;color:var(--fv-ink);background:#fff;border:1px solid #7551d538;border-radius:13px;padding:12px 42px 12px 13px;font-size:.86rem;font-weight:700}.filter-verse-stage{padding:32px 18px 76px;scroll-margin-top:10px}}@media (width<=650px){.filter-verse-brand small{font-size:.58rem}.filter-verse-mark{border-radius:13px;width:43px;height:43px}.filter-verse-status{display:none}.fv-lesson-hero{border-radius:23px;padding:27px 22px 32px}.fv-lesson-meta{flex-direction:column;align-items:flex-start}.fv-lesson-hero h1{margin-top:36px;font-size:clamp(2.45rem,13vw,4rem)}.fv-concept-grid{grid-template-columns:1fr}.fv-concept-card{border-radius:20px;min-height:0;padding:24px 21px}.fv-concept-card>span{margin-bottom:21px}.fv-content-block,.fv-takeaway{border-radius:21px;padding:24px 20px}.fv-process-list{grid-template-columns:1fr;gap:0}.fv-process-list li,.fv-process-list li:first-child,.fv-process-list li:last-child{grid-template-columns:31px minmax(0,1fr);gap:11px;padding:16px 0}.fv-process-list li+li,.fv-process-list li:nth-child(3){border-top:1px solid var(--fv-line);border-left:0}.fv-takeaway{grid-template-columns:1fr;gap:22px}.filter-verse-placeholder{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.filter-verse-nav button,.filter-verse-nav button>svg,.fv-next-lesson{transition:none}}
