.ob-section{padding-top:100px;padding-bottom:120px;scroll-margin-top:100px}.ob-section .section-heading.centered{max-width:820px;margin-bottom:35px}.ob-layout{touch-action:pan-y;grid-template-columns:1fr 1fr;align-items:center;gap:90px;max-width:1040px;margin:auto;display:grid}.ob-visual{flex-direction:column;align-items:center;min-width:0;display:flex}.ob-scene{isolation:isolate;color:#f5eff9;justify-content:center;align-items:center;width:100%;max-width:400px;height:480px;font-size:14px;animation:.65s cubic-bezier(.2,.8,.2,1) both ob-enter;display:flex;position:relative}.ob-halo{z-index:-1;background:radial-gradient(circle,#39304499,#39304444 60%,#0000 72%);border-radius:50%;width:330px;height:330px;position:absolute;top:65px;left:50%;transform:translate(-50%)}.ob-halo.green{background:radial-gradient(circle,#28433c88,#0000 72%)}.ob-import{flex-direction:column;align-items:center;width:100%;display:flex}.ob-document{width:240px;height:244px;margin-top:20px;position:relative}.ob-paper-back{background:#9b8fa599;border-radius:16px;position:absolute;inset:8px;transform:rotate(-9deg)}.ob-paper-back.second{transform:rotate(7deg)}.ob-paper{color:#372d40;background:#f3edf6;border-radius:16px;height:100%;padding:22px;position:relative;transform:rotate(-3deg)}.ob-paper-caption{color:#826d8b;align-items:center;gap:10px;font-size:11px;display:flex}.ob-paper-caption svg{box-sizing:content-box;background:#e2d5e9;border-radius:9px;padding:5px}.ob-paper>strong{letter-spacing:-.8px;margin:16px 0;font-size:24px;display:block}.ob-ink-slot{align-items:center;height:17px;display:flex}.ob-ink-slot i{background:#d0c6d8;border-radius:3px;height:5px;animation:2.2s ease-in-out infinite ob-highlight}.ob-paper-footer{color:#83618d;justify-content:space-between;align-items:center;margin-top:8px;display:flex}.ob-paper-footer span{background:#d0c6d8;border-radius:3px;width:65px;height:5px}.ob-scan-line{background:#f1a0f3;height:2px;animation:2.2s ease-in-out infinite ob-scan;position:absolute;top:118px;left:-12px;right:-12px;box-shadow:0 0 14px #f1a0f3}.ob-result{z-index:1;background:#35303d;border:1px solid #65516f;border-radius:19px;align-items:center;gap:12px;width:96%;margin-top:-3px;padding:16px;animation:.7s .18s both ob-enter;display:flex;box-shadow:0 10px 30px #0003}.ob-result-icon{color:#302237;background:linear-gradient(135deg,#eab1f7,#ada7f7);border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.ob-result small{color:#beb6c8;margin-top:5px;font-size:11px;display:block}.ob-formats{gap:7px;margin-top:18px;display:flex}.ob-formats>span{color:#dedee3;background:#2c2c30;border:1px solid #56565d;border-radius:22px;align-items:center;gap:5px;padding:8px 10px;font-size:11px;display:flex}.ob-formats svg{width:16px;height:16px;color:var(--pink)}.ob-plan{width:94%}.ob-plan-header{border-bottom:1px solid #566579;margin:0 14px 12px;padding-bottom:14px}.ob-plan-header>strong{margin-bottom:10px;font-size:18px;display:block}.ob-progress-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ob-track{background:#44464d;border-radius:3px;flex:1;height:5px;overflow:hidden}.ob-track i{background:#f1a0f3;border-radius:3px;height:100%;transition:width 50ms linear;display:block}.ob-plan-header .ob-track i{background:#a9beda}.ob-progress-row small{width:30px;font-size:10px}.ob-lessons{flex-direction:column;gap:9px;display:flex}.ob-lesson{background:#25282e;border:2px solid #35373e;border-radius:17px;width:86%;padding:12px;transition:border-color .3s}.ob-lesson:nth-child(2){align-self:flex-end}.ob-lesson.active{border-color:#f1a0f3}.ob-lesson-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ob-lesson-header>span{letter-spacing:.7px;background:#16191f;border-radius:9px;padding:4px 9px;font-size:8px;font-weight:800}.ob-lesson-header small{font-size:10px}.ob-lesson>strong{font-size:12px}.ob-lesson .ob-track{margin:8px 0}.ob-review{text-align:center;color:#a5a6aa;border-radius:9px;justify-content:center;align-items:center;height:27px;font-size:8px;display:flex}.ob-lesson.active .ob-review{color:#fff;background:#f1a0f3;font-size:12px;font-weight:700}.ob-lesson.complete .ob-review{color:#a8e8c2;background:#304139;font-size:16px}.ob-lesson.complete .ob-track i{background:#a8e8c2}.ob-methods{width:94%}.ob-method-stack{height:285px;margin:0 8px;position:relative}.ob-method{height:190px;color:var(--pink);background:#302a35;border:1px solid #f1a0f3;border-radius:20px;padding:14px;transition:transform 1.6s cubic-bezier(.37,0,.63,1);position:absolute;inset:0 0 auto;box-shadow:0 8px 20px #0004}.ob-method.method-1{color:#b8b1ff;background:#2d2c39;border-color:#b8b1ff}.ob-method.method-2{color:#a8e8c2;background:#252d2b;border-color:#a8e8c2}.ob-method-heading{align-items:center;gap:8px;height:24px;display:flex}.ob-method-heading strong{color:#f5eff9;flex:1;font-size:13px}.ob-method-heading b{font-size:12px}.ob-method-body{margin-top:9px}.ob-method-body>.ob-track{margin-top:12px}.ob-method-body>.ob-track i{background:currentColor}.ob-flash{background:#423348;border:1px solid #9d72a4;border-radius:12px;flex-direction:column;justify-content:space-between;height:100px;margin:0 12px;padding:10px;display:flex;box-shadow:5px -3px #715276}.ob-flash small{letter-spacing:1px;font-size:8px}.ob-flash strong{color:#f5eff9;font-size:13px}.ob-flash>span{color:#beb6c8;font-size:10px}.ob-sheet{background:#f3edf6;border-radius:10px;height:100px;margin:0 12px;padding:12px}.ob-sheet strong{color:#372d40;font-size:13px}.ob-sheet i{background:#c6bacf;border-radius:2px;height:3px;margin-top:6px;display:block}.ob-sheet i:first-of-type{background:#ceb7e8;height:7px}.ob-quiz{flex-direction:column;justify-content:space-between;height:100px;display:flex}.ob-quiz>div:first-child{align-items:center;gap:12px;display:flex}.ob-quiz b{font-size:33px}.ob-quiz span,.ob-quiz small{font-size:10px}.ob-answers{gap:4px;display:flex}.ob-answers span{text-align:center;background:#345343;border-radius:6px;flex:1;padding:5px 0}.ob-answers .wrong{color:var(--pink);background:#4c354d}.ob-streak,.ob-exam{background:#363638;border-radius:18px;align-items:center;gap:12px;margin-top:9px;padding:13px;display:flex}.ob-flame{color:#ff6b35;font-size:26px}.ob-streak strong{white-space:nowrap;font-size:18px}.ob-streak small{color:#c8c7cd;font-size:10px;display:block}.ob-week{flex:1;justify-content:flex-end;gap:5px;display:flex}.ob-week>span{text-align:center;font-size:8px}.ob-week i{background:#ffffff20;border-radius:50%;width:18px;height:18px;margin-bottom:4px;font-size:16px;font-style:normal;line-height:16px;transition:background .3s;display:block}.ob-week i.lit{background:#f1a0f3}.ob-exam>div:first-child{flex:1}.ob-exam .ob-progress-row{font-size:11px}.ob-exam .ob-progress-row strong{font-size:17px}.ob-exam .ob-track{margin-top:12px}.ob-date{text-align:center;background:#302a35;border:1px solid #f1a0f3;border-radius:10px;min-width:70px;overflow:hidden}.ob-date small{color:var(--pink);background:#4c354d;padding:5px;font-size:8px;display:block}.ob-date strong{padding:6px;font-size:19px;display:block}.ob-pause{font:inherit;color:#aaa2b5;cursor:pointer;background:0 0;border:0;padding:12px;font-size:11px}.ob-copy-content{min-height:300px;animation:.5s ease-out both ob-enter}.ob-chapter{text-transform:uppercase;letter-spacing:2px;color:#c5bacf;align-items:center;gap:12px;font-size:11px;display:flex}.ob-chapter span{color:var(--pink);font-weight:800}.ob-chapter i{background:#6f5777;width:28px;height:1px}.ob-copy h3{letter-spacing:-.045em;margin:25px 0 22px;font-size:clamp(32px,3.4vw,48px);line-height:1.08}.ob-copy p{color:var(--muted);margin:0 0 24px;font-size:18px;line-height:1.75}.ob-detail{color:#d5bfde;font-size:13px}.ob-controls{align-items:center;gap:12px;margin-top:28px;display:flex}.ob-controls>button{color:#f5eff9;cursor:pointer;background:#ffffff05;border:1px solid #ffffff25;border-radius:50%;width:44px;height:44px;font-size:23px}.ob-controls>button:hover{background:#f1a0f31a;border-color:#f1a0f3}.ob-dots{display:flex}.ob-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:44px;display:grid}.ob-dots span{background:#5b5663;border-radius:8px;width:6px;height:6px;transition:width .25s,background .25s}.ob-dots button[aria-pressed=true] span{background:#f1a0f3;width:24px}.ob-count{letter-spacing:2px;color:#898291;margin-left:8px;font-size:11px}.ob-section button:focus-visible{outline-offset:4px;outline:2px solid #f1a0f3}.ob-scene.paused *{animation-play-state:paused!important}@keyframes ob-scan{0%,to{transform:translateY(-22px)}50%{transform:translateY(65px)}}@keyframes ob-highlight{0%,to{background:#d0c6d8;box-shadow:0 0 #0000}50%{background:#b17eb3;box-shadow:0 0 0 5px #e9c4ec}}@keyframes ob-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.ob-layout{grid-template-columns:1fr;gap:30px}.ob-section{padding-top:60px;padding-bottom:80px}.ob-section .section-heading.centered{margin-bottom:10px}.ob-copy{text-align:center;max-width:500px;margin:auto}.ob-copy-content{min-height:245px}.ob-chapter,.ob-controls{justify-content:center}.ob-copy h3{margin-top:20px;font-size:34px}.ob-copy p{font-size:16px}.ob-scene{max-width:370px;height:455px}.ob-controls{margin-top:18px}.ob-visual{width:100%}.ob-pause{margin-top:-4px}}@media (max-width:380px){.ob-formats{gap:4px}.ob-formats>span{padding:8px}.ob-streak,.ob-exam{gap:8px;padding:10px}.ob-week{gap:3px}.ob-scene{height:440px}}@media (prefers-reduced-motion:reduce){.ob-section *{transition:none!important;animation:none!important}.ob-pause{display:none}}.ob-scroll-section{width:100%;margin:0;padding:0 32px;scroll-margin-top:80px;position:relative}.ob-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ob-scroll-section .ob-layout{touch-action:auto;align-items:start;gap:90px;width:min(1040px,100%);margin:0 auto}.ob-scroll-section .ob-visual{justify-content:center;height:100svh;padding:85px 0 40px;position:sticky;top:0}.ob-copy-chapters .ob-copy-content{opacity:.4;flex-direction:column;justify-content:center;min-height:100svh;padding:100px 0;display:flex}.ob-copy-chapters .ob-copy-content.active{opacity:1}.ob-copy-chapters h3{margin:0 0 22px}.ob-copy-chapters p{margin:0}.ob-scene-slot{justify-content:center;width:100%;height:480px;display:flex;position:relative}.ob-scene-layer{pointer-events:none;justify-content:center;transition:opacity .45s ease-in-out;display:flex;position:absolute;inset:0}.ob-scroll-dots{justify-content:center;align-items:center;gap:9px;height:25px;display:flex}.ob-scroll-dots span{background:#5b5663;border-radius:9px;width:6px;height:6px;transition:width .3s,background .3s}.ob-scroll-dots .active{background:#f1a0f3;width:27px}.ob-scroll-section .ob-pause{padding:8px 12px;font-size:10px}.ob-scroll-section .ob-scene,.ob-scroll-section .ob-result,.ob-scroll-section .ob-copy-content{animation:none}.ob-scroll-section .ob-method,.ob-scroll-section .ob-track i{transition:none}@media (min-width:801px) and (max-height:700px){.ob-scene-slot{height:350px}.ob-scroll-section .ob-scene{transform-origin:top;scale:.73}}@media (max-width:800px){.ob-scroll-section{padding:0 20px}.ob-scroll-section .ob-layout{max-width:500px;display:block}.ob-scroll-section .ob-visual{z-index:2;background:var(--bg,#101114);height:365px;padding:12px 0 0;top:65px}.ob-scene-slot{height:310px}.ob-scroll-section .ob-scene{transform-origin:top;flex-shrink:0;width:370px;max-width:none;height:455px;scale:.68}.ob-scroll-section .ob-copy{width:100%;max-width:430px;margin-top:-365px;padding-top:430px}.ob-copy-chapters .ob-copy-content{justify-content:center;min-height:55svh;padding:40px 0 60px}.ob-scroll-section .ob-copy h3{margin:0 0 12px;font-size:30px}.ob-scroll-section .ob-copy p{margin:0;font-size:15px;line-height:1.6}.ob-scroll-section .ob-pause{padding:4px 8px}}@media (max-width:800px) and (max-height:740px){.ob-scroll-section .ob-visual{height:285px}.ob-scene-slot{height:235px}.ob-scroll-section .ob-scene{scale:.51}.ob-scroll-section .ob-copy{margin-top:-285px;padding-top:350px}.ob-copy-chapters .ob-copy-content{padding-top:30px;padding-bottom:40px}.ob-scroll-section .ob-copy h3{font-size:25px}.ob-scroll-section .ob-copy p{font-size:13px}}