@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f4f4;--ink:#242424;--muted:#7d7d7d;--green:#373737;--orange:#8d8d8d;--line:#e2e2e2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8d8d8d;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.sidebar{width:240px;position:fixed;inset:0 auto 100px 0;background:#fafafa;border-right:1px solid var(--line);padding:36px 24px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:23px;letter-spacing:-1px}.brandmark{font-size:37px;line-height:42px;color:var(--green)}.brandmark span{font-size:26px}.brand small{display:block;font:7px 'DM Sans',sans-serif;letter-spacing:1.5px;margin-top:5px}.sidebar nav{display:grid;gap:9px;margin-top:56px}.sidebar nav a{padding:14px 16px;border-radius:8px;font-size:19px;display:flex;align-items:center;gap:14px;color:#868686}.sidebar nav span{font-size:13px;font-weight:500}.sidebar nav a.active{background:#ebebeb;color:#373737}.side-note{margin-top:58px;background:#ebebeb;padding:22px 18px;border-radius:12px}.side-note>span{font-size:8px;letter-spacing:1.5px;color:#7d7d7d}.side-note h3{font-family:Manrope;font-size:18px;line-height:1.5;letter-spacing:-.6px;margin:15px 0 8px}.side-note p{font-size:11px;line-height:1.7;color:var(--muted)}.mini-wave{font-size:25px;color:#aeaeae;letter-spacing:2px;margin-top:20px}.add-button{background:transparent;border:1px solid #d7d7d7;border-radius:7px;padding:12px 5px;margin-top:24px;font-size:12px;color:var(--green)}.side-footer{margin-top:auto;padding-top:25px;display:flex;align-items:center;gap:12px;font-size:12px}.side-footer small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.avatar,.header-avatar{background:#e3e3e3;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:var(--green);font-weight:600}.shell{margin-left:240px}header{height:86px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:0 48px}.breadcrumb{font-size:11px;color:#949494;flex:1}.breadcrumb span{padding:0 12px;color:#c9c9c9}.breadcrumb b{font-weight:500;color:#616161}.search{display:flex;align-items:center;background:#ececec;border-radius:7px;padding:9px 12px;gap:9px;color:#929292}.search input{border:0;background:transparent;outline:none;font-size:11px;width:195px}.search kbd{font-size:10px;color:#9f9f9f}.header-avatar{width:31px;height:31px;font-size:11px;background:#313131;color:white}main{padding:37px 48px 125px;max-width:1600px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#969696;margin:0 0 11px}h1{font:700 34px Manrope,sans-serif;letter-spacing:-1.5px;margin:0 0 10px}h1 em{font-style:normal;color:#7e7e7e}.page-title p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.edition{font-size:8px;letter-spacing:1.6px;color:#8c8c8c}.hero{background:#373737;border-radius:14px;min-height:340px;position:relative;overflow:hidden;display:flex;color:#ffffff}.hero-copy{padding:34px 38px;width:60%;position:relative;z-index:1}.pill{display:inline-block;font-size:8px;letter-spacing:1.8px;border:1px solid #727272;border-radius:20px;padding:7px 10px;color:#d3d3d3}h2{font:700 23px Manrope,sans-serif;letter-spacing:-.8px;margin:0}.hero h2{font:500 33px/1.25 Manrope,sans-serif;letter-spacing:-1.4px;margin:20px 0 14px}.hero i{font-family:Georgia,serif;font-weight:400;color:#c8c8c8}.hero-copy p{font-size:11px;line-height:1.8;max-width:300px;color:#c7c7c7}.primary{background:#dcdcdc;color:#303030;border:0;border-radius:6px;padding:13px 18px;font-size:11px;font-weight:700;margin-top:12px}.hero-meta{font-size:7px;letter-spacing:1.5px;color:#b0b0b0;margin-top:22px}.hero-meta span{padding:0 7px}.hero-art{position:absolute;inset:0 0 0 53%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#64646420,transparent)}.orbit{position:absolute;border:1px solid #84848435;border-radius:50%;width:330px;height:330px;transform:rotate(-25deg) scaleX(.8)}.o2{width:440px;height:440px}.o3{width:550px;height:550px}.art-disc{height:214px;width:214px;border-radius:50%;border:1px solid #858585;outline:15px solid #66666630;background:repeating-radial-gradient(circle at center,#424242 0,#424242 4px,#565656 5px,#424242 6px);box-shadow:15px 25px 40px #1e1e1e55;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-14deg)}.art-disc>span{font:800 78px Manrope;color:#cdcdcd;letter-spacing:-9px}.art-disc small{font-size:8px;letter-spacing:2px;text-align:center;line-height:1.8;color:#c0c0c0}.soundbar{position:absolute;bottom:53px;font-size:21px;color:#b2b2b2;letter-spacing:5px;transform:rotate(-6deg);background:#373737b0;border:1px solid #78787877;border-radius:8px;padding:7px 14px;box-shadow:0 8px 20px #1b1b1b33}.art-tag{position:absolute;right:24px;bottom:20px;font-size:6px;color:#ababab;letter-spacing:2px}.library-section{margin-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading .eyebrow{font-size:8px;margin-bottom:7px}.section-heading h2{font-size:22px}.section-heading>span{font-size:10px;color:#9a9a9a}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #dbdbdb;border-radius:20px;padding:8px 14px;font-size:10px;color:#767676}.filters button.active{background:#323232;color:#ffffff;border-color:#323232}.sort{font-size:9px;color:#929292;white-space:nowrap}.sort select{border:0;background:transparent;font-size:9px;color:#505050;max-width:115px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.card{border-radius:11px;background:#ffffff;border:1px solid #e5e5e5;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #31313110}.cover{height:176px;position:relative;padding:22px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:var(--coverText,#ffffff);background:var(--cover,#404040)}.cover::after{content:'';width:180px;height:180px;border:30px solid currentColor;border-radius:50%;opacity:.08;position:absolute;right:-50px;top:-45px}.cover-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;align-items:center}.cover-top b{font-size:15px;letter-spacing:-1px}.cover-title{font:500 25px/1.12 Manrope;letter-spacing:-1.2px;max-width:200px;z-index:1;white-space:pre-line}.cover-bottom{font-size:7px;letter-spacing:2px}.cover .card-play{position:absolute;right:16px;bottom:15px;border-radius:50%;width:35px;height:35px;border:1px solid #ffffff40;background:#ffffffdc;color:#313131;z-index:2;font-size:12px}.card-body{padding:17px 18px}.card-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#888888}.fav{border:0;background:transparent;font-size:20px;color:#919191;padding:0 3px;line-height:1}.fav.selected{color:#7b7b7b}.card h3{font:700 14px Manrope;letter-spacing:-.2px;line-height:1.5;margin:8px 0 6px}.card p{font-size:10px;color:#8c8c8c;line-height:1.7;margin:0;min-height:34px}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ebebeb;padding-top:12px;margin-top:13px;color:#8a8a8a;font-size:9px}.card-footer button{border:0;background:none;color:#5a5a5a;font-size:10px;padding:0}.progress-line{height:3px;background:#e6e6e6;margin-top:13px;border-radius:5px}.progress-line span{height:100%;display:block;background:#7e7e7e}.quote{border:1px solid #dcdcdc;border-radius:10px;display:flex;gap:20px;align-items:center;padding:25px 30px;margin-top:34px;background:#ededed}.quote>span:first-child{font:65px Georgia;color:#a9a9a9;line-height:.7}.quote h3{font:500 17px/1.5 Manrope;margin:0;letter-spacing:-.4px}.quote p{font-size:7px;letter-spacing:1.8px;color:#909090;margin:12px 0 0}.quote-arrow{margin-left:auto;font-size:34px;color:#9b9b9b}footer{display:flex;gap:20px;margin-top:35px;align-items:center;font-weight:700;font-size:12px}footer span{font-size:9px;color:#989898;font-weight:400}footer button{margin-left:auto;border:0;background:none;font-size:9px;color:#8f8f8f}.player{height:100px;position:fixed;bottom:0;left:0;right:0;border-top:1px solid #dedede;background:#fefefe;z-index:10;display:flex;align-items:center;padding:12px 28px;gap:16px;box-shadow:0 -5px 25px #2b2b2b06}.now-art{background:#3a3a3a;color:#d2d2d2;width:54px;height:54px;border-radius:7px;display:grid;place-items:center;font:700 24px Manrope;flex-shrink:0}.now-info{width:200px;flex-shrink:0}.now-info strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-info span{font-size:9px;color:#949494;display:block;margin-top:7px}.icon-btn{border:0;background:transparent;color:#909090;font-size:16px;padding:5px}.player-center{flex:1;max-width:500px;margin:auto}.controls{display:flex;align-items:center;justify-content:center;gap:22px}.play-main{width:34px;height:34px;border-radius:50%;background:#3a3a3a;color:#ffffff;border:0;font-size:11px}.jump{position:relative;font-size:24px;line-height:24px}.jump small{position:absolute;font-size:7px;left:12px;top:9px}.timeline{display:flex;align-items:center;gap:10px;margin-top:7px}.timeline span{font-size:8px;color:#8d8d8d;min-width:25px}.timeline input{width:100%;height:3px;accent-color:#444444}.player-right{display:flex;align-items:center;gap:20px;margin-left:35px}.player-right select{font-size:10px;border:0;background:none;color:#686868}.volume{display:flex;align-items:center;gap:8px;color:#888888}.volume input{width:70px;height:3px;accent-color:#444444}.hidden{display:none!important}.empty{grid-column:1/-1;border:1px dashed #cbcbcb;border-radius:10px;padding:42px;text-align:center;color:#7c7c7c;line-height:1.8}.resume{padding:18px 22px;display:flex;align-items:center;gap:18px;background:#eaeaea;margin-top:20px;border-radius:9px}.resume strong{display:block;font-size:13px}.resume p{font-size:10px;color:#888888;margin:5px 0}.resume button{margin-left:auto;border:0;background:#3a3a3a;color:white;border-radius:5px;padding:10px 16px;font-size:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{padding:25px;background:#ececec;border-radius:10px;color:#828282;font-size:11px}.stat b{font:700 35px Manrope;display:block;color:#3f3f3f;margin-bottom:10px}dialog{border:1px solid #dedede;border-radius:16px;padding:36px;max-width:520px;width:calc(100% - 32px);max-height:85vh;box-shadow:0 30px 100px #24242430;background:#f9f9f9;color:#323232}dialog::backdrop{background:#20202066;backdrop-filter:blur(4px)}dialog p{font-size:13px;line-height:1.8;color:#7e7e7e}.close{position:absolute;right:14px;top:10px;font-size:28px;background:none;border:0;color:#848484}form label{display:block;font-size:11px;margin-top:16px}form input,form select,form textarea,dialog textarea{display:block;width:100%;margin-top:7px;padding:12px;background:white;border:1px solid #d8d8d8;border-radius:6px;color:#363636}form textarea{min-height:70px;resize:vertical}.form-note{font-size:10px!important}.or{text-align:center;font-size:10px;color:#999999;margin-top:15px}#toast{position:fixed;left:50%;bottom:115px;transform:translateX(-50%);padding:12px 20px;background:#3a3a3a;color:#ffffff;border-radius:8px;z-index:100;font-size:12px;max-width:90vw;display:none}.detail-actions{display:flex;gap:10px;margin:20px 0}.secondary{background:none;border:1px solid #b9b9b9;border-radius:6px;padding:12px;color:#565656;font-size:11px}.notes-label{font-size:11px;font-weight:700}#notes{min-height:110px;resize:vertical}.demo-tag{font-size:8px;background:#ffffff22;padding:4px 6px;border-radius:4px;letter-spacing:0}.delete-btn{display:block;margin-top:15px;background:none;border:0;color:#717171;font-size:11px}.detail-status{font-size:10px!important;color:#7a7a7a!important}
@media(min-width:1450px){main{padding-left:60px;padding-right:60px}.hero-copy{padding:40px 45px}.hero{min-height:360px}.hero h2{font-size:38px}.cover{height:210px}.cover-title{font-size:30px}.hero-art{inset-left:50%}}@media(max-width:1100px){.sidebar{width:205px;padding:30px 18px}.shell{margin-left:205px}header{padding:0 28px}main{padding:30px 28px 125px}.hero h2{font-size:29px}.hero-copy{padding:30px}.hero-art{inset:0 0 0 58%}.art-disc{width:170px;height:170px}.soundbar{font-size:15px;letter-spacing:3px}.edition{display:none}.cards{gap:15px}.cover{height:155px;padding:18px}.cover-title{font-size:22px}.now-info{width:170px}.player-right{margin-left:10px;gap:8px}.volume input{width:45px}.filter-row{align-items:flex-start}.sort{padding-top:8px}}
@media(max-width:800px){.sidebar{width:76px;padding:25px 12px;bottom:90px}.brand>div,.brandmark span,.sidebar nav span,.side-note,.add-button,.side-footer{display:none}.brand{justify-content:center}.sidebar nav a{padding:13px;justify-content:center}.shell{margin-left:76px}header{height:70px;padding:0 22px}.breadcrumb{display:none}.search{flex:1}.search input{width:100%}.search kbd{display:none}main{padding:25px 22px 125px}h1{font-size:29px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{width:65%;padding:27px}.hero h2{font-size:26px}.hero-art{opacity:.65;inset:0 -60px 0 65%}.hero-copy p{max-width:260px}.hero-meta{font-size:6px}.player{height:90px;padding:10px 16px;gap:10px}.now-info{width:145px}.now-art{width:42px;height:42px}.player-right{display:none}.player-center{margin:0 0 0 auto;max-width:330px}.controls{gap:15px}#playerFav{display:none}.sort{display:none}.quote{padding:20px}.quote h3{font-size:15px}.filters button{padding:7px 11px;font-size:9px}footer span{display:none}}
@media(max-width:520px){.sidebar{position:sticky;top:0;inset:auto;width:100%;height:58px;padding:10px 17px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;justify-content:space-between;z-index:15}.brand>div{display:block;font-size:18px}.brand small{display:none}.brandmark{font-size:27px;line-height:30px}.sidebar nav{display:flex;margin:0;gap:2px}.sidebar nav a{padding:7px 11px;font-size:20px}.shell{margin:0}header{height:55px;padding:10px 19px;gap:12px}.search{padding:8px 10px}.header-avatar{width:26px;height:26px}main{padding:22px 19px 145px}.page-title{margin-bottom:22px}h1{font-size:27px}.page-title .eyebrow{font-size:8px}.page-title p:not(.eyebrow){font-size:10px}.hero{min-height:326px}.hero-copy{width:100%;padding:25px}.hero h2{font-size:27px;max-width:290px}.hero-art{inset:0 -95px 0 65%;opacity:.2;pointer-events:none}.hero-copy p{max-width:240px}.hero-meta{font-size:6px}.library-section{margin-top:27px}.section-heading h2{font-size:20px}.filter-row{margin:18px 0}.filters{gap:6px;flex-wrap:nowrap;overflow:auto;width:100%;padding-bottom:6px}.filters button{white-space:nowrap}.cards{gap:13px}.cover{height:145px;padding:15px}.cover-title{font-size:21px}.cover-top{font-size:6px}.cover-top b{font-size:12px}.cover-bottom{font-size:6px;max-width:80px}.cover .card-play{width:29px;height:29px;right:10px;bottom:10px}.card-body{padding:13px 12px}.card h3{font-size:12px}.card p{font-size:9px;line-height:1.6}.card-label{font-size:7px}.card-footer{font-size:8px}.card-footer button{font-size:8px}.demo-tag{font-size:6px}.quote{padding:20px 15px;gap:10px}.quote h3{font-size:13px}.quote p{font-size:6px;letter-spacing:1px}.quote-arrow{display:none}footer{font-size:11px;margin-top:25px}.player{height:112px;flex-wrap:wrap;gap:7px;padding:10px 16px}.now-art{width:34px;height:34px;border-radius:5px;font-size:18px}.now-info{flex:1;width:60%}.now-info strong{font-size:11px}.now-info span{font-size:8px;margin-top:3px}.player-center{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;width:100%;max-width:none}.controls{gap:6px}.controls #prev,.controls #next{display:none}.jump{font-size:23px}.play-main{width:30px;height:30px}.timeline{flex:1;margin:0;gap:6px}.timeline span{font-size:7px}.timeline input{min-width:0}.player-right{display:flex;margin-left:auto;position:absolute;right:15px;top:14px}.player-right .volume,.player-right #detailOpen{display:none}.player-right select{font-size:10px}.now-info{padding-right:35px}.stats{gap:9px}.stat{padding:15px 10px;font-size:9px}.stat b{font-size:26px}.resume{padding:14px;gap:8px}.resume strong{font-size:11px}.resume button{padding:9px;font-size:9px}dialog{padding:30px 24px}#toast{bottom:124px} .breadcrumb{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Tools module */
.module-switch{display:flex;gap:5px;width:max-content;padding:5px;margin:25px 48px -10px;background:#eaeaea;border:1px solid #dfdfdf;border-radius:10px}.module-switch a{padding:10px 21px;border-radius:7px;font-size:14px;color:#7a7a7a;display:flex;gap:9px;align-items:center}.module-switch a.selected{background:#fefefe;box-shadow:0 2px 7px #30303010;color:#383838}.module-switch span{font-size:12px;font-weight:600}.tools-nav{order:1}.audio-nav{order:0}.sidebar nav a[data-view="biblioteca"]{order:2}.sidebar nav a[data-view="favoritos"]{order:3}.sidebar nav a[data-view="progreso"]{order:4}.tools-open .sidebar .side-note{margin-top:30px}.tools-open .sidebar .side-note>span{font-size:0}.tools-open .sidebar .side-note>span::after{content:'APRENDE. COMPARTE. CRECE.';font-size:7px}.tools-open .add-button{display:none}.tools-open:not(.has-active-audio) .player{display:none}.tools-open .sidebar{bottom:0}.tools-open main{padding-bottom:45px}.tools-open .page-title h1{font-size:34px}.tools-feature{background:#e6e6e6;border:1px solid #dddddd;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1fr .85fr;min-height:288px}.tools-feature>div:first-child{padding:32px 37px}.tool-feature-label{font-size:8px;letter-spacing:1.8px;color:#7a7a7a}.tools-feature h2{font-size:32px;line-height:1.24;letter-spacing:-1.2px;margin:19px 0 12px;color:#3b3b3b}.tools-feature p{font-size:11px;line-height:1.8;color:#7e7e7e;max-width:300px;margin-bottom:22px}.tool-feature-link{display:inline-flex;align-items:center;gap:30px;font-size:11px;background:#3b3b3b;color:#efefef;padding:12px 17px;border-radius:6px}.tools-feature-picture{position:relative;overflow:hidden;min-width:0}.tools-feature-picture img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;mix-blend-mode:multiply}.tools-feature-picture>span{position:absolute;bottom:20px;right:20px;font-size:6px;letter-spacing:1.5px;background:#f7f7f7b5;padding:7px 10px;border-radius:20px;color:#747474}.tools-section-heading{display:flex;align-items:center;justify-content:space-between;margin:33px 0 21px;gap:15px}.tools-section-heading .eyebrow{font-size:8px;margin-bottom:9px}.tools-section-heading h2{font-size:21px}.tools-section-heading>span{font-size:10px;color:#8e8e8e;white-space:nowrap}.tool-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.tool-category-card{display:block;background:#fefefe;border:1px solid #e2e2e2;border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s}.tool-category-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #38383812}.tool-card-image{height:178px;overflow:hidden;position:relative;background:#e8e8e8}.tool-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.tool-category-card:hover img{transform:scale(1.03)}.tool-image-index{position:absolute;top:13px;left:14px;font-size:6px;letter-spacing:1.7px;color:#5c5c5c;background:#ffffff9c;border-radius:30px;padding:6px 9px;backdrop-filter:blur(10px)}.tool-category-body{padding:18px 20px 17px}.tool-card-meta{display:flex;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#9a9a9a;align-items:center}.tool-card-meta>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid #e0e0e0;border-radius:50%;font-size:15px;color:#868686}.tool-category-body h2{font:700 17px/1.4 Manrope;letter-spacing:-.5px;margin:4px 0 8px}.tool-category-body p{font-size:11px;line-height:1.7;color:#8b8b8b;margin:0;min-height:38px}.tool-card-cta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eaeaea;margin-top:16px;padding-top:13px;font-size:9px;color:#666666}.tool-card-cta b{font-weight:400;font-size:17px}.tools-bottom-note{display:flex;align-items:center;gap:19px;background:#ececec;border:1px solid #dfdfdf;border-radius:10px;padding:24px 27px;margin-top:32px}.tools-bottom-note>span{font-size:28px;color:#a0a0a0}.tools-bottom-note h3{font:600 16px Manrope;margin:0 0 7px;letter-spacing:-.4px}.tools-bottom-note p{font-size:10px;color:#8a8a8a;margin:0}.tools-bottom-note>a{margin-left:auto;font-size:10px;color:#696969;white-space:nowrap}.tools-path{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;margin:0 0 25px;color:#999999}.tools-path a{color:#6e6e6e}.tools-path b{font-weight:500;color:#5c5c5c}.tools-collection-cover{display:grid;grid-template-columns:.8fr 1.2fr;min-height:230px;background:#e7e7e7;border-radius:13px;overflow:hidden;border:1px solid #dedede}.tools-collection-cover>img{width:100%;height:100%;max-height:260px;object-fit:cover}.tools-collection-cover>div{padding:34px}.tools-collection-cover h2{font:500 26px/1.35 Manrope;letter-spacing:-.8px;margin:14px 0 10px}.tools-collection-cover .eyebrow{font-size:7px;letter-spacing:1.5px}.tools-collection-cover p{font-size:11px;line-height:1.8;color:#868686;max-width:300px}.tool-subgrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.tool-subgrid .tool-card-image{height:210px}.tools-resource-list{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-resource{display:flex;align-items:flex-start;gap:15px;padding:24px 20px;text-align:left;background:#fefefe;border:1px solid #dfdfdf;border-radius:10px;color:#383838;transition:box-shadow .2s,transform .2s}.tool-resource:hover{box-shadow:0 8px 20px #3333330d;transform:translateY(-2px)}.tool-resource-icon{width:37px;height:37px;flex-shrink:0;background:#ebebeb;border-radius:9px;color:#828282;font-size:20px;display:grid;place-items:center}.tool-resource-copy{display:flex;flex-direction:column;gap:8px}.tool-resource-copy .tool-kind{font-size:7px;letter-spacing:1px;text-transform:uppercase;color:#989898}.tool-resource-copy strong{font:700 14px/1.5 Manrope;letter-spacing:-.3px}.tool-resource-copy>span:last-child{font-size:10px;color:#8a8a8a;line-height:1.7}.tool-resource-arrow{margin-left:auto;color:#949494}.tools-draft-note{font-size:10px;color:#989898;line-height:1.8;margin-top:25px}.tools-open footer>a{margin-left:auto;font-size:10px;color:#808080;font-weight:400}.tools-back{color:#606060;font-size:12px}.tool-draft{min-height:245px!important;font-size:12px;line-height:1.8}.tool-modal-actions{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}.tool-modal-actions .primary{margin-top:0}.tool-checklist{display:grid;gap:0;background:#ebebeb;border:1px solid #dedede;border-radius:9px;padding:10px 16px;margin:20px 0 10px}.tool-checklist label{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #dbdbdb;padding:13px 0;font-size:11px;line-height:1.7}.tool-checklist label:last-child{border-bottom:0}.tool-checklist input{margin-top:3px;accent-color:#525252;width:15px;height:15px;flex-shrink:0}.tool-checklist input:checked+span{text-decoration:line-through;color:#8b8b8b}.tool-reset{background:none;border:0;color:#8a8a8a;font-size:10px;padding:5px 0;margin-bottom:24px}.tool-reflection{border-left:2px solid #ababab;padding-left:15px;font-style:italic}.tool-link-box{padding:18px;background:#ebebeb;border-radius:9px;margin:20px 0 23px}.tool-link-box label{font-size:11px}.tool-link-box input{width:100%;display:block;border:1px solid #d3d3d3;border-radius:5px;padding:10px;font-size:12px;margin:9px 0 12px;background:#fefefe}.tool-link-box small{display:block;color:#929292;font-size:9px;line-height:1.6;margin-top:12px}.tool-external{display:inline-block;margin-left:7px;margin-top:0}.tool-link-empty{font-size:10px;color:#949494;display:block;margin-top:15px}.tool-modal-actions+.form-note{margin-top:15px}
@media(min-width:1450px){.module-switch{margin-left:60px}.tool-card-image{height:220px}}@media(max-width:1100px){.module-switch{margin-left:28px}.tool-category-grid{gap:15px}.tool-card-image{height:160px}.tool-category-body{padding:16px}.tool-category-body h2{font-size:15px}.tools-open .page-title h1{font-size:29px}.tools-feature>div:first-child{padding:30px}.tools-feature h2{font-size:28px}.sidebar nav{gap:4px;margin-top:40px}.side-note{margin-top:30px}}
@media(max-width:800px){.module-switch{margin-left:22px;margin-top:20px}.tool-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-resource-list{grid-template-columns:1fr}.tools-open .page-title h1{font-size:27px}.tools-feature{grid-template-columns:1.2fr .8fr}.tools-feature h2{font-size:25px}.tools-feature p{font-size:10px}.tools-section-heading h2{font-size:19px}.tools-bottom-note{padding:20px}.tools-bottom-note h3{font-size:14px}.tools-bottom-note p{font-size:9px}.tools-bottom-note>a{display:none}.tools-collection-cover>div{padding:25px}.tools-collection-cover h2{font-size:23px}.tool-subgrid .tool-card-image{height:170px}}
@media(max-width:520px){.tools-open .sidebar{bottom:auto}.sidebar nav a{padding:6px 9px;font-size:18px}.sidebar .brand>div{font-size:17px}.module-switch{margin:17px 19px -5px;padding:4px;width:calc(100% - 38px)}.module-switch a{width:50%;justify-content:center;padding:9px 10px;font-size:17px}.module-switch span{font-size:12px}.tools-open main{padding:23px 19px 45px}.tools-open .page-title h1{font-size:26px;letter-spacing:-1.1px}.tools-open .page-title p:not(.eyebrow){font-size:10px;line-height:1.7;max-width:290px}.tools-feature{grid-template-columns:1.3fr .7fr;min-height:250px}.tools-feature>div:first-child{padding:24px 19px}.tools-feature h2{font-size:24px}.tool-feature-label{font-size:6px;letter-spacing:1px;line-height:1.7;display:block}.tools-feature p{font-size:10px;line-height:1.7}.tool-feature-link{font-size:9px;gap:14px;padding:10px 12px}.tools-feature-picture img{width:250%;max-width:none;left:-90%}.tools-feature-picture>span{display:none}.tools-section-heading{margin:27px 0 17px;align-items:flex-end}.tools-section-heading h2{font-size:17px;max-width:250px}.tools-section-heading>span{font-size:8px}.tools-section-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.tool-category-grid{gap:12px}.tool-card-image{height:127px}.tool-category-body{padding:12px}.tool-category-body h2{font-size:14px;line-height:1.4;margin:6px 0}.tool-card-meta{font-size:6px;letter-spacing:.7px}.tool-card-meta>span{width:20px;height:20px;font-size:12px}.tool-category-body p{font-size:9px;line-height:1.7;min-height:45px}.tool-card-cta{font-size:8px;margin-top:10px;padding-top:9px}.tool-card-cta b{font-size:14px}.tool-image-index{font-size:5px;padding:5px 7px;top:10px;left:10px;letter-spacing:1px}.tools-bottom-note{padding:18px 14px;gap:12px;margin-top:24px}.tools-bottom-note h3{font-size:12px}.tools-bottom-note p{font-size:9px;line-height:1.6}.tools-bottom-note>span{font-size:22px}.tools-open footer{font-size:11px}.tools-open footer>a{font-size:9px}.tools-path{font-size:9px;gap:7px;margin-bottom:19px}.tools-collection-cover{grid-template-columns:.65fr 1fr;min-height:200px}.tools-collection-cover>img{height:100%;max-height:none}.tools-collection-cover>div{padding:20px 16px}.tools-collection-cover h2{font-size:20px;margin:10px 0}.tools-collection-cover .eyebrow{font-size:6px;letter-spacing:1px;line-height:1.6}.tools-collection-cover p{font-size:9px;line-height:1.7}.tool-subgrid .tool-card-image{height:130px}.tool-resource{padding:18px 15px;gap:13px}.tool-resource-copy strong{font-size:13px}.tool-resource-copy>span:last-child{font-size:10px}.tool-resource-icon{width:33px;height:33px;font-size:17px}.tool-checklist label{font-size:11px}.tool-modal-actions{gap:8px}.tool-modal-actions .primary,.tool-modal-actions .secondary{font-size:10px;padding:11px 12px}.tools-open #toast{bottom:25px}.tools-open .sidebar nav{margin-top:0}.sidebar nav{gap:1px}}

.tools-open.has-active-audio .sidebar{bottom:100px}.tools-open.has-active-audio main{padding-bottom:125px}@media(max-width:800px){.tools-open.has-active-audio .sidebar{bottom:90px}}@media(max-width:520px){.tools-open.has-active-audio .sidebar{bottom:auto}.tools-open.has-active-audio main{padding-bottom:145px}.tools-open.has-active-audio #toast{bottom:124px}}

.external-player{position:fixed;right:24px;bottom:115px;width:min(440px,calc(100vw - 32px));z-index:110;background:#fff;border:1px solid #ddd;border-top:4px solid #efff00;border-radius:16px;box-shadow:0 12px 45px #0002;overflow:hidden;color:#111}.external-player-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px}.external-player-head strong{font-size:14px}.external-player-head button{background:#f3f3f3;border:0;border-radius:50%;font-size:25px;width:32px;height:32px;flex-shrink:0;cursor:pointer}.external-player iframe{display:block;width:100%;border:0}.external-player iframe.youtube{aspect-ratio:16/9;min-height:220px}.external-player iframe.spotify{height:352px}.external-player>div:last-child{padding:12px 16px}.external-player a{color:#111;font-weight:600;font-size:13px}.external-player p{font-size:11px;line-height:1.6;color:#666;margin:8px 0 0}@media(max-width:600px){.external-player{right:16px;bottom:150px;max-height:calc(100dvh - 180px);overflow:auto}.external-player iframe.spotify{height:230px}}.player button:disabled,.player select:disabled{opacity:.4;cursor:default}

.video-nav{order:1}.module-switch{flex-wrap:wrap}.module-switch a[data-module=videos]{white-space:nowrap}