@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--ink:#10141f;--muted:#646b78;--paper:#f9f9f7;--line:#dedfdc;--violet:#6a55e8;--lime:#ddff74;--dark:#080b12;--card:#fff;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-loader{background:var(--dark);min-height:100vh}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1220px;height:78px;margin:auto;padding:0 30px;display:flex}.brand{color:var(--dark);letter-spacing:-1.7px;background:0 0;border:0;padding:0;font-size:24px;font-weight:800;line-height:1}.brand span{color:var(--violet)}.site-header nav{align-items:center;gap:22px;display:flex}.site-header nav button,.public-footer button{color:var(--muted);background:0 0;border:0;font-size:13px}.site-header nav button:hover,.public-footer button:hover{color:var(--ink)}.site-header .header-admin{border:1px solid var(--line);color:var(--ink);border-radius:20px;padding:9px 14px}.public-shell{max-width:1160px;margin:auto;padding:0 30px 95px}.public-hero{max-width:760px;padding:100px 0 75px}.kicker{letter-spacing:1.6px;color:var(--violet);margin:0 0 21px;font:500 11px DM Mono,monospace}.public-hero h1{letter-spacing:-6px;margin:0;font-size:clamp(48px,8vw,102px);line-height:.94}.public-hero h1 em{letter-spacing:-4px;font-family:Playfair Display,serif;font-weight:600}.public-hero>p:last-child{max-width:520px;color:var(--muted);margin:29px 0 0;font-size:17px;line-height:1.6}.featured-card{text-align:left;background:var(--dark);color:#fff;border:0;border-radius:4px;grid-template-columns:1.08fr .92fr;width:100%;min-height:438px;padding:0;transition:transform .2s,box-shadow .2s;display:grid;overflow:hidden}.featured-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #10141f26}.featured-image{background:#2f2970;min-height:360px;overflow:hidden}.featured-image img{object-fit:cover;width:100%;height:100%;min-height:438px}.featured-copy{flex-direction:column;align-items:flex-start;padding:58px 55px 44px;display:flex}.meta{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:0 0 14px;font:500 11px DM Mono,monospace}.featured-copy h2{letter-spacing:-2.2px;margin:0 0 20px;font-size:clamp(29px,3vw,45px);line-height:1.06}.featured-copy>p:not(.meta){color:#c6cad4;margin:0 0 35px;font-size:15px;line-height:1.62}.featured-copy span{color:var(--lime);margin-top:auto;font-size:14px;font-weight:700}.featured-copy b,.read-more b{margin-left:7px;font-size:18px}.gradient-art{background:linear-gradient(135deg,#5847db 0%,#1d1945 55%,#ff765c 130%);width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.gradient-art i{filter:blur();border-radius:999px;display:block;position:absolute}.gradient-art i:first-child{background:#deff71;width:80%;height:34%;top:21%;left:-14%;transform:rotate(-26deg)}.gradient-art i:nth-child(2){aspect-ratio:1;border:35px solid #fe7a65;width:53%;bottom:-10%;right:-11%}.gradient-art i:nth-child(3){aspect-ratio:1;background:#faf5ef;border-radius:50%;width:27%;top:13%;right:19%}.latest{margin-top:90px}.section-label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:29px;padding-bottom:18px;display:flex}.section-label p{letter-spacing:1.4px;margin:0;font:500 11px DM Mono,monospace}.section-label span{color:var(--muted);font-size:12px}.posts-grid{grid-template-columns:repeat(3,1fr);gap:34px 24px;display:grid}.post-card{color:var(--ink);text-align:left;background:0 0;border:0;padding:0}.post-card:hover h3{text-decoration:underline;-webkit-text-decoration-color:var(--violet);text-decoration-color:var(--violet);text-underline-offset:5px}.card-image{background:#322b73;width:100%;height:225px;margin-bottom:19px;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.post-card h3{letter-spacing:-.8px;margin:0 0 10px;font-size:21px;line-height:1.17}.excerpt{color:var(--muted);margin:0 0 13px;font-size:14px;line-height:1.55}.read-more{color:var(--violet);font-size:13px;font-weight:800}.empty-public{text-align:center;border:1px dashed #c9c9ca;padding:75px 30px}.empty-public h2{letter-spacing:-1.7px;margin:0 0 10px;font-size:35px}.empty-public p:last-child{color:var(--muted);margin:0}.notice{border-radius:4px;margin-bottom:20px;padding:14px 16px}.notice.error,.field-error{color:#c22e42;background:#fff0f1}.public-footer{background:var(--dark);color:#fff;align-items:center;gap:18px;padding:43px max(30px,50% - 550px);display:flex}.public-footer span{letter-spacing:-1px;font-size:19px;font-weight:800}.public-footer p{color:#9ba4b3;margin:0;font-size:13px}.public-footer button{color:#aeb6c5;margin-left:auto}.post-loading,.not-found{max-width:900px;min-height:68vh;margin:auto;padding:100px 30px}.not-found h1{letter-spacing:-2px;max-width:600px;margin:0 0 26px;font-size:50px}.article{max-width:810px;margin:auto;padding:58px 30px 100px}.back-link{color:var(--muted);background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.back-link:hover{color:var(--violet)}.article .meta{margin-top:70px}.article h1{letter-spacing:-4px;margin:0;font-size:clamp(42px,6vw,72px);line-height:1.03}.article-lead{color:var(--muted);margin:25px 0 45px;font-size:20px;line-height:1.57}.article-cover{object-fit:cover;width:100%;max-height:540px;margin:0 0 50px}.article-content{color:#232936;font-size:18px;line-height:1.72}.article-content>:first-child{margin-top:0}.article-content h2{letter-spacing:-1.3px;margin:48px 0 15px;font-size:32px;line-height:1.15}.article-content h3{margin:34px 0 12px;font-size:24px}.article-content p,.article-content ul,.article-content ol{margin:0 0 22px}.article-content ul,.article-content ol{padding-left:25px}.article-content a{color:#5540ca;text-underline-offset:3px;text-decoration:underline}.article-content blockquote{border-left:3px solid var(--violet);color:#505867;margin:32px 0;padding:4px 0 4px 23px;font:italic 25px/1.45 Playfair Display,serif}.article-content img{border-radius:3px;width:100%;height:auto;margin:36px auto}.article-content img.article-image{max-width:100%}.login-page{color:#f9fafb;background:#0b0e15;min-height:100vh;padding:36px max(28px,50% - 525px)}.login-page .brand{color:#fff}.login-card{background:#131824;border:1px solid #283041;max-width:426px;margin:100px auto;padding:42px}.login-card h1,.settings-card h1{letter-spacing:-2px;margin:0 0 10px;font-size:40px}.login-card>p:not(.kicker){color:#a6afc0;margin:0 0 32px;font-size:14px;line-height:1.55}.login-card label,.post-options label,.settings-card label{color:#48515f;gap:8px;margin-bottom:19px;font-size:12px;font-weight:800;display:grid}.login-card label{color:#c7ceda}.login-card input,.post-options input,.settings-card input{height:45px;color:var(--ink);background:#fff;border:1px solid #d6d8d8;outline:none;padding:0 12px;font-size:14px;font-weight:500}.login-card input{color:#fff;background:#0d121d;border-color:#323b4c}.login-card input:focus,.post-options input:focus,.settings-card input:focus,.title-input:focus,.editor-title textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6955e81b}.field-error{margin:0 0 14px;padding:10px 12px;font-size:12px;line-height:1.45}.login-note{color:#7f899a;text-align:center;margin:17px 0 0;font-size:11px}.button{border:1px solid #0000;border-radius:2px;min-height:40px;padding:0 16px;font-size:13px;font-weight:800}.button.primary:disabled,.button.outline:disabled{opacity:.6;cursor:wait}.button.outline{color:var(--ink);background:#fff;border-color:#bfc3c8}.button.quiet{color:#776f75;background:0 0}.button.full{width:100%}.success{color:#347325;background:#e7f7dd;margin:0 0 14px;padding:10px 12px;font-size:12px}.admin-layout{background:#f6f6f4;grid-template-columns:238px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#c6cbd6;background:#0b0e15;flex-direction:column;padding:31px 20px;display:flex}.admin-sidebar .brand{color:#fff;padding:0 12px}.sidebar-title{color:#6e7787;letter-spacing:1.4px;margin:65px 12px 12px;font:500 10px DM Mono,monospace}.side-link{color:#aeb6c5;text-align:left;background:0 0;border:0;border-radius:3px;padding:12px;font-size:13px}.side-link:hover,.side-link.active{color:#fff;background:#202638}.side-bottom{color:#778192;overflow-wrap:anywhere;gap:14px;margin-top:auto;padding:12px;font-size:11px;display:grid}.side-bottom button{color:#fff;text-align:left;background:0 0;border:0;padding:0;font-size:12px}.admin-content{width:100%;max-width:1150px;padding:65px 60px}.admin-top{justify-content:space-between;align-items:flex-end;margin-bottom:51px;display:flex}.admin-top h1{letter-spacing:-2.2px;margin:0 0 12px;font-size:43px;line-height:1}.admin-top p:last-child{color:var(--muted);margin:0;font-size:14px}.filters{border-bottom:1px solid var(--line);gap:7px;padding-bottom:20px;display:flex}.filter{color:var(--muted);background:0 0;border:0;border-radius:20px;padding:8px 11px;font-size:12px;font-weight:700}.filter span{color:#969ba4;padding-left:6px}.post-list-head,.admin-post{grid-template-columns:minmax(250px,1fr) 120px 145px 78px;align-items:center;gap:15px;display:grid}.post-list-head{color:#828894;letter-spacing:1px;padding:24px 14px 12px;font:500 10px DM Mono,monospace}.admin-post{border-top:1px solid #e1e2e1;min-height:81px;padding:10px 14px}.admin-post:last-child{border-bottom:1px solid #e1e2e1}.admin-post-title{align-items:center;gap:12px;min-width:0;display:flex}.admin-post-title img,.mini-art{object-fit:cover;background:linear-gradient(130deg,#6e5ae9,#f98872);flex:none;width:61px;height:48px}.admin-post-title b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.admin-post-title p{color:var(--muted);margin:3px 0 0;font-size:11px}.status{border-radius:20px;width:max-content;padding:5px 8px;font:700 10px DM Mono,monospace}.status.published{color:#3d7325;background:#e7f8d5}.status.draft{color:#686b72;background:#eeeef1}.status.archived{color:#9b5924;background:#fde8d8}.date-cell{color:#737985;font-size:12px}.table-action{color:#5641c6;text-align:left;background:0 0;border:0;padding:7px 0;font-size:12px;font-weight:800}.admin-empty{text-align:center;color:#737985;border:1px dashed #d0d2d3;padding:45px;font-size:13px}.editor-page{background:#f7f7f5;min-height:100vh}.editor-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 max(30px,50% - 600px);display:flex}.editor-actions{gap:8px;display:flex}.editor-wrap{max-width:1200px;margin:auto;padding:66px 30px 90px}.editor-title{max-width:810px;margin-bottom:54px}.title-input{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);letter-spacing:-2.8px;background:0 0;outline:none;padding:0 0 17px;font-size:50px;font-weight:800;line-height:1.05}.title-input::placeholder,.editor-title textarea::placeholder{color:#b5b7ba}.editor-title textarea{resize:vertical;color:#656d78;background:0 0;border:0;outline:0;width:100%;margin-top:19px;padding:0;font-size:17px;line-height:1.55}.editor-grid{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:42px;display:grid}.form-label{color:#5e6470;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 11px;font:500 10px DM Mono,monospace;display:block}.rich-editor{background:#fff;border:1px solid #d8dadc}.toolbar{background:#fbfbfb;border-bottom:1px solid #d8dadc;flex-wrap:wrap;align-items:center;gap:3px;min-height:49px;padding:7px;display:flex}.tool,.image-tool{color:#454b55;background:0 0;border:0;border-radius:3px;min-width:30px;height:30px;padding:0 7px;font-size:12px}.tool:hover,.tool.active{color:#5040b7;background:#e8e6ff}.toolbar-divider{border-left:1px solid #d7d9dd;height:22px;margin:0 2px}.image-tool{color:#5540c7;margin-left:auto;font-weight:800}.wysiwyg-content{color:#252a34;outline:0;min-height:420px;padding:29px;font-size:16px;line-height:1.7}.wysiwyg-content p{margin:0 0 16px}.wysiwyg-content h2{letter-spacing:-1.1px;margin:31px 0 12px;font-size:28px;line-height:1.2}.wysiwyg-content h3{margin:27px 0 10px;font-size:22px}.wysiwyg-content ul,.wysiwyg-content ol{margin:0 0 16px;padding-left:24px}.wysiwyg-content blockquote{border-left:3px solid var(--violet);color:#646b77;margin:25px 0;padding-left:16px;font:italic 22px/1.45 Playfair Display,serif}.wysiwyg-content a{color:#5540c7;text-decoration:underline}.wysiwyg-content img{border-radius:3px;width:auto;max-width:100%;height:auto;max-height:650px;margin:27px auto;display:block}.wysiwyg-content .is-editor-empty:first-child:before{content:attr(data-placeholder);color:#a6aab0;float:left;pointer-events:none;height:0}.editor-help{color:#828793;margin:9px 0 0;font-size:11px}.post-options{background:#fff;border:1px solid #dfe0df;padding:21px}.post-options label{margin-bottom:17px}.post-options input{width:100%}.cover-picker{border:1px dashed #bfc2c5;height:164px;margin-bottom:17px;position:relative}.cover-picker img{object-fit:cover;width:100%;height:100%}.cover-picker>button{color:#fff;background:#10141fdf;border:0;padding:6px 8px;font-size:10px;position:absolute;bottom:7px;right:7px}.cover-upload{cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#5641c7!important;margin:0!important;font-size:12px!important;display:flex!important}.cover-upload small{color:#89909b;margin-top:8px;font-size:10px;font-weight:500}.options-note{color:#858b96;margin:0;font-size:11px;line-height:1.5}.editor-error{width:fit-content;margin:28px 0 0}.settings-page{max-width:700px;margin:auto;padding:70px 30px}.settings-card{border:1px solid var(--line);background:#fff;max-width:470px;margin-top:45px;padding:43px}.settings-card>p:not(.kicker){color:var(--muted);margin:0 0 30px;font-size:14px}.settings-card form{max-width:330px}@media (width<=800px){.site-header{height:67px;padding:0 20px}.site-header nav{gap:8px}.site-header nav>button:first-child{display:none}.public-shell{padding:0 20px 70px}.public-hero{padding:65px 0 48px}.public-hero h1{letter-spacing:-3px}.public-hero h1 em{letter-spacing:-2.5px}.featured-card{display:block}.featured-image,.featured-image img{height:250px;min-height:250px}.featured-copy{min-height:290px;padding:32px 28px}.latest{margin-top:60px}.posts-grid{grid-template-columns:1fr;gap:38px}.card-image{height:215px}.public-footer{flex-wrap:wrap;padding:28px 20px}.public-footer button{margin-left:auto}.article{padding:38px 20px 70px}.article .meta{margin-top:50px}.article h1{letter-spacing:-2.5px}.article-lead{font-size:18px}.article-content{font-size:17px}.admin-layout{display:block}.admin-sidebar{flex-direction:row;align-items:center;height:65px;padding:0 20px;display:flex}.admin-sidebar .brand{padding:0}.sidebar-title,.side-link{display:none}.side-bottom{align-items:center;gap:12px;margin:0 0 0 auto;padding:0;display:flex}.side-bottom span{display:none}.admin-content{padding:42px 20px}.admin-top{align-items:flex-start;gap:18px;margin-bottom:33px}.admin-top h1{font-size:36px}.admin-top .button{white-space:nowrap}.filters{padding-bottom:14px;overflow:auto}.filter{white-space:nowrap}.post-list-head{display:none}.admin-post{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:73px;padding:10px 0}.admin-post .date-cell{display:none}.table-action{grid-area:1/2}.status{grid-column:1;margin-top:-17px;margin-left:73px}.editor-header{gap:15px;height:auto;min-height:67px;padding:13px 20px}.editor-actions{flex-wrap:wrap;justify-content:flex-end}.editor-actions .button{padding:0 10px}.editor-wrap{padding:43px 20px 70px}.title-input{letter-spacing:-1.7px;font-size:37px}.editor-grid{grid-template-columns:1fr;gap:28px}.post-options{order:-1}.wysiwyg-content{min-height:330px;padding:20px}.toolbar{gap:1px}.toolbar-divider{display:none}.image-tool{margin-left:0}.login-page{padding:28px 20px}.login-card{margin:65px auto;padding:28px}.settings-page{padding:48px 20px}.settings-card{padding:30px 24px}}:root{--ink:#211b35;--muted:#667085;--paper:#fffcf4;--line:#e8e1d5;--violet:#6338c5;--violet-deep:#2c175d;--yellow:#fff0a6;--yellow-strong:#ffe36b;--dark:#171126;--card:#fffefa;font-family:Open Sans,Arial,sans-serif}.brand,.public-hero h1,.featured-copy h2,.post-card h3,.article h1,.article-content h2,.article-content h3,.login-card h1,.settings-card h1,.admin-top h1,.title-input,.empty-public h2,.not-found h1{font-family:Space Grotesk,Open Sans,sans-serif}.brand{letter-spacing:-1.25px}.site-header{border-bottom-color:var(--line)}.site-header nav button,.public-footer button{font-family:Open Sans,sans-serif;font-weight:600}.site-header .header-admin{color:var(--violet);border-color:#d6c8f7}.site-header .header-admin:hover{color:var(--violet-deep);background:#f2edff}.kicker,.meta,.section-label p,.sidebar-title,.post-list-head,.form-label,.status{letter-spacing:1.15px;font-family:Open Sans,Arial,sans-serif;font-weight:800}.kicker{color:var(--violet)}.public-hero{max-width:790px}.public-hero h1{color:var(--violet-deep);letter-spacing:-5px;font-weight:700}.public-hero h1 em{color:var(--violet);letter-spacing:-5px;font-family:Space Grotesk,Open Sans,sans-serif;font-style:normal;font-weight:600}.public-hero>p:last-child{color:#5f6170;font-size:17px;line-height:1.7}.featured-card{background:var(--violet-deep);border-radius:10px;grid-template-columns:minmax(0,1fr) 350px;min-height:454px;box-shadow:0 17px 38px #2b175d26}.featured-card:hover{box-shadow:0 22px 48px #2b175d40}.featured-label{color:var(--yellow-strong);letter-spacing:1.4px;margin:0 0 25px;font-size:10px;font-weight:800}.featured-copy .meta{color:#d9cafd}.featured-copy h2{letter-spacing:-2.5px;font-size:clamp(30px,3.4vw,47px)}.featured-copy>p:not(.meta):not(.featured-label){color:#e3ddef;line-height:1.7}.featured-copy span{color:var(--yellow)}.featured-aside{color:var(--violet-deep);background:#f1eaff;flex-direction:column;justify-content:center;align-items:center;padding:31px;display:flex}.featured-aside>p{letter-spacing:1.3px;color:var(--violet);align-self:flex-start;margin:0 0 16px;font-size:10px;font-weight:800}.mini-cover{text-align:left;background:#fffdf6;border:1px solid #dfd3f9;flex-direction:column;width:min(100%,218px);min-height:337px;padding:17px;display:flex;box-shadow:9px 10px #d2c2fb}.mini-cover-brand{letter-spacing:-.8px;margin-bottom:13px;font:800 16px/1 Space Grotesk,sans-serif;display:block}.mini-cover-brand span{color:var(--violet)}.mini-cover-image{background:var(--violet);height:155px;overflow:hidden}.mini-cover-image img{object-fit:cover;width:100%;height:100%}.mini-cover-image .gradient-art{min-height:155px}.mini-cover strong{-webkit-line-clamp:3;color:var(--ink);letter-spacing:-.5px;-webkit-box-orient:vertical;margin:15px 0 8px;font:700 17px/1.18 Space Grotesk,sans-serif;display:-webkit-box;overflow:hidden}.mini-cover small{color:var(--violet);letter-spacing:1px;text-transform:uppercase;margin-top:auto;font-size:9px;font-weight:800}.gradient-art{background:linear-gradient(135deg,#6840cf 0%,#291358 55%,#ffc94c 140%)}.gradient-art i:first-child{background:var(--yellow)}.gradient-art i:nth-child(2){border-color:#facb4d}.post-card h3{color:var(--violet-deep);letter-spacing:-.6px;font-weight:700}.read-more{color:var(--violet)}.card-image{background:var(--violet)}.section-label{border-bottom-color:var(--line)}.empty-public{background:#fffdf8;border-color:#dfd1ff}.empty-public h2{color:var(--violet-deep)}.public-footer{background:var(--violet-deep)}.public-footer button{color:var(--yellow)}.article h1,.article-content h2,.article-content h3{color:var(--violet-deep)}.article-content{color:#33303c;line-height:1.78}.article-content a{color:var(--violet)}.article-content blockquote,.wysiwyg-content blockquote{border-left-color:var(--yellow-strong);color:#555064;font-family:Open Sans,sans-serif;font-style:italic}.article-cover{border-radius:8px}.button.primary{color:#fff;background:var(--violet)}.button.primary:hover{background:#4f28ab}.button.outline:hover{border-color:var(--violet);color:var(--violet)}.success{color:#715d0b;background:#fff9d8}.filter.active,.tool:hover,.tool.active{color:var(--violet);background:#eee7ff}.image-tool,.wysiwyg-content a,.cover-upload{color:var(--violet)!important}.editor-title textarea,.article-lead{color:#626172}.admin-post-title img,.mini-art{background:linear-gradient(130deg, var(--violet), var(--yellow-strong))}@media (width<=800px){.public-hero h1,.public-hero h1 em{letter-spacing:-3px}.featured-card{flex-direction:column;display:flex}.featured-copy{min-height:0;padding:38px 29px 34px}.featured-aside{align-items:flex-start;padding:27px 29px 31px}.featured-aside>p{margin-bottom:12px}.mini-cover{width:178px;min-height:276px;padding:14px;box-shadow:7px 8px #d2c2fb}.mini-cover-image{height:118px}.mini-cover-image .gradient-art{min-height:118px}.mini-cover strong{font-size:14px}.featured-image,.featured-image img{height:auto;min-height:0}}body{background:radial-gradient(circle at 88% 6%, #fff7c9 0, transparent 22rem), var(--paper)}.site-header .header-admin{background:var(--yellow);border-color:var(--yellow-strong)}.site-header .header-admin:hover{background:var(--yellow-strong)}.public-hero{position:relative}.public-hero:after{content:"";background:var(--yellow-strong);border-radius:99px;width:56px;height:11px;position:absolute;top:108px;right:5%;transform:rotate(-7deg)}.featured-aside{background:var(--yellow)}.featured-aside>p{color:var(--violet-deep)}.mini-cover{box-shadow:10px 10px 0 var(--violet);border-color:#e2cb63}.mini-cover-brand span,.mini-cover small{color:var(--violet)}.section-label{border-bottom:3px solid var(--yellow-strong)}.read-more{background:linear-gradient(transparent 57%, var(--yellow) 57%);padding:0 2px}.post-card:hover h3{-webkit-text-decoration-color:var(--yellow-strong);text-decoration-color:var(--yellow-strong)}.public-footer{border-top:7px solid var(--yellow-strong)}.article-loader{text-align:center;background:linear-gradient(135deg,#fbf5ff 0%,#fff8cf 100%);border:1px solid #eadc9a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:454px;padding:74px 34px 60px;display:flex}.loader-mark{width:50px;height:50px;margin-bottom:26px;position:relative}.loader-mark i{background:var(--violet);border-radius:50%;width:14px;height:14px;animation:1.1s ease-in-out infinite loader-bounce;display:block;position:absolute}.loader-mark i:first-child{bottom:0;left:0}.loader-mark i:nth-child(2){background:#8d69e9;animation-delay:.12s;top:0;left:18px}.loader-mark i:nth-child(3){background:var(--yellow-strong);animation-delay:.24s;bottom:0;right:0}.article-loader .kicker{margin-bottom:15px}.article-loader h2{max-width:600px;min-height:64px;color:var(--violet-deep);letter-spacing:-1.1px;margin:0 0 28px;font:600 clamp(23px,3vw,34px)/1.2 Space Grotesk,sans-serif;animation:.35s both phrase-in}.loader-track{background:#e0d2ae;border-radius:999px;width:min(100%,390px);height:7px;padding:1px;overflow:hidden}.loader-track span{border-radius:inherit;background:linear-gradient(90deg, var(--violet), #9270ed, var(--yellow-strong));width:38%;height:100%;animation:2.3s ease-in-out infinite loader-progress;display:block}.loader-caption{color:#756d5a;margin:16px 0 0;font-size:12px}.article-loader+.latest{margin-top:90px}@keyframes loader-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes loader-progress{0%{transform:translate(-110%)}56%,to{transform:translate(270%)}}@keyframes phrase-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){body{background:radial-gradient(circle at 100% 2%, #fff7c9 0, transparent 15rem), var(--paper)}.public-hero:after{width:42px;top:73px;right:9%}.article-loader{min-height:340px;padding:54px 25px}.article-loader h2{min-height:58px;font-size:25px}.article-loader+.latest{margin-top:60px}.featured-aside{background:var(--yellow)}}.image-toolbar{background:#fff9da;border-bottom:1px solid #eadb95;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 10px;display:flex}.image-toolbar>span:first-child{color:#695d31;letter-spacing:.75px;text-transform:uppercase;margin-right:5px;font-size:10px;font-weight:800}.image-toolbar .toolbar-divider{margin:0 5px}.image-toolbar .tool{min-width:auto;font-size:11px}.wysiwyg-content img[data-size=wide],.article-content img[data-size=wide]{width:100%;max-width:100%}.wysiwyg-content img[data-size=medium],.article-content img[data-size=medium]{width:68%;max-width:68%}.wysiwyg-content img[data-size=small],.article-content img[data-size=small]{width:42%;max-width:42%}.wysiwyg-content img[data-layout=block],.article-content img[data-layout=block]{float:none;clear:both}.wysiwyg-content img[data-layout=left],.article-content img[data-layout=left]{float:left;width:42%;max-width:42%;margin:8px 25px 14px 0}.wysiwyg-content img[data-layout=right],.article-content img[data-layout=right]{float:right;width:42%;max-width:42%;margin:8px 0 14px 25px}.wysiwyg-content:after,.article-content:after{content:"";clear:both;display:table}.wysiwyg-content h2,.wysiwyg-content h3,.wysiwyg-content blockquote,.article-content h2,.article-content h3,.article-content blockquote{clear:both}.remove-image{color:#af3934;background:#fff7f6;border:1px solid #f0b7b4;border-radius:3px;height:30px;margin-left:auto;padding:0 9px;font-size:11px;font-weight:800}.remove-image:hover{background:#ffe7e5}@media (width<=800px){.image-toolbar{gap:2px}.image-toolbar>span:first-child{width:100%;margin-bottom:4px}.image-toolbar .toolbar-divider{display:none}.wysiwyg-content img[data-size],.article-content img[data-size],.wysiwyg-content img[data-layout],.article-content img[data-layout]{float:none;width:100%;max-width:100%;margin:24px 0}}.public-hero{padding:64px 0 50px}.public-hero h1{max-width:740px;font-size:clamp(42px,6.5vw,78px);line-height:1.01}.full-screen-loader{background:radial-gradient(circle at 84% 14%,#fff2a7 0,#0000 22rem),linear-gradient(135deg,#fbf6ff 0%,#fff8d8 100%);border:0;border-radius:0;min-height:100vh;position:relative}.loader-brand{position:absolute;top:32px;left:max(28px,50% - 550px)}.full-screen-loader .loader-mark{margin-top:-34px}.full-screen-loader .loader-caption{margin-bottom:0}@media (width<=800px){.public-hero{padding:47px 0 40px}.public-hero h1{font-size:clamp(39px,11vw,58px);line-height:1.04}.full-screen-loader .loader-brand{top:27px;left:22px}.full-screen-loader .loader-mark{margin-top:-20px}}.global-toolbar{justify-content:space-between;padding:7px 12px}.global-toolbar>span{color:#8a8790;font-size:11px}.global-toolbar .image-tool{margin-left:auto}.bubble-menu{background:#21173e;border:1px solid #39275f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:3px;max-width:min(620px,100vw - 30px);padding:6px;display:flex;box-shadow:0 10px 28px #20173b45}.bubble-menu .tool{color:#f9f7ff;min-width:31px}.bubble-menu .tool:hover,.bubble-menu .tool.active{color:#29145f;background:var(--yellow-strong)}.bubble-menu .toolbar-divider{border-color:#5d4a83;height:20px}.image-bubble{padding:7px 8px}.image-bubble>span{color:var(--yellow);letter-spacing:.65px;text-transform:uppercase;margin:0 5px 0 2px;font-size:10px;font-weight:800}.image-bubble .remove-image{color:#ffc7c3;background:#3b1d32;border-color:#713d54;margin-left:3px}.image-bubble .remove-image:hover{color:#fff;background:#7d3341}.rich-editor:focus-within{border-color:#a78bfa;box-shadow:0 0 0 3px #6338c51a}@media (width<=800px){.global-toolbar>span{display:none}.bubble-menu{justify-content:center;max-width:calc(100vw - 22px)}.text-bubble .toolbar-divider{display:none}.image-bubble>span{text-align:center;width:100%;margin:1px 0 4px}.image-bubble .toolbar-divider{display:none}.image-bubble .remove-image{margin-left:0}}.embed-bubble>span{color:var(--yellow);letter-spacing:.65px;text-transform:uppercase;padding:0 4px;font-size:10px;font-weight:800}.embed-action{color:#fff;background:#4d347c;border:0;border-radius:3px;height:30px;padding:0 10px;font-size:11px;font-weight:800}.embed-action:hover{background:#65479b}.editor-embed{cursor:pointer;background:#f8f4ff;border:1px solid #d6c6ff;border-radius:7px;margin:26px 0;padding:13px}.editor-embed.ProseMirror-selectednode{outline:3px solid var(--violet)}.editor-embed-label{color:var(--violet-deep);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.editor-carousel-preview{color:#827897;grid-template-columns:repeat(4,1fr);place-items:center;gap:7px;min-height:90px;font-size:13px;display:grid}.editor-carousel-preview img{object-fit:cover;border-radius:3px;width:100%;height:112px;margin:0}.editor-youtubeEmbed iframe{aspect-ratio:16/9;background:#1c142f;border:0;border-radius:4px;width:100%;display:block}.editor-context-menu{z-index:200;background:#21173e;border:1px solid #4e397b;border-radius:8px;width:250px;padding:8px;position:fixed;box-shadow:0 16px 35px #1a10314d}.editor-context-menu p{color:var(--yellow);letter-spacing:.8px;text-transform:uppercase;margin:4px 8px 7px;font-size:10px;font-weight:800}.editor-context-menu button{color:#fff;text-align:left;background:0 0;border:0;border-radius:4px;width:100%;padding:10px 9px;font-size:12px;font-weight:700;display:block}.editor-context-menu button:hover{background:#4a3376}.embed-composer{z-index:210;background:#fffefa;border:1px solid #d8cafc;border-radius:10px;width:min(500px,100vw - 32px);max-height:calc(100vh - 40px);padding:23px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 60px #1f123d47}.embed-composer-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.embed-composer-head .kicker{margin-bottom:6px}.embed-composer h3{color:var(--violet-deep);letter-spacing:-.8px;margin:0;font:700 24px/1.1 Space Grotesk,sans-serif}.composer-close{width:30px;height:30px;color:var(--violet-deep);background:#f0eaff;border:0;border-radius:50%;font-size:22px;line-height:1}.carousel-items{grid-template-columns:repeat(4,1fr);gap:9px;min-height:104px;margin-bottom:16px;display:grid}.carousel-item{background:#eee5ff;border-radius:4px;height:100px;position:relative;overflow:hidden}.carousel-item img{object-fit:cover;width:100%;height:100%}.carousel-item button{color:#fff;background:#21173ee8;border:0;border-radius:50%;width:23px;height:23px;position:absolute;top:4px;right:4px}.empty-carousel{color:#777184;grid-column:1/-1;place-self:center;font-size:13px}.embed-composer>.button+.button{margin-left:8px}.youtube-field{color:#4e4860;gap:8px;font-size:12px;font-weight:800;display:grid}.youtube-field input{height:44px;color:var(--ink);border:1px solid #cdc3e5;outline:0;padding:0 11px}.youtube-field input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6338c51a}.composer-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.article-cover-wrap,.article-media{margin:0 0 38px;position:relative}.article-cover-wrap .article-cover{margin:0}.article-media{display:flow-root}.article-media img{border-radius:5px;width:100%;height:auto;display:block;margin:0!important}.article-media[data-size=medium]{width:68%;max-width:68%;margin-left:auto;margin-right:auto}.article-media[data-size=small]{width:42%;max-width:42%;margin-left:auto;margin-right:auto}.article-media[data-layout=left]{float:left;width:42%;max-width:42%;margin:8px 25px 14px 0}.article-media[data-layout=right]{float:right;width:42%;max-width:42%;margin:8px 0 14px 25px}.image-zoom{z-index:2;color:#fff;opacity:0;background:#21173ed9;border:1px solid #ffffff9c;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1;transition:opacity .18s,transform .18s,background .18s;position:absolute;top:11px;left:11px;transform:translateY(-4px)}.article-cover-wrap:hover .image-zoom,.article-media:hover .image-zoom,.techfano-carousel:hover .image-zoom,.image-zoom:focus-visible{opacity:1;transform:translateY(0)}.image-zoom:hover{background:var(--violet)}.techfano-carousel{background:#f4efff;border:1px solid #dfd2ff;border-radius:8px;margin:38px 0;padding:13px}.carousel-frame{background:#21173e;border-radius:4px;position:relative;overflow:hidden}.carousel-frame img{object-fit:contain;width:100%;max-height:590px;display:block;margin:0!important}.carousel-footer{justify-content:center;align-items:center;gap:19px;padding-top:11px;display:flex}.carousel-footer button{width:34px;height:29px;color:var(--violet-deep);background:#fff;border:1px solid #cfc0f9;border-radius:4px;font-size:17px}.carousel-footer button:hover{background:var(--yellow)}.carousel-footer span{color:#635a77;text-align:center;min-width:48px;font-size:11px;font-weight:800}.techfano-youtube{aspect-ratio:16/9;background:#21173e;border-radius:7px;margin:38px 0;position:relative;overflow:hidden}.techfano-youtube iframe{border:0;width:100%;height:100%}.image-lightbox{z-index:500;cursor:zoom-out;background:#100923e8;justify-content:center;align-items:center;padding:34px;display:flex;position:fixed;inset:0}.image-lightbox img{object-fit:contain;cursor:default;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 22px 60px #0008}.lightbox-close{color:#fff;background:#21173e;border:1px solid #fff6;border-radius:50%;width:40px;height:40px;font-size:28px;line-height:1;position:fixed;top:20px;right:22px}@media (width<=800px){.embed-bubble>span{text-align:center;width:100%}.editor-carousel-preview{grid-template-columns:repeat(2,1fr)}.editor-carousel-preview img{height:90px}.carousel-items{grid-template-columns:repeat(3,1fr)}.article-media[data-size],.article-media[data-layout]{float:none;width:100%;max-width:100%;margin:25px 0}.image-zoom{opacity:1;transform:none}.techfano-carousel{margin:27px 0;padding:8px}.image-lightbox{padding:18px}.lightbox-close{top:13px;right:14px}}.post-card{background:#fffefa;border:1px solid #e8e0d2;border-radius:8px;height:100%;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 7px 16px #3523600b}.post-card:hover{border-color:#d3c2f7;transform:translateY(-4px);box-shadow:0 15px 30px #3523601f}.post-card .card-image{height:195px;margin:0;position:relative}.post-card .card-image img{transition:transform .35s}.post-card:hover .card-image img{transform:scale(1.04)}.card-arrow{width:34px;height:34px;color:var(--violet-deep);background:#fffefa;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:13px;right:13px;box-shadow:0 3px 10px #29145b25}.card-copy{padding:21px 21px 17px}.card-copy .meta{margin-bottom:11px;font-size:10px}.post-card .card-copy h3{min-height:50px;margin-bottom:9px;font-size:20px;line-height:1.22}.post-card .card-copy .excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;font-size:13px;display:-webkit-box;overflow:hidden}.card-footer{color:var(--violet);border-top:1px solid #eee7db;justify-content:space-between;align-items:center;padding-top:11px;font-size:12px;font-weight:800;display:flex}.card-footer b{background:var(--yellow);width:25px;height:25px;color:var(--violet-deep);border-radius:50%;place-items:center;font-size:15px;display:grid}.slug-preview{color:#74698a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.article-sharing{background:#faf7ff;border:1px solid #e3d9fa;border-radius:7px;flex-wrap:wrap;align-items:center;gap:11px 16px;margin:0 0 34px;padding:14px 16px;display:flex}.article-sharing>span{color:#675b80;font-size:12px;font-weight:700}.article-sharing>div{gap:7px;display:flex}.article-sharing button{border-radius:4px;min-height:34px;padding:0 11px;font-size:12px;font-weight:800}.share-native{border:1px solid var(--violet);background:var(--violet);color:#fff}.share-native:hover{background:#4f28ab}.share-copy{color:var(--violet-deep);background:#fff;border:1px solid #cdbdf4}.share-copy:hover{background:var(--yellow)}.article-sharing small{color:#4f7d30;width:100%;font-size:11px;font-weight:700}@media (width<=800px){.post-card .card-image{height:205px}.article-sharing{align-items:flex-start;margin-bottom:27px}.article-sharing>span,.article-sharing>div{width:100%}.article-sharing button{white-space:nowrap;flex:1;padding:0 8px}}.sticky-sharing{z-index:95;flex-direction:column;align-items:stretch;gap:9px;width:156px;margin:0;padding:13px;animation:.2s both sticky-share-in;position:fixed;top:50%;left:max(18px,50% - 590px);transform:translateY(-50%);box-shadow:0 12px 28px #2f196326}.sticky-sharing>span{font-size:10px}.sticky-sharing>div{gap:6px;width:100%;display:grid}.sticky-sharing button{width:100%;min-height:32px;padding:0 8px;font-size:11px}.sticky-sharing small{margin-top:1px}.sticky-sharing b{font-weight:800}@keyframes sticky-share-in{0%{opacity:0;transform:translate(-10px,-50%)}to{opacity:1;transform:translateY(-50%)}}@media (width<=1279px){.sticky-sharing{top:auto;bottom:max(14px, env(safe-area-inset-bottom));flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:min(390px,100vw - 28px);padding:9px 10px;left:50%;transform:translate(-50%)}.sticky-sharing>span{display:none}.sticky-sharing>div{flex:1;width:auto;display:flex}.sticky-sharing button{flex:1;min-height:36px}.sticky-sharing small{background:#f0ffe6;border-radius:4px;width:max-content;margin:0 0 7px;padding:5px 8px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #1811231c}@keyframes sticky-share-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}}@media (width<=420px){.sticky-sharing{width:calc(100vw - 20px)}.sticky-sharing button{font-size:11px}.sticky-sharing button b{display:none}}.sticky-accessibility{z-index:96;width:48px;animation:.22s both sticky-access-in;position:fixed;top:max(82px,38% - 230px);left:max(18px,50% - 590px)}.sticky-accessibility .reading-tool{background:#fffefa;border-color:#d7c9fa;flex:0 0 48px;width:48px;min-width:48px;height:48px;box-shadow:0 7px 18px #2f196329;min-height:48px!important}@media (width<=1279px){.article-sharing.sticky-sharing{left:14px;right:auto}.article-sharing.sticky-sharing.near-footer{bottom:max(210px, calc(env(safe-area-inset-bottom) + 188px))}}@media (width<=430px){.article-sharing.sticky-sharing{left:10px;right:auto}}@media (width<=1279px){body.floating-accessibility-visible{padding-top:calc(54px + env(safe-area-inset-top))}.sticky-accessibility{z-index:200;width:100%;min-height:calc(54px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 14px 8px;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffefa;border:0;border-bottom:1px solid #ded3eb;border-radius:0;align-items:flex-end;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 5px 18px #2a174e1a}.sticky-accessibility:before{content:"Accesibilidad";color:#6f6380;letter-spacing:.2px;align-self:center;margin-right:auto;padding-left:2px;font-size:10px;font-weight:800}.sticky-accessibility .accessibility-controls{flex-direction:row;gap:5px;display:flex}.sticky-accessibility .reading-tool{width:34px;min-width:34px;height:34px;box-shadow:none;border-color:#d3c4ed;flex:0 0 34px;min-height:34px!important}.sticky-accessibility .reading-tool svg{width:17px;height:17px}.techfano-dark .sticky-accessibility{background:#1f1828;border-bottom-color:#493b58;box-shadow:0 5px 18px #03020652}.techfano-dark .sticky-accessibility:before{color:#c8bdd3}}@media (width<=430px){body.floating-accessibility-visible{padding-top:calc(52px + env(safe-area-inset-top))}.sticky-accessibility{width:100%;min-height:calc(52px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 10px 8px;inset:0 0 auto}.sticky-accessibility:before{content:"Lectura"}.sticky-accessibility .reading-tool{flex-basis:32px;width:32px;min-width:32px;height:32px;min-height:32px!important}}.sticky-accessibility{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefae6;border:1px solid #d0c1ede0;border-radius:999px;width:auto;padding:7px;inset:18px 18px auto auto;box-shadow:0 10px 28px #2f196329}.sticky-accessibility .accessibility-controls{flex-direction:row;gap:6px}.sticky-accessibility .reading-tool{width:40px;min-width:40px;height:40px;box-shadow:none;flex-basis:40px;min-height:40px!important}.techfano-dark .sticky-accessibility{background:#20182ae6;border-color:#685282e6;box-shadow:0 10px 30px #0402086b}@media (width<=1279px){.sticky-accessibility{top:max(12px, env(safe-area-inset-top));bottom:auto;left:auto;right:12px}}@media (width<=430px){.sticky-accessibility{top:max(10px, env(safe-area-inset-top));width:auto;padding:6px;bottom:auto;left:auto;right:10px}.sticky-accessibility .reading-tool{flex-basis:36px;width:36px;min-width:36px;height:36px;min-height:36px!important}}.sticky-sharing{position:fixed}@media (width<=1279px){body.floating-accessibility-visible{padding-top:calc(58px + env(safe-area-inset-top))}.sticky-accessibility{width:100%;min-height:calc(58px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:#fffefaf7;border-width:0 0 1px;border-radius:0;justify-content:flex-end;align-items:flex-end;display:flex;inset:0 0 auto}.sticky-sharing{left:14px;right:auto}.techfano-dark .sticky-accessibility{background:#20182af7}}@media (width<=430px){body.floating-accessibility-visible{padding-top:calc(56px + env(safe-area-inset-top))}.sticky-accessibility{width:100%;min-height:calc(56px + env(safe-area-inset-top));padding:calc(7px + env(safe-area-inset-top)) 10px 7px;inset:0 0 auto}.sticky-sharing{left:10px;right:auto}}@media (width<=1279px){.article-header .access-tour{z-index:1000;top:calc(74px + env(safe-area-inset-top));width:min(500px,100vw - 28px);max-height:calc(100dvh - 94px - env(safe-area-inset-top));overscroll-behavior:contain;position:fixed;bottom:auto;left:auto;right:14px;overflow:auto}.article-header .access-tour-help{z-index:140;top:calc(70px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffefaf5;border:1px solid #d9c9f5;position:fixed;bottom:auto;right:13px;box-shadow:0 5px 15px #2f19631f;padding:5px 9px!important}.techfano-dark .article-header .access-tour-help{background:#2c2336f5;border-color:#5d4a75}}@media (width<=800px){.article-header .access-tour{top:calc(76px + env(safe-area-inset-top));width:auto;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:15px;bottom:auto;left:12px;right:12px}.article-header .access-tour-copy{min-width:0}}@media (width<=430px){.article-header .access-tour{top:calc(68px + env(safe-area-inset-top));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));bottom:auto;left:8px;right:8px}.article-header .access-tour-copy button{min-height:34px}.article-header .access-tour-help{top:calc(64px + env(safe-area-inset-top));right:9px}}.author-signature{width:max-content;max-width:100%;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:11px;margin:-25px 0 34px;padding:7px 10px 7px 7px;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative}.author-signature:hover,.author-signature:focus-visible{background:#faf6ff;border-color:#dacbf7;outline:none;transform:translateY(-2px)}.author-avatar{background:linear-gradient(135deg, var(--violet), #9b76f0);color:#fff;object-fit:cover;border:2px solid #fff3a9;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:12px;font-style:normal;font-weight:900;display:grid;overflow:hidden;box-shadow:0 4px 10px #30185b24}.author-avatar.large{border-width:4px;width:92px;height:92px;font-size:24px;box-shadow:0 9px 24px #1b0e313d}.author-signature-copy{min-width:0;display:grid}.author-signature-copy small{color:#847493;letter-spacing:.9px;font-size:7px;font-weight:900}.author-signature-copy strong{color:var(--violet-deep);font:700 13px/1.2 Space Grotesk,sans-serif}.author-signature-copy em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;overflow:hidden}.author-open{color:var(--violet);margin-left:8px;font-size:9px;font-weight:800}.author-tooltip{z-index:80;color:#493e54;opacity:0;pointer-events:none;transform-origin:0 0;background:#fffdf5;border:1px solid #e3d3a1;border-radius:9px;gap:5px;width:min(320px,100vw - 40px);padding:13px 15px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:calc(100% + 9px);left:8px;transform:translateY(-5px)scale(.97);box-shadow:0 13px 28px #25124333}.author-tooltip:before{content:"";background:#fffdf5;border-top:1px solid #e3d3a1;border-left:1px solid #e3d3a1;width:10px;height:10px;position:absolute;bottom:100%;left:20px;transform:translateY(5px)rotate(45deg)}.author-tooltip strong{color:var(--violet-deep);font-size:12px}.author-tooltip span{font-size:10px;line-height:1.45}.author-tooltip small{color:var(--violet);font-size:8px;font-weight:800}.author-signature:hover .author-tooltip,.author-signature:focus-visible .author-tooltip{opacity:1;transform:none}.author-signature-end{background:linear-gradient(110deg,#faf6ff,#fffbea);border-color:#e2d6fa;border-radius:10px;width:100%;margin:58px 0 10px;padding:17px}.author-signature-end .author-open{margin-left:auto}.author-page{max-width:1160px;margin:auto;padding:45px 30px 100px}.author-hero{color:#fff;background:linear-gradient(135deg,#2f1766,#7449d4 60%,#ffe16c 140%);border-radius:13px;min-height:390px;position:relative;overflow:hidden;box-shadow:0 20px 45px #26134c2e}.author-hero.has-cover{background-position:50%;background-size:cover}.author-hero.has-cover:before{content:"";background:linear-gradient(90deg,#130927e6,#190c3252);position:absolute;inset:0}.author-hero-content{z-index:1;flex-direction:column;justify-content:center;max-width:660px;min-height:390px;padding:48px 55px;display:flex;position:relative}.author-hero h1{letter-spacing:-3px;margin:0;font:700 clamp(42px,6vw,72px)/1 Space Grotesk,sans-serif}.author-role{color:#e3d7fb;margin:9px 0 17px;font-size:14px;font-weight:700}.author-bio{color:#f3edf8;margin:0;font-size:16px;line-height:1.65}.author-hero a{width:max-content;color:var(--yellow);margin-top:20px;font-size:12px;font-weight:800}.author-articles{margin-top:70px}.profile-form,.create-author-form{background:#fffefa;border:1px solid #e1d6ee;border-radius:11px;overflow:hidden;box-shadow:0 12px 30px #2f196312}.profile-cover-preview{background:linear-gradient(135deg,#3a1a78,#7750d2 62%,#ffe16a) 50%/cover;justify-content:flex-end;align-items:flex-end;gap:7px;min-height:190px;padding:16px;display:flex}.profile-cover-preview button,.profile-upload-button{color:#fff;cursor:pointer;background:#180c2fc7;border:1px solid #ffffff8c;border-radius:5px;min-height:32px;padding:7px 10px;font-size:10px;font-weight:800}.profile-main-fields{grid-template-columns:150px minmax(0,1fr);gap:28px;padding:0 28px 28px;display:grid}.profile-avatar-editor{margin-top:-44px}.profile-avatar-editor .author-avatar{width:96px;height:96px;position:relative}.profile-avatar-editor label{width:max-content;color:var(--violet);cursor:pointer;margin-top:10px;font-size:10px;font-weight:800;display:block}.profile-fields-grid{grid-template-columns:1fr 1fr;gap:16px;padding-top:26px;display:grid}.profile-fields-grid label,.create-author-form label,.team-author-fields label{color:#655a70;gap:7px;font-size:10px;font-weight:800;display:grid}.profile-fields-grid input,.profile-fields-grid textarea,.create-author-form input,.create-author-form textarea,.create-author-form select,.team-author-fields input,.team-author-fields select{width:100%;color:var(--ink);background:#fff;border:1px solid #d8cde4;border-radius:5px;outline:none;padding:10px}.profile-fields-grid input:focus,.profile-fields-grid textarea:focus,.create-author-form input:focus,.create-author-form textarea:focus,.create-author-form select:focus,.team-author-fields input:focus,.team-author-fields select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6338c51a}.profile-wide-field{grid-column:1/-1}.profile-wide-field textarea{resize:vertical}.profile-wide-field small{color:#8c8294;text-align:right}.profile-save-row{border-top:1px solid #eee7f2;justify-content:flex-end;align-items:center;gap:16px;padding:17px 28px;display:flex}.profile-save-row>span{color:#857b8d;margin-right:auto;font-size:10px}.profile-form>.field-error,.profile-form>.success,.create-author-form>.field-error,.create-author-form>.success{margin:0 28px 15px}.create-author-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:45px;padding:25px;display:grid}.create-author-form>div:first-child,.create-author-bio,.create-author-form>.field-error,.create-author-form>.success{grid-column:1/-1}.create-author-form h2{color:var(--violet-deep);margin:3px 0 8px;font:700 25px/1.1 Space Grotesk,sans-serif}.create-author-form>.button{grid-column:2;justify-self:end}.team-list>.form-label{margin-bottom:13px}.team-author-card{background:#fffefa;border:1px solid #e1d7ec;border-radius:8px;margin-bottom:10px;padding:17px}.team-author-heading{align-items:center;gap:11px;display:flex}.team-author-heading>div{display:grid}.team-author-heading strong{color:var(--violet-deep);font-size:13px}.team-author-heading span{color:#83798a;font-size:9px}.team-author-heading i{border-radius:99px;margin-left:auto;padding:5px 8px;font-size:8px;font-style:normal;font-weight:900}.team-author-heading i.active{color:#457028;background:#e8f8d3}.team-author-heading i.inactive{color:#766c7d;background:#f2edf4}.team-author-fields{grid-template-columns:1fr 1fr 150px 160px;gap:10px;margin-top:16px;display:grid}.team-active-toggle{flex-direction:row;align-items:center;display:flex!important}.team-active-toggle input{width:auto;accent-color:var(--violet)}.team-author-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.team-author-actions small{color:#746a7b}.editor-author-picker{background:#faf7ff;border:1px solid #e1d5ef;border-radius:7px;align-items:center;gap:10px;margin:8px 0 13px;padding:10px;display:flex}.editor-author-picker>div{display:grid}.editor-author-picker strong{color:var(--violet-deep);font-size:12px}.editor-author-picker span{color:#82778b;font-size:9px}.sticky-sharing{transition:bottom .22s,transform .22s}@media (width<=1279px){.sticky-sharing.near-footer{bottom:max(210px, calc(env(safe-area-inset-bottom) + 188px))}}body.techfano-dark .public-shell{color:#f5efff}.techfano-dark .public-hero h1,.techfano-dark .public-hero h1 em{color:#f3ecff}.techfano-dark .public-hero h1 em{text-decoration-color:#ffe16a}.techfano-dark .featured-card{background:#1d1428;border:1px solid #49385e;box-shadow:0 20px 46px #0302066b}.techfano-dark .featured-copy{background:linear-gradient(145deg,#241532,#17101f)}.techfano-dark .featured-aside{background:#2a2037}.techfano-dark .post-card h3,.techfano-dark .empty-public h2{color:#f1eaff}.techfano-dark .post-card .excerpt,.techfano-dark .section-label span,.techfano-dark .meta{color:#bdb3c8}.techfano-dark .section-label{border-bottom-color:#d6b93d}.techfano-dark .card-footer{color:#c8b1ff}.techfano-dark .empty-public{background:#21192a}.techfano-dark .public-footer{background:#0e0914;border-top-color:#d7b83a}.techfano-dark .article-loader.full-screen-loader{background:radial-gradient(circle at 80% 12%,#49336a,#0000 19rem),linear-gradient(145deg,#17101f,#211927)}.techfano-dark .article-loader h2{color:#f3ecff}.techfano-dark .loader-track{background:#44384d}.techfano-dark .loader-caption{color:#bcb2c5}.techfano-dark .author-signature:hover,.techfano-dark .author-signature:focus-visible,.techfano-dark .author-signature-end{background:#241b2e;border-color:#504063}.techfano-dark .author-tooltip{color:#d7cfdd;background:#2a2034;border-color:#5a486c}.techfano-dark .author-tooltip:before{background:#2a2034;border-color:#5a486c}@media (width<=900px){.team-author-fields{grid-template-columns:1fr 1fr}}@media (width<=800px){.author-signature{margin-top:-18px}.author-signature-end{margin-top:45px}.author-open{display:none}.author-page{padding:28px 20px 70px}.author-hero,.author-hero-content{min-height:350px}.author-hero-content{padding:37px 27px}.author-hero h1{letter-spacing:-2px}.author-articles{margin-top:50px}.profile-main-fields{grid-template-columns:1fr}.profile-avatar-editor{margin-bottom:-12px}.profile-fields-grid{grid-template-columns:1fr;padding-top:0}.profile-wide-field{grid-column:auto}.create-author-form{grid-template-columns:1fr}.create-author-form>*,.create-author-form>.button{grid-column:1}.team-author-fields{grid-template-columns:1fr}.admin-sidebar .side-link:nth-of-type(4):after{content:"◉";font-size:18px}.admin-sidebar .side-link:nth-of-type(5):after{content:"♙";font-size:18px}.admin-sidebar .side-link:nth-of-type(6):after{content:"◌";font-size:18px}}@media (width<=480px){.author-signature-copy em{max-width:175px}.profile-cover-preview{min-height:145px}.profile-main-fields{padding-left:17px;padding-right:17px}.profile-save-row{flex-direction:column;align-items:stretch;padding:15px 17px}.team-author-heading i{display:none}}@keyframes sticky-access-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (width<=1279px){.sticky-accessibility{top:auto;right:15px;bottom:max(206px, calc(env(safe-area-inset-bottom) + 184px));left:auto}}@media (width<=430px){.sticky-accessibility{width:42px;right:18px;bottom:max(194px, calc(env(safe-area-inset-bottom) + 174px))}.sticky-accessibility .reading-tool{flex-basis:42px;width:42px;min-width:42px;height:42px;min-height:42px!important}}@media (prefers-reduced-motion:reduce){.sticky-accessibility{animation:none}}.article-cover-wrap img,.article-media img,.techfano-carousel .carousel-frame img{cursor:zoom-in}.featured-card{display:block;position:relative;overflow:hidden}.featured-open{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 390px;width:100%;min-height:454px;padding:0;display:grid}.featured-aside{background:#e7dcff;min-height:454px;padding:0;overflow:hidden}.featured-aside>img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.featured-card:hover .featured-aside>img{transform:scale(1.035)}.featured-aside .gradient-art{min-height:454px}.featured-card-actions{position:absolute;top:16px;right:16px}.card-open{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.post-card{flex-direction:column;display:flex}.post-card .card-open{display:block}.post-card .card-copy{padding-bottom:13px}.card-footer{margin-top:auto;padding:11px 17px 13px 21px}.card-actions{gap:6px;display:flex}.card-actions button{width:29px;height:29px;color:var(--violet-deep);background:#fffefa;border:1px solid #ded0fa;border-radius:50%;place-items:center;font-size:15px;line-height:1;display:grid}.card-actions button:hover{border-color:var(--violet);background:var(--yellow)}.featured-card-actions .card-actions{display:flex}.featured-card-actions button{background:#fffefae8;border-color:#fff9;width:34px;height:34px;box-shadow:0 4px 12px #170d3040}.featured-card-actions button:hover{background:var(--yellow)}.featured-copy{padding-right:76px}@media (width<=800px){.featured-open{flex-direction:column;display:flex}.featured-aside{order:-1;height:250px;min-height:250px}.featured-aside .gradient-art{min-height:250px}.featured-copy{padding-right:29px}.featured-card-actions{top:13px;right:13px}.card-footer{padding-right:16px}}.public-footer{margin-top:86px}.sticky-sharing{width:48px;box-shadow:none;background:0 0;border:0;gap:0;padding:0;top:38%;left:max(18px,50% - 590px)}.sticky-sharing>span{display:none}.sticky-sharing>div{flex-direction:column;gap:10px;width:48px;display:flex}.sticky-sharing button{width:48px;min-height:48px;color:var(--violet-deep);background:#fffefa;border:1px solid #d7c9fa;border-radius:50%;padding:0;font-size:20px;box-shadow:0 7px 18px #2f196329}.sticky-sharing button:hover{border-color:var(--violet);background:var(--yellow)}.sticky-sharing button b{display:none}.sticky-sharing small{background:#f0ffe6;border-radius:4px;width:max-content;margin:0;padding:6px 8px;position:absolute;top:50%;bottom:auto;left:59px;transform:translateY(-50%);box-shadow:0 4px 12px #1811231c}.sticky-sharing .share-native{background:var(--violet);color:#fff}.sticky-sharing .share-native:hover{background:#4f28ab}@media (width<=1279px){.public-footer{margin-top:66px}.sticky-sharing{top:auto;right:15px;bottom:max(88px, calc(env(safe-area-inset-bottom) + 66px));width:48px;left:auto;transform:none}.sticky-sharing>div{width:48px}.sticky-sharing small{top:50%;left:auto;right:58px;transform:translateY(-50%)}@keyframes sticky-share-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}}.editor-header{z-index:120;position:sticky;top:0;box-shadow:0 4px 16px #29175212}.reading-feedback{clear:both;background:linear-gradient(135deg,#fbf8ff,#fffbe8);border:1px solid #e2d6ff;border-radius:10px;margin:62px 0 8px;padding:34px}.reading-feedback .kicker{margin-bottom:10px}.reading-feedback h2{color:var(--violet-deep);letter-spacing:-1.3px;margin:0;font:700 clamp(25px,3vw,33px)/1.12 Space Grotesk,sans-serif}.feedback-intro,.feedback-thanks>p:last-child{color:#625b70;margin:10px 0 22px;font-size:14px;line-height:1.6}.rating-scale{grid-template-columns:repeat(5,1fr);gap:8px;max-width:500px;display:grid}.rating-scale button{color:#655b75;background:#fffefa;border:1px solid #d8cbed;border-radius:6px;min-height:62px;padding:7px 4px;transition:background .18s,border-color .18s,transform .18s}.rating-scale button:hover,.rating-scale button.active{border-color:var(--violet);background:var(--yellow);color:var(--violet-deep);transform:translateY(-2px)}.rating-scale strong{font-size:22px;line-height:1.1;display:block}.rating-scale span{min-height:13px;margin-top:4px;font-size:9px;font-weight:800;display:block}.feedback-continue{margin-top:17px}.feedback-details{border-top:1px solid #e3d9f6;max-width:660px;margin-top:26px;padding-top:23px}.feedback-details h3{color:var(--violet-deep);letter-spacing:-.6px;margin:0;font:700 21px/1.15 Space Grotesk,sans-serif}.feedback-details>p{color:#70687b;margin:7px 0 14px;font-size:13px}.feedback-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.feedback-options label{color:#514a60;background:#fffefa;border:1px solid #e0d5f3;border-radius:5px;align-items:center;gap:8px;min-height:43px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.feedback-options input{accent-color:var(--violet)}.feedback-field{color:#534b60;gap:7px;margin-top:17px;font-size:12px;font-weight:800;display:grid}.feedback-field textarea{resize:vertical;width:100%;color:var(--ink);background:#fffefa;border:1px solid #d7cce7;border-radius:5px;outline:0;padding:10px;line-height:1.5}.feedback-field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6338c51a}.feedback-submit{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.feedback-error{margin:14px 0 0}.feedback-thanks{background:linear-gradient(135deg,#fbfff5,#fffce9);border-color:#d8e8bc}.feedback-thanks h2{color:#3f6a27}.feedback-list-summary{color:#5e5191;font-weight:700}.feedback-list-summary.empty{color:#90939a;font-weight:500}.admin-row-actions{justify-items:start;gap:2px;display:grid}.admin-row-actions .table-action{padding:3px 0}.feedback-action{color:#88783c}.analysis-page{max-width:1210px}.analysis-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 27px;display:grid}.analysis-overview>div{background:#fffefa;border:1px solid #dfd3fa;border-radius:7px;min-height:113px;padding:19px}.analysis-overview span{color:#75698a;letter-spacing:.85px;font-size:10px;font-weight:800;display:block}.analysis-overview strong{color:var(--violet-deep);letter-spacing:-1.4px;margin-top:13px;font:700 31px/1 Space Grotesk,sans-serif;display:block}.analysis-filters{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.analysis-filters .filters{flex:1}.analysis-filters>label{color:#62586f;gap:6px;min-width:220px;font-size:11px;font-weight:800;display:grid}.analysis-filters select{max-width:260px;height:36px;color:var(--ink);background:#fffefa;border:1px solid #d8ccec;border-radius:4px;outline:0;padding:0 9px}.rating-breakdown{gap:10px;max-width:580px;margin:0 0 34px;display:grid}.rating-breakdown>div{color:#635a72;grid-template-columns:35px 1fr 22px;align-items:center;gap:9px;font-size:12px;font-weight:800;display:grid}.rating-breakdown i{background:#eee8f8;border-radius:99px;height:9px;overflow:hidden}.rating-breakdown b{border-radius:inherit;background:linear-gradient(90deg, var(--violet), #a78dff);height:100%;display:block}.analysis-insights{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:16px;display:grid}.analysis-insights>div,.analysis-notes{background:#fffefa;border:1px solid #e5dded;border-radius:7px;padding:20px}.analysis-insights .form-label,.analysis-notes .form-label,.analysis-post-list>.form-label{margin:0 0 14px}.insight-pills{flex-wrap:wrap;gap:7px;display:flex}.insight-pills span{color:#553ca0;background:#eee7ff;border-radius:99px;padding:7px 9px;font-size:11px;font-weight:700}.insight-pills b{width:17px;height:17px;color:var(--violet-deep);background:#fff;border-radius:50%;place-items:center;margin-left:3px;font-size:9px;display:inline-grid}.analysis-empty{color:#8a8491;margin:0;font-size:13px}.analysis-notes{margin:16px 0}.analysis-notes>p:not(.form-label){color:#48414f;border-top:1px solid #eee8df;margin:0;padding:10px 0;font-size:13px;line-height:1.55}.analysis-notes>p:nth-child(2){border-top:0;padding-top:0}.analysis-post-list{margin-top:32px}.analysis-post-list article{border-top:1px solid #dedee3;justify-content:space-between;align-items:center;gap:20px;min-height:91px;padding:15px 0;display:flex}.analysis-post-list article:last-child{border-bottom:1px solid #dedee3}.analysis-post-list h2{color:var(--violet-deep);margin:0 0 5px;font:700 18px/1.15 Space Grotesk,sans-serif}.analysis-post-list article p{color:#716a79;margin:0;font-size:12px}.mini-rating-bars{border-bottom:1px solid #cfc5dd;align-items:end;gap:4px;width:94px;height:40px;padding-bottom:1px;display:flex}.mini-rating-bars span{background:var(--violet);border-radius:3px 3px 0 0;flex:1;min-height:4px;display:block}.mini-rating-bars span:nth-child(-n+3){background:#e6b460}@media (width<=800px){.reading-feedback{margin-top:45px;padding:25px 19px}.feedback-options{grid-template-columns:1fr}.rating-scale{gap:5px}.rating-scale button{min-height:55px}.feedback-submit{justify-content:stretch}.feedback-submit .button{flex:1}.admin-sidebar{gap:4px;overflow-x:auto}.admin-sidebar .side-link{flex:none;padding:9px 7px;font-size:0;display:block}.admin-sidebar .side-link:nth-of-type(2):after{content:"▦";font-size:18px}.admin-sidebar .side-link:nth-of-type(3):after{content:"◔";font-size:18px}.admin-sidebar .side-link:nth-of-type(4):after{content:"◌";font-size:18px}.admin-row-actions{grid-area:1/2}.admin-row-actions .table-action{font-size:11px}.admin-post .status{grid-column:1}.analysis-overview{grid-template-columns:1fr;gap:8px}.analysis-overview>div{justify-content:space-between;align-items:center;min-height:auto;display:flex}.analysis-overview strong{margin:0}.analysis-filters{display:block}.analysis-filters .filters{margin-bottom:14px}.analysis-filters>label{min-width:0}.analysis-filters select{width:100%;max-width:none}.rating-breakdown{margin-bottom:26px}.analysis-insights{grid-template-columns:1fr}.analysis-post-list article{align-items:flex-start}.mini-rating-bars{flex:0 0 82px}}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.playful-feedback{isolation:isolate;background:radial-gradient(circle at 96% 5%,#fff0a1 0,#0000 180px),linear-gradient(145deg,#f7f1ff 0%,#fffdf1 68%);border:2px solid #d8c6ff;border-radius:16px;padding:38px;position:relative;overflow:hidden;box-shadow:0 18px 45px #40227c1a}.playful-feedback:after{content:"";z-index:-1;aspect-ratio:1;border:31px solid #7550dc1b;border-radius:50%;width:180px;position:absolute;bottom:-112px;right:-92px}.playful-feedback .kicker{color:#7952d0}.feedback-sparkles i{z-index:-1;color:#e5b900;pointer-events:none;font-style:normal;position:absolute}.feedback-sparkles i:first-child{font-size:18px;top:25px;right:34px;transform:rotate(13deg)}.feedback-sparkles i:nth-child(2){font-size:23px;top:59px;right:69px}.feedback-sparkles i:nth-child(3){color:#7952d0;font-size:11px;top:83px;right:21px}.rating-playground{background:linear-gradient(145deg,#2c175b,#42217a);border-radius:13px;width:min(100%,590px);margin-top:25px;padding:18px 24px 20px;box-shadow:inset 0 1px #ffffff1f,0 11px 25px #2f185126}.rating-numbers{grid-template-columns:repeat(5,1fr);align-items:center;margin:0 -6px 5px;display:grid}.rating-numbers button{color:#bfb1df;background:0 0;border:0;border-radius:50%;justify-self:center;place-items:center;width:27px;height:27px;padding:0;font-size:11px;font-weight:800;transition:color .18s,background .18s,transform .18s,box-shadow .18s;display:grid}.rating-numbers button:hover,.rating-numbers button:focus-visible{color:#fff;outline-offset:2px;background:#ffffff1a;outline:2px solid #efd84f}.rating-numbers button.reached{color:#ffe95f}.rating-numbers button.active{color:#32165d;background:#ffe95f;animation:.38s cubic-bezier(.2,1.7,.5,1) rating-number-pop;box-shadow:0 0 0 5px #ffe95f27}.mood-stage{height:89px;position:relative}.mood-stage .mood-face{left:var(--face-position);background:#fffdf4;border-radius:50%;place-items:center;width:55px;height:55px;font-size:34px;line-height:1;transition:left .25s cubic-bezier(.2,.75,.3,1);animation:.35s cubic-bezier(.2,1.55,.45,1) mood-pop;display:grid;position:absolute;top:4px;transform:translate(-50%);box-shadow:0 8px 16px #1406295e,inset 0 -3px #e6d6b7}.mood-stage strong{color:#fff6ae;text-align:center;letter-spacing:.15px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.rating-slider-label{height:28px;display:block}.rating-slider-label input{appearance:none;cursor:grab;touch-action:pan-y;background:0 0;border:0;width:100%;height:28px;margin:0}.rating-slider-label input:active{cursor:grabbing}.rating-slider-label input::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ffe75a 0 var(--rating-progress), #6b53a0 var(--rating-progress) 100%);border-radius:99px;height:10px;box-shadow:inset 0 1px 3px #13062680}.rating-slider-label input::-webkit-slider-thumb{appearance:none;background:#ffe75a;border:4px solid #fff;border-radius:50%;width:26px;height:26px;margin-top:-8px;transition:transform .15s;box-shadow:0 4px 13px #120325aa}.rating-slider-label input:hover::-webkit-slider-thumb{transform:scale(1.16)}.rating-slider-label input:focus-visible::-webkit-slider-thumb{transform:scale(1.16)}.rating-slider-label input::-moz-range-track{background:#6b53a0;border:0;border-radius:99px;height:10px;box-shadow:inset 0 1px 3px #13062680}.rating-slider-label input::-moz-range-progress{background:#ffe75a;border-radius:99px;height:10px}.rating-slider-label input::-moz-range-thumb{background:#ffe75a;border:4px solid #fff;border-radius:50%;width:19px;height:19px;box-shadow:0 4px 13px #120325aa}.rating-extremes{color:#bfb1df;justify-content:space-between;margin-top:2px;font-size:9px;font-weight:700;display:flex}.playful-feedback .feedback-continue{border-radius:99px;min-width:137px;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 7px 18px #5934b02e}.playful-feedback .feedback-continue:hover{transform:translateY(-2px);box-shadow:0 11px 22px #5934b044}.playful-feedback .feedback-continue span{margin-left:5px;transition:transform .18s;display:inline-block}.playful-feedback .feedback-continue:hover span{transform:translate(4px)}.feedback-attention{animation:1.15s cubic-bezier(.18,.8,.32,1) feedback-wave}.feedback-attention .feedback-sparkles i{animation:1.15s both sparkle}.feedback-attention .feedback-sparkles i:nth-child(2){animation-delay:.12s}.feedback-attention .feedback-sparkles i:nth-child(3){animation-delay:.22s}.feedback-attention .mood-face{animation:1.15s ease-in-out both attention-face}@keyframes rating-number-pop{0%{transform:scale(.75)}65%{transform:scale(1.34)rotate(-4deg)}to{transform:scale(1)}}@keyframes mood-pop{0%{opacity:.25;transform:translate(-50%)scale(.55)rotate(-12deg)}70%{transform:translate(-50%)scale(1.16)rotate(5deg)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes feedback-wave{0%,to{transform:translate(0)rotate(0)}18%{transform:translate(-5px)rotate(-.25deg)}36%{transform:translate(5px)rotate(.25deg)}54%{transform:translate(-3px)}72%{transform:translate(2px)}}@keyframes sparkle{0%{opacity:.2;transform:scale(.4)rotate(-20deg)}45%{opacity:1;transform:scale(1.65)rotate(18deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes attention-face{0%,to{transform:translate(-50%)translateY(0)rotate(0)}28%{transform:translate(-50%)translateY(-9px)rotate(-7deg)}55%{transform:translate(-50%)translateY(0)rotate(6deg)}75%{transform:translate(-50%)translateY(-5px)rotate(-3deg)}}@media (width<=800px){.playful-feedback{border-radius:13px;padding:28px 18px}.rating-playground{padding:16px 16px 18px}.mood-stage{height:84px}.mood-stage .mood-face{width:51px;height:51px;font-size:31px}.feedback-sparkles i:first-child{top:17px;right:19px}.feedback-sparkles i:nth-child(2){top:48px;right:43px}.feedback-sparkles i:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){.feedback-attention,.feedback-attention .feedback-sparkles i,.feedback-attention .mood-face,.rating-numbers button.active,.mood-stage .mood-face{animation:none}.rating-numbers button,.mood-stage .mood-face,.playful-feedback .feedback-continue,.playful-feedback .feedback-continue span{transition:none}.rating-slider-label input::-webkit-slider-thumb{transition:none}}.progressive-feedback{animation:.42s cubic-bezier(.2,.8,.3,1) both progressive-reveal}.progressive-feedback .feedback-options label{cursor:pointer;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.progressive-feedback .feedback-options label:hover{border-color:#bfa9ee;transform:translateY(-2px);box-shadow:0 5px 12px #49308012}.progressive-feedback .feedback-options label.selected{border-color:var(--violet);color:var(--violet-deep);box-shadow:inset 4px 0 0 var(--yellow-strong);background:#f0e9ff}.feedback-followup{margin-top:18px;padding-top:2px;animation:.4s cubic-bezier(.2,.85,.3,1) both followup-reveal}.feedback-followup .feedback-field:first-child{margin-top:0}.feedback-followup .feedback-submit .button span{margin-left:5px;transition:transform .18s;display:inline-block}.feedback-followup .feedback-submit .button:hover span{transform:translate(4px)}@keyframes progressive-reveal{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes followup-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.progressive-feedback,.feedback-followup{animation:none}.progressive-feedback .feedback-options label,.feedback-followup .feedback-submit .button span{transition:none}}.rating-numbers{margin:0 -7px 7px}.rating-numbers button{color:#e5dcf7;background:#ffffff0c;border:1px solid #ffffff26;width:34px;height:34px;font-size:13px;box-shadow:inset 0 1px #ffffff12}.rating-numbers button.reached{color:#fff08a;background:#ffe95f15;border-color:#ffe95f70}.rating-numbers button.active{color:#32165d;background:#ffe95f;border-color:#fff7a7;box-shadow:0 0 0 6px #ffe95f25,0 7px 15px #12052e6e}.mood-stage{height:106px}.mood-stage .mood-face{width:72px;height:72px;box-shadow:none;background:0 0;border-radius:0;font-size:0;top:1px}.mood-svg{filter:drop-shadow(0 8px 8px #16052c72);width:100%;height:100%;display:block;overflow:visible}.mood-head{stroke:#fff7cf;stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:.42s cubic-bezier(.2,1.45,.4,1) both svg-head-arrive}.mood-shine{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:6px;opacity:.45}.mood-features{fill:#33185c;transform-box:fill-box;transform-origin:50%;animation:.35s 50ms both svg-features-arrive}.eye-shine{fill:#fff}.mood-eye,.mood-mouth,.mood-brow{fill:none;stroke:#33185c;stroke-width:6px;stroke-linecap:round}.mood-mouth{stroke-width:5px}.mood-blush{fill:#ff718a;opacity:.48}.sleep-mark{fill:none;stroke:#fff0a2;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;animation:1.7s ease-in-out infinite sleep-float}.happy{stroke-width:5px}.smile{stroke-width:6px}.star-eye{fill:#402064;transform-box:fill-box;transform-origin:50%;animation:1.35s ease-in-out infinite alternate star-twinkle}.star-eye:nth-child(2){animation-delay:.18s}.open-smile{fill:#3a195d}.tongue{fill:none;stroke:#ff8f99;stroke-width:6px;stroke-linecap:round}.mood-svg-4 .mood-head{animation:.42s cubic-bezier(.2,1.45,.4,1) both svg-head-arrive,2.1s ease-in-out .45s infinite happy-float}.mood-svg-5 .mood-head{animation:.42s cubic-bezier(.2,1.45,.4,1) both svg-head-arrive,1.25s ease-in-out .45s infinite alternate excited-pulse}.mood-svg-1 .sleepy{transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out .4s infinite sleepy-blink}.mood-svg-0 .mood-features{animation:2.2s ease-in-out infinite curious-look}.progressive-feedback{background:linear-gradient(145deg,#fffefa,#faf6ff);border:1px solid #d9c9f8;border-radius:13px;width:min(100%,590px);max-width:590px;margin-top:18px;padding:22px;box-shadow:0 11px 27px #3b246317}.feedback-step-heading,.feedback-final-heading{align-items:center;gap:12px;display:flex}.feedback-step-heading>span,.feedback-final-heading>span{background:var(--violet);color:#fff;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid;box-shadow:0 0 0 5px #7456db18}.feedback-step-heading small,.feedback-final-heading small{color:#8b70c5;letter-spacing:1.1px;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.feedback-step-heading h3{margin:0;font-size:21px}.feedback-step-heading p{color:#70687b;margin:4px 0 0;font-size:12px}.progressive-feedback .feedback-options{gap:10px;margin-top:18px}.progressive-feedback .feedback-options label{background:#fff;border:2px solid #e6dcf5;border-radius:10px;min-height:62px;padding:9px 38px 9px 10px;position:relative;box-shadow:0 4px 10px #40206f09}.progressive-feedback .feedback-options label:hover{border-color:#c6afea;box-shadow:0 8px 17px #49308016}.progressive-feedback .feedback-options label.selected{background:linear-gradient(135deg,#f2ecff,#fffbe4);border-color:#7452d4;box-shadow:inset 0 0 0 1px #7452d41c,0 8px 17px #49308018}.progressive-feedback .feedback-options input{opacity:0;width:1px;height:1px;position:absolute}.feedback-option-icon{color:#6946c3;background:#ede5ff;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:17px;font-weight:800;transition:transform .18s,background .18s;display:grid}.feedback-options label:nth-child(2n) .feedback-option-icon{color:#745918;background:#fff3ad}.feedback-options label.selected .feedback-option-icon{background:var(--violet);color:#fff;transform:rotate(-5deg)scale(1.08)}.feedback-options label>span:nth-of-type(2){line-height:1.28}.feedback-options label>i:last-child{color:#3b1b65;opacity:0;background:#ffe761;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;transition:opacity .18s,transform .25s cubic-bezier(.2,1.5,.4,1);display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)scale(.4)rotate(-20deg)}.feedback-options label.selected>i:last-child{opacity:1;transform:translateY(-50%)scale(1)rotate(0)}.feedback-unlock-hint{color:#7b7088;text-align:center;background:#f4f0fa;border-radius:8px;margin:17px 0 0;padding:10px 12px;font-size:11px;font-weight:700}.feedback-unlock-hint span{color:var(--violet);margin-right:4px;animation:1.4s ease-in-out infinite unlock-bounce;display:inline-block}.feedback-followup{background:linear-gradient(145deg,#fffceb,#fff8c9);border:1px dashed #ddc64d;border-radius:11px;margin-top:19px;padding:18px}.feedback-final-heading{border-bottom:1px solid #eadc91;margin-bottom:16px;padding-bottom:14px;position:relative}.feedback-final-heading>span{color:#48256f;background:#ffe058;box-shadow:0 0 0 5px #ffe0582e}.feedback-final-heading strong{color:#4d336c;font:700 18px/1.1 Space Grotesk,sans-serif;display:block}.feedback-final-heading>i{color:#b99500;margin-left:auto;font-style:normal;animation:1.1s ease-in-out infinite alternate star-twinkle}.feedback-followup .feedback-field{color:#4f4259}.feedback-followup .feedback-field textarea{background:#fffefa;border-color:#e3d37d;border-radius:8px}.feedback-followup .feedback-submit .button{border-radius:99px;box-shadow:0 8px 18px #542ba42d}@keyframes svg-head-arrive{0%{opacity:0;transform:scale(.5)rotate(-12deg)}72%{transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes svg-features-arrive{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes sleep-float{0%,to{opacity:.45;transform:translateY(3px)}50%{opacity:1;transform:translateY(-4px)}}@keyframes star-twinkle{0%{transform:scale(.88)rotate(-3deg)}to{transform:scale(1.09)rotate(4deg)}}@keyframes happy-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(2deg)}}@keyframes excited-pulse{0%{transform:scale(.98)rotate(-1deg)}to{transform:scale(1.04)rotate(1deg)}}@keyframes sleepy-blink{0%,88%,to{transform:scaleY(1)}93%{transform:scaleY(.3)}}@keyframes curious-look{0%,to{transform:translate(-2px)}50%{transform:translate(3px)}}@keyframes unlock-bounce{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}@media (width<=800px){.rating-numbers button{width:31px;height:31px;font-size:12px}.mood-stage{height:98px}.mood-stage .mood-face{width:66px;height:66px}.progressive-feedback{padding:17px 13px}.feedback-step-heading{padding:0 4px}.feedback-step-heading>span,.feedback-final-heading>span{flex-basis:34px;width:34px;height:34px}.progressive-feedback .feedback-options{grid-template-columns:1fr}.progressive-feedback .feedback-options label{min-height:58px}.feedback-followup{padding:15px 12px}}@media (prefers-reduced-motion:reduce){.mood-head,.mood-features,.sleep-mark,.star-eye,.mood-svg-4 .mood-head,.mood-svg-5 .mood-head,.mood-svg-1 .sleepy,.mood-svg-0 .mood-features,.feedback-unlock-hint span,.feedback-final-heading>i{animation:none}}.rating-playground{position:relative;overflow:hidden}.rating-guide{z-index:12;pointer-events:none;background:linear-gradient(#221044f2,#35186df0);border-radius:13px;animation:.28s both guide-appear;position:absolute;inset:0;overflow:hidden}.rating-guide-card{z-index:2;color:#351961;background:#fffdf2;border:1px solid #fff4a999;border-radius:11px;align-items:center;gap:10px;width:min(290px,100% - 28px);padding:11px 13px;display:flex;position:absolute;top:17px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #10032488}.rating-guide-card:after{content:"";background:#fffdf2;width:12px;height:12px;position:absolute;top:100%;left:50%;transform:translate(-50%,-6px)rotate(45deg)}.rating-guide-card>span{color:#41206c;background:#ffe45c;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:11px;font-weight:900;display:grid}.rating-guide-card strong,.rating-guide-card small{display:block}.rating-guide-card strong{font-size:12px;line-height:1.2}.rating-guide-card small{color:#756987;margin-top:3px;font-size:9px;line-height:1.25}.rating-guide-trail{border:1px dashed #fff09b8c;border-radius:99px;height:8px;position:absolute;bottom:39px;left:12%;right:12%;overflow:hidden}.rating-guide-trail:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#ffe45c,#0000);width:32%;height:100%;animation:2.35s ease-in-out .25s infinite guide-trail;display:block}.rating-guide-pointer{z-index:3;filter:drop-shadow(0 6px 7px #0b011a88);width:37px;height:46px;animation:2.35s ease-in-out .25s infinite guide-slide;position:absolute;bottom:12px;left:12%;overflow:visible}.rating-guide-pointer path{fill:#fffdf4;stroke:#361868;stroke-width:2.5px;stroke-linejoin:round}.rating-guide-pointer circle{fill:none;stroke:#ffe45c;stroke-width:4px;opacity:.7;transform-box:fill-box;transform-origin:50%;animation:.85s ease-out infinite guide-pulse}.rating-help{color:#66527e;background:0 0;border:0;border-radius:99px;align-items:center;gap:7px;margin:9px 0 0 5px;padding:4px 7px 4px 4px;font-size:10px;font-weight:800;display:flex}.rating-help:hover,.rating-help:focus-visible{color:var(--violet-deep);background:#eee6ff;outline:none}.rating-help>span{width:20px;height:20px;color:var(--violet);background:#fff;border:1px solid #cbb8ed;border-radius:50%;place-items:center;font-size:11px;display:grid}.rating-help:hover>span{border-color:var(--violet);background:var(--yellow)}@keyframes guide-appear{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes guide-slide{0%,12%{left:12%;transform:rotate(-7deg)}48%,62%{left:76%;transform:rotate(5deg)}to{left:12%;transform:rotate(-7deg)}}@keyframes guide-trail{0%,12%{transform:translate(-105%)}48%,62%{transform:translate(315%)}to{transform:translate(-105%)}}@keyframes guide-pulse{0%{opacity:.8;transform:scale(.55)}to{opacity:0;transform:scale(1.45)}}@media (width<=800px){.rating-guide-card{top:14px}.rating-guide-pointer{width:34px}.rating-help{margin-left:2px}}@media (prefers-reduced-motion:reduce){.rating-guide,.rating-guide-trail:before,.rating-guide-pointer,.rating-guide-pointer circle{animation:none}.rating-guide-pointer{left:48%}}.snore-mouth{fill:#39205d;transform-box:fill-box;transform-origin:50%;animation:1.65s ease-in-out infinite snore-mouth}.snore-bubble{fill:#eef4ff;stroke:#6f5b8a;stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:1.65s ease-out infinite snore-bubble}.sleep-mark-two{animation-duration:1.9s;animation-delay:.45s}.annoyed-mouth{transform-box:fill-box;transform-origin:50%}.annoyed-mouth-a{fill:none;stroke:#33185c;stroke-width:5px;stroke-linecap:round;animation:.72s step-end infinite complain-mouth-a}.annoyed-mouth-b{fill:#33185c;animation:.72s step-end infinite complain-mouth-b}.annoyed-brows{transform-box:fill-box;transform-origin:50%;animation:.72s ease-in-out infinite annoyed-brow}.complaint-lines{fill:none;stroke:#fff0a0;stroke-width:4px;stroke-linecap:round;animation:.72s ease-in-out infinite complaint-lines}.okay-brow{transform-box:fill-box;transform-origin:50%}.okay-brow-left{animation:1.55s ease-in-out infinite okay-brow-left}.okay-brow-right{animation:1.55s ease-in-out infinite okay-brow-right}.useful-mouth{fill:#35185a;transform-box:fill-box;transform-origin:50%;animation:2.1s ease-in-out infinite useful-smile}.useful-teeth{fill:#fffdf3;transform-box:fill-box;transform-origin:top;animation:2.1s ease-in-out infinite teeth-reveal}.useful-tongue{fill:none;stroke:#ff8794;stroke-width:5px;stroke-linecap:round;opacity:.82}.useful .happy{transform-box:fill-box;transform-origin:50%;animation:2.1s ease-in-out infinite happy-eye-squint}.eye-sparks{fill:#fff7a4;stroke:#fff7a4;stroke-width:4px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%;animation:1.15s ease-in-out infinite eye-spark-burst}.excited .open-smile{transform-box:fill-box;transform-origin:50%;animation:1.35s ease-in-out infinite alternate open-mouth-excitement}.excited .tongue{transform-box:fill-box;transform-origin:50%;animation:1.35s ease-in-out infinite alternate excited-tongue}@keyframes snore-mouth{0%,to{transform:scale(.78,.72)}45%{transform:scale(1.18,1.35)}68%{transform:scale(.9,.85)}}@keyframes snore-bubble{0%,18%{opacity:0;transform:translate(0)scale(.25)}48%{opacity:.9;transform:translate(6px,-4px)scale(1)}82%,to{opacity:0;transform:translate(13px,-10px)scale(1.45)}}@keyframes complain-mouth-a{0%,42%,to{opacity:1}43%,78%{opacity:0}}@keyframes complain-mouth-b{0%,42%,to{opacity:0;transform:scale(.7,.45)}43%,78%{opacity:1;transform:scale(1)}}@keyframes annoyed-brow{0%,to{transform:translateY(0)}45%{transform:translateY(-2px)rotate(-1deg)}}@keyframes complaint-lines{0%,38%,to{opacity:.15;transform:translate(-2px)scale(.8)}50%,78%{opacity:1;transform:translate(2px)scale(1)}}@keyframes okay-brow-left{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-7px)rotate(-6deg)}68%{transform:translateY(2px)rotate(2deg)}}@keyframes okay-brow-right{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(2px)rotate(-2deg)}68%{transform:translateY(-7px)rotate(6deg)}}@keyframes useful-smile{0%,to{transform:scale(.96,.9)}48%,72%{transform:scale(1.04,1.08)}}@keyframes teeth-reveal{0%,24%,to{opacity:.05;transform:scaleY(.1)}38%,78%{opacity:1;transform:scaleY(1)}}@keyframes happy-eye-squint{0%,to{transform:scaleY(1)}44%,70%{transform:scaleY(.72)}}@keyframes eye-spark-burst{0%,to{opacity:.25;transform:scale(.75)rotate(-4deg)}45%{opacity:1;transform:scale(1.2)rotate(5deg)}}@keyframes open-mouth-excitement{0%{transform:scaleX(.96)}to{transform:scale(1.05,1.08)}}@keyframes excited-tongue{0%{transform:translateY(1px)scaleX(.92)}to{transform:translateY(-1px)scaleX(1.08)}}@media (prefers-reduced-motion:reduce){.snore-mouth,.snore-bubble,.sleep-mark-two,.annoyed-mouth-a,.annoyed-mouth-b,.annoyed-brows,.complaint-lines,.okay-brow-left,.okay-brow-right,.useful-mouth,.useful-teeth,.useful .happy,.eye-sparks,.excited .open-smile,.excited .tongue{animation:none}.useful-teeth{opacity:1;transform:none}.annoyed-mouth-b{display:none}.annoyed-mouth-a{opacity:1}}.feedback-options-shell{margin-top:18px;position:relative}.feedback-options-shell .feedback-options{margin-top:0}.multi-select-tooltip{color:#fff;background:#31205d;border:1px solid #ffdf47;border-radius:10px;align-items:center;gap:9px;width:max-content;max-width:100%;margin:0 0 11px auto;padding:8px 12px 8px 8px;animation:.35s cubic-bezier(.2,1.35,.4,1) both multi-tip-in;display:flex;position:relative;box-shadow:0 8px 19px #2b17472e}.multi-select-tooltip:after{content:"";background:#31205d;border-bottom:1px solid #ffdf47;border-right:1px solid #ffdf47;width:9px;height:9px;position:absolute;top:100%;right:24px;transform:translateY(-5px)rotate(45deg)}.multi-select-tooltip>span{color:#3b1b65;background:#ffe45c;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:17px;font-weight:900;animation:1s ease-in-out infinite alternate multi-plus;display:grid}.multi-select-tooltip strong,.multi-select-tooltip small{display:block}.multi-select-tooltip strong{color:#fff5ac;font-size:11px;line-height:1.15}.multi-select-tooltip small{color:#d8cee9;margin-top:2px;font-size:9px}.feedback-options-shell.show-tip .feedback-options.nudge-1 label:not(.selected){animation:.42s both option-nudge-right}.feedback-options-shell.show-tip .feedback-options.nudge-0 label:not(.selected){animation:.42s both option-nudge-left}.feedback-options-shell.show-tip .feedback-options label:nth-child(2){animation-delay:35ms!important}.feedback-options-shell.show-tip .feedback-options label:nth-child(3){animation-delay:70ms!important}.feedback-options-shell.show-tip .feedback-options label:nth-child(4){animation-delay:.105s!important}.feedback-options-shell.show-tip .feedback-options label:nth-child(5){animation-delay:.14s!important}@keyframes multi-tip-in{0%{opacity:0;transform:translateY(7px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes multi-plus{0%{transform:rotate(-7deg)scale(.94)}to{transform:rotate(7deg)scale(1.08)}}@keyframes option-nudge-right{0%,to{transform:translate(0)rotate(0)}42%{transform:translate(4px)rotate(.35deg)}72%{transform:translate(-2px)rotate(-.2deg)}}@keyframes option-nudge-left{0%,to{transform:translate(0)rotate(0)}42%{transform:translate(-4px)rotate(-.35deg)}72%{transform:translate(2px)rotate(.2deg)}}@media (width<=800px){.multi-select-tooltip{justify-content:center;width:100%;margin-bottom:10px}.multi-select-tooltip:after{right:50%}}@media (prefers-reduced-motion:reduce){.multi-select-tooltip,.multi-select-tooltip>span,.feedback-options-shell.show-tip .feedback-options.nudge-1 label:not(.selected),.feedback-options-shell.show-tip .feedback-options.nudge-0 label:not(.selected){animation:none}}.article-rating-prompt{width:100%;color:inherit;text-align:left;background:linear-gradient(100deg,#faf6ff,#fffbea);border:1px solid #ded1f8;border-radius:11px;align-items:center;gap:14px;margin:-10px 0 24px;padding:12px 14px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 6px 16px #4323750b}.article-rating-prompt:hover{border-color:#bca6ed;transform:translateY(-2px);box-shadow:0 11px 23px #43237517}.article-rating-prompt:focus-visible{outline-offset:3px;outline:3px solid #ffe45c}.average-faces{flex:none;align-items:center;gap:4px;display:flex}.average-face{opacity:.22;filter:grayscale();width:34px;height:34px;display:block;transform:scale(.82)}.average-face.filled{animation:average-face-fill .52s var(--face-delay) cubic-bezier(.2, 1.5, .4, 1) both}.average-face .mood-svg{filter:drop-shadow(0 3px 3px #2d17422b);width:100%;height:100%}.mood-svg-compact *{animation:none!important}.average-rating-copy{gap:2px;min-width:0;display:grid}.average-rating-copy strong{color:var(--violet-deep);font-size:12px;line-height:1.2}.average-rating-copy small{color:#756c7f;font-size:9px;line-height:1.25}.rating-prompt-action{color:#6844c3;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:11px;font-weight:800;display:flex}.rating-prompt-action b{color:#412069;background:#ffe45c;border-radius:50%;place-items:center;width:25px;height:25px;font-size:13px;transition:transform .2s;display:grid}.article-rating-prompt:hover .rating-prompt-action b{transform:translateY(3px)}.reading-feedback{scroll-margin-top:24px}.feedback-scroll-highlight{animation:1.25s both feedback-destination}@keyframes average-face-fill{0%{opacity:.2;filter:grayscale();transform:scale(.72)rotate(-8deg)}68%{opacity:1;filter:grayscale(0);transform:scale(1.16)rotate(4deg)}to{opacity:1;filter:grayscale(0);transform:scale(1)rotate(0)}}@keyframes feedback-destination{0%,to{box-shadow:0 18px 45px #40227c1a}35%{box-shadow:0 0 0 7px #ffe45c80,0 22px 52px #40227c38}68%{box-shadow:0 0 0 3px #7452d43d,0 18px 45px #40227c24}}@media (width<=800px){.article-rating-prompt{flex-wrap:wrap;gap:9px 12px;margin-top:-5px;padding:12px}.average-faces{gap:2px}.average-face{width:31px;height:31px}.average-rating-copy{flex:1;min-width:120px}.rating-prompt-action{border-top:1px solid #e7ddf0;justify-content:flex-end;width:100%;padding-top:7px}}@media (prefers-reduced-motion:reduce){.average-face.filled,.feedback-scroll-highlight{opacity:1;filter:none;animation:none;transform:none}.article-rating-prompt,.rating-prompt-action b{transition:none}}.article-page-loader{background:radial-gradient(circle at 82% 14%,#fff1a5 0,#0000 18rem),linear-gradient(145deg,#faf6ff,#fffdf4);border:0;border-radius:0;min-height:calc(100vh - 78px);padding:70px 24px}.article-page-loader .loader-mark{transform:scale(.88)}.article-page-loader h2{max-width:520px;min-height:48px;margin-bottom:23px;font-size:clamp(22px,3vw,31px)}.article-page-loader .loader-track{width:min(100%,330px)}.article-page-loader .loader-caption{color:#776e82}@media (width<=800px){.article-page-loader{min-height:calc(100vh - 67px);padding:55px 20px}.article-page-loader h2{min-height:58px}}.reading-analytics{background:linear-gradient(145deg,#f9f5ff,#fffdf3);border:1px solid #d9caf8;border-radius:10px;margin:8px 0 34px;padding:24px}.analytics-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.analytics-heading .form-label{margin:0 0 6px}.analytics-heading h2{color:var(--violet-deep);letter-spacing:-.8px;margin:0;font:700 24px/1.1 Space Grotesk,sans-serif}.analytics-heading>small{color:#7a7088;text-align:right;max-width:260px;font-size:10px;line-height:1.45}.analytics-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.analytics-cards>div{background:#fffefa;border:1px solid #e1d7ee;border-radius:7px;min-height:105px;padding:15px}.analytics-cards span{color:#766987;letter-spacing:.7px;font-size:9px;font-weight:800;display:block}.analytics-cards strong{color:var(--violet-deep);letter-spacing:-.8px;margin:10px 0 5px;font:700 24px/1 Space Grotesk,sans-serif;display:block}.analytics-cards small{color:#8a8290;font-size:9px}.analytics-signals{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px;display:grid}.analytics-signal{background:#fffefa;border:1px solid #e1d7ee;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;padding:13px;display:grid}.analytics-signal>span{color:#6840c6;background:#eee7ff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid}.analytics-signal.warning>span{color:#6b5010;background:#fff0ad}.analytics-signal.positive>span{color:#267d67;background:#dff5ed}.analytics-signal strong{color:var(--violet-deep);font-size:11px;display:block}.analytics-signal p{color:#766e7d;margin:4px 0 0;font-size:10px;line-height:1.45}.analytics-legacy-note{color:#6d6033;background:#fff8d8;border-left:3px solid #f2c94c;border-radius:0 6px 6px 0;margin:10px 0 0;padding:10px 12px;font-size:10px;line-height:1.5}.analytics-detail-grid{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:12px;margin-top:12px;display:grid}.scroll-funnel,.analytics-breakdowns{background:#fffefa;border:1px solid #e2d9ec;border-radius:7px;padding:17px}.scroll-funnel>.form-label,.analytics-breakdowns .form-label{margin:0 0 13px}.scroll-funnel>div{color:#675e70;grid-template-columns:34px 1fr 24px;align-items:center;gap:8px;margin-top:10px;font-size:10px;font-weight:800;display:grid}.scroll-funnel i{background:#eee8f6;border-radius:99px;height:8px;overflow:hidden}.scroll-funnel i b{border-radius:inherit;background:linear-gradient(90deg, var(--violet), #ffe45c);height:100%;display:block}.analytics-chart-context{color:#89808f;margin:14px 0 0;font-size:9px;line-height:1.5}.analytics-donut-row{align-items:center;gap:18px;display:flex}.analytics-donut{border-radius:50%;flex:0 0 104px;place-items:center;width:104px;height:104px;display:grid;position:relative}.analytics-donut:after{content:"";background:#fffefa;border-radius:50%;width:66px;height:66px;position:absolute}.analytics-donut>span{z-index:1;color:#7b7184;text-align:center;text-transform:uppercase;font-size:8px;position:relative}.analytics-donut>span b{color:var(--violet-deep);margin-bottom:2px;font:700 19px/1 Space Grotesk,sans-serif;display:block}.analytics-legend{flex:1;gap:8px;display:grid}.analytics-legend>span{color:#6d6475;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:10px;display:grid}.analytics-legend i{border-radius:50%;width:8px;height:8px}.analytics-legend b{color:var(--violet-deep)}.metric-bar-list{gap:9px;display:grid}.metric-bar-list>div{color:#6d6475;grid-template-columns:minmax(60px,.45fr) minmax(80px,1fr) 34px;align-items:center;gap:8px;font-size:10px;display:grid}.metric-bar-list i{background:#eee8f6;border-radius:99px;height:8px;overflow:hidden}.metric-bar-list i b{border-radius:inherit;background:linear-gradient(90deg,#6840c6,#9c7ce4);height:100%;display:block}.metric-bar-list strong{color:var(--violet-deep);text-align:right}.metric-pills.compact{margin-top:12px}.analytics-breakdowns{gap:17px;display:grid}.analytics-breakdowns>div+div{border-top:1px solid #eee7f0;padding-top:14px}.metric-pills{flex-wrap:wrap;gap:6px;display:flex}.metric-pills span{color:#5c409e;background:#eee7ff;border-radius:99px;padding:6px 8px;font-size:10px;font-weight:700}.metric-pills span b{color:var(--violet-deep);margin-left:3px}.metric-pills.subtle span{color:#6d5c25;background:#fff4b8}.analytics-empty{color:#7d7487;text-align:center;border:1px dashed #d6c8e7;border-radius:7px;padding:28px;font-size:12px}@media (width<=980px){.analytics-cards{grid-template-columns:repeat(2,1fr)}.analytics-detail-grid{grid-template-columns:1fr}}@media (width<=800px){.reading-analytics{padding:18px 14px}.analytics-heading{display:block}.analytics-heading>small{text-align:left;margin-top:8px;display:block}.analytics-cards{grid-template-columns:1fr 1fr}.analytics-cards>div{min-height:96px;padding:13px}.analytics-cards strong{font-size:21px}.analytics-signals{grid-template-columns:1fr}}@media (width<=430px){.analytics-cards{grid-template-columns:1fr}.analytics-cards>div{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;min-height:auto;display:grid}.analytics-cards strong{grid-area:1/2/3;margin:0}.analytics-cards small{grid-column:1}}.article-sharing{position:relative}.article-sharing .sharing-controls{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.reading-tool{width:36px;min-width:36px;height:36px;color:var(--violet-deep);background:#fffefa;border:1px solid #cab9ee;flex:0 0 36px;place-items:center;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:grid;border-radius:50%!important;min-height:36px!important;padding:0!important}.reading-tool svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px;overflow:visible}.reading-tool:hover,.reading-tool:focus-visible,.reading-tool[aria-pressed=true]{border-color:var(--violet);background:var(--yellow);outline:none;transform:translateY(-2px);box-shadow:0 5px 12px #41236d1a}.voice-tool{color:#776c85;border-style:dashed}.voice-tool:after{content:"PRONTO";width:1px;height:1px;position:absolute;overflow:hidden}.reading-tool.tour-active{z-index:133;color:#35165f;background:#ffe45c;border-color:#ffcf28;animation:1.15s ease-in-out infinite alternate access-tool-pulse;box-shadow:0 0 0 5px #ffe45c4d,0 7px 17px #2c175d33}.access-tour-help{color:#76678a;background:0 0;border:0;align-items:center;gap:5px;font-weight:800;display:flex;position:absolute;bottom:-25px;right:13px;border-radius:99px!important;min-height:20px!important;padding:2px 7px!important;font-size:9px!important}.access-tour-help:hover{color:var(--violet);background:#eee7ff}.access-tour-help>span{font-weight:700}.access-tour{z-index:130;color:#2c175d;background:#fffefa;border:1px solid #e1ca67;border-radius:13px;grid-template-columns:185px minmax(0,1fr);width:min(500px,100vw - 40px);animation:.38s cubic-bezier(.2,1.25,.4,1) both access-tour-arrive;display:grid;position:absolute;top:calc(100% + 13px);right:0;overflow:hidden;box-shadow:0 20px 45px #2613443d}.access-tour:before{content:"";background:#fffefa;border-top:1px solid #e1ca67;border-left:1px solid #e1ca67;width:13px;height:13px;position:absolute;top:-7px;right:77px;transform:rotate(45deg)}.access-tour-close{z-index:4;color:#57369b;background:#f2ecff;border:0;place-items:center;width:25px;min-width:25px;height:25px;line-height:1;display:grid;position:absolute;top:8px;right:8px;border-radius:50%!important;min-height:25px!important;padding:0!important;font-size:18px!important}.access-tour-graphic{background:linear-gradient(145deg,#35166b,#6941c8);align-self:stretch;width:100%;min-height:150px;padding:13px}.tour-screen{fill:#fff9d9;stroke:#ffe36b;stroke-width:2px}.access-tour-copy{align-self:center;padding:24px 36px 22px 17px}.access-tour-copy>small{letter-spacing:1px;font-weight:900;display:block;color:#7856c5!important;font-size:8px!important}.access-tour-copy strong{color:#30175c;margin:6px 0 5px;font:700 17px/1.1 Space Grotesk,sans-serif;display:block}.access-tour-copy p{color:#6d6477;margin:0;font-size:11px;line-height:1.45}.access-tour-copy button{color:#3b1b65;background:#ffe45c;border:0;border-radius:99px;align-items:center;gap:6px;min-height:28px;margin-top:11px;padding:0 10px;font-size:10px;font-weight:900;display:flex}.access-tour-copy button span{transition:transform .18s}.access-tour-copy button:hover span{transform:translate(3px)}.tour-night{fill:#21143e;animation:2.2s ease-in-out infinite alternate tour-night-shift}.tour-moon{fill:#ffe66c}.tour-moon-cut{fill:#21143e;animation:2.2s ease-in-out infinite alternate tour-night-shift}.tour-spark{fill:none;stroke:#fff5aa;stroke-width:3px;stroke-linecap:round;animation:1s ease-in-out infinite alternate tour-spark}.tour-distraction{fill:#ffa4ad;transform-box:fill-box;animation:2.1s ease-in-out infinite tour-distraction-away}.tour-distraction-right{transform-origin:100%;animation-direction:reverse}.tour-page rect{fill:#fff;stroke:#b79bea;stroke-width:2px}.tour-page path{fill:none;stroke:#7154a8;stroke-width:2px;stroke-linecap:round}.tour-focus-corner{fill:none;stroke:#ffe45c;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%;animation:1.15s ease-in-out infinite alternate tour-focus-breathe}.tour-speaker{fill:#ffe45c;stroke:#3c1a70;stroke-width:2px;stroke-linejoin:round;transform-origin:50%;animation:.7s ease-in-out infinite alternate tour-speaker-bounce}.tour-wave{fill:none;stroke:#fff5ae;stroke-width:4px;stroke-linecap:round;transform-origin:0;animation:1.25s ease-out infinite tour-wave}.tour-wave-two{animation-delay:.25s}.tour-coming{fill:#ff9f75;stroke:#fff5ae;stroke-width:2px}.tour-coming-mark{fill:none;stroke:#3b195f;stroke-width:2.4px;stroke-linecap:round}@keyframes access-tool-pulse{0%{transform:translateY(-1px)scale(.97)}to{transform:translateY(-2px)scale(1.07)}}@keyframes access-tour-arrive{0%{opacity:0;transform:translateY(-7px)scale(.96)}to{opacity:1;transform:none}}@keyframes tour-night-shift{0%{fill:#eee8ff}to{fill:#21143e}}@keyframes tour-spark{0%{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.08)}}@keyframes tour-distraction-away{0%,22%{opacity:1;transform:translate(0)scale(1)}70%,to{opacity:0;transform:translate(-19px)scale(.75)}}@keyframes tour-focus-breathe{0%{opacity:.65;transform:scale(.93)}to{opacity:1;transform:scale(1.04)}}@keyframes tour-speaker-bounce{0%{transform:rotate(-2deg)scale(.97)}to{transform:rotate(2deg)scale(1.04)}}@keyframes tour-wave{0%{opacity:0;transform:scale(.7)}30%{opacity:1}to{opacity:0;transform:scale(1.15)}}body.techfano-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f6f0ff;--muted:#b9afc8;--paper:#15101d;--line:#3c3249;--violet:#a98aff;--violet-deep:#f3ecff;--yellow:#ffe98b;--yellow-strong:#f2cd43;--dark:#0e0a14;--card:#211a2a;color:var(--ink);background:radial-gradient(circle at 88% 6%,#44296b 0,#0000 23rem),#15101d}.techfano-dark .site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#15101dd9;border-bottom-color:#40344e}.techfano-dark .brand{color:#fff}.techfano-dark .site-header .header-admin{color:#ffe98b;background:#3b3150;border-color:#786038}.techfano-dark .public-hero>p:last-child,.techfano-dark .article-lead{color:#c2b9cc}.techfano-dark .public-hero:after{opacity:.82}.techfano-dark .post-card,.techfano-dark .empty-public{background:#211a2a;border-color:#3c3149;box-shadow:0 8px 22px #09060d52}.techfano-dark .card-footer{border-top-color:#40364a}.techfano-dark .card-arrow,.techfano-dark .card-actions button{color:#f5eeff;background:#2d2338;border-color:#57476b}.techfano-dark .card-actions button:hover{color:#32195f;background:#ffe98b}.techfano-dark .article-content{color:#ddd6e4}.techfano-dark .article-content blockquote{color:#c8bed2}.techfano-dark .article-content a{color:#c4adff}.techfano-dark .article-sharing{background:#211a2ae8;border-color:#4c3b61}.techfano-dark .article-sharing>span{color:#c1b5cc}.techfano-dark .share-copy,.techfano-dark .reading-tool{color:#f5efff;background:#2c2336;border-color:#5d4a75}.techfano-dark .share-copy:hover,.techfano-dark .reading-tool:hover,.techfano-dark .reading-tool[aria-pressed=true]{color:#32195f;background:#ffe98b}.techfano-dark .article-rating-prompt{background:linear-gradient(100deg,#241b30,#2b2530);border-color:#4e3e62}.techfano-dark .average-rating-copy small{color:#bdb2c7}.techfano-dark .rating-prompt-action{color:#c7afff}.techfano-dark .reading-feedback,.techfano-dark .progressive-feedback,.techfano-dark .feedback-followup{background:linear-gradient(135deg,#241b30,#2a2529);border-color:#514167}.techfano-dark .feedback-intro,.techfano-dark .feedback-step-heading p,.techfano-dark .feedback-final-heading p,.techfano-dark .feedback-thanks>p:last-child{color:#c3b9cd}.techfano-dark .rating-numbers button,.techfano-dark .feedback-options label,.techfano-dark .feedback-field textarea{color:#eee7f4;background:#2e2538;border-color:#57476b}.techfano-dark .feedback-options label.selected{background:#40325a}.techfano-dark .feedback-field{color:#d5cddd}.techfano-dark .techfano-carousel{background:#251c32;border-color:#4b3b62}.techfano-dark .carousel-footer button{color:#f4edff;background:#30253b;border-color:#5e4c76}.techfano-dark .article-page-loader{background:radial-gradient(circle at 82% 14%,#49346a 0,#0000 18rem),linear-gradient(145deg,#17101f,#201b20);border-color:#453755}.techfano-dark .article-page-loader .loader-caption{color:#bdb4c7}.techfano-dark .access-tour{color:#f6efff;background:#211a2a;border-color:#7d6838}.techfano-dark .access-tour:before{background:#211a2a;border-color:#7d6838}.techfano-dark .access-tour-copy strong{color:#f6efff}.techfano-dark .access-tour-copy p{color:#c5bbce}.techfano-dark .access-tour-close{color:#eee4ff;background:#392c49}.techfano-dark .access-tour-help{color:#c2b6ce}body.reading-focus{background:var(--paper)}.reading-focus .site-header,.reading-focus .public-footer,.reading-focus .article>.back-link,.reading-focus .article>.article-rating-prompt{display:none}.reading-focus .article{max-width:750px;padding-top:34px}.reading-focus .article>.meta{margin-top:0}.reading-focus .article h1{font-size:clamp(39px,5vw,64px)}.reading-focus .article-content{line-height:1.88}.reading-focus .article-sharing:not(.sticky-sharing){z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:flex-end;width:max-content;max-width:100%;margin:0 0 35px auto;padding:8px;position:sticky;top:10px;box-shadow:0 8px 24px #24133d1a}.reading-focus .article-sharing:not(.sticky-sharing)>span,.reading-focus .article-sharing:not(.sticky-sharing) .share-native,.reading-focus .article-sharing:not(.sticky-sharing) .share-copy,.reading-focus .article-sharing:not(.sticky-sharing) .voice-tool,.reading-focus .sticky-sharing .share-native,.reading-focus .sticky-sharing .share-copy,.reading-focus .sticky-sharing .voice-tool{display:none}.reading-focus .sticky-sharing>div{gap:10px}.reading-focus .access-tour-help{display:none}@media (width<=800px){.article-sharing .sharing-controls{width:100%}.article-sharing .share-native,.article-sharing .share-copy{flex:1}.article-sharing .reading-tool{flex:0 0 36px}.access-tour{grid-template-columns:125px minmax(0,1fr);width:auto;position:fixed;inset:auto 14px 18px}.access-tour:before{display:none}.access-tour-graphic{min-height:137px;padding:7px}.access-tour-copy{padding:20px 32px 18px 12px}.sticky-sharing .sharing-controls{width:48px}.sticky-sharing .reading-tool{flex:0 0 44px;width:44px;height:44px;min-height:44px!important}.reading-focus .article{padding-top:18px}.reading-focus .article-sharing:not(.sticky-sharing){top:7px}.reading-focus .article-sharing:not(.sticky-sharing) .sharing-controls{width:auto}}@media (width<=430px){.article-sharing .sharing-controls{gap:5px}.article-sharing .reading-tool{flex-basis:34px;width:34px;min-width:34px;height:34px}.access-tour{grid-template-columns:1fr}.access-tour-graphic{height:96px;min-height:96px}.access-tour-copy{padding:14px 35px 15px 16px}.access-tour-copy p{font-size:10px}.sticky-sharing .reading-tool{flex-basis:42px;width:42px;height:42px;min-height:42px!important}}@media (prefers-reduced-motion:reduce){.reading-tool,.reading-tool.tour-active,.access-tour,.tour-night,.tour-moon-cut,.tour-spark,.tour-distraction,.tour-focus-corner,.tour-speaker,.tour-wave{transition:none;animation:none}}.accessibility-controls{align-items:center;gap:7px;display:flex;position:relative}.site-header .accessibility-controls{margin-left:4px}.article-header .accessibility-controls{margin-left:auto}.site-header .reading-tool{background:#fffefa;box-shadow:0 3px 10px #2f196314}.article-header .access-tour{top:calc(100% + 17px)}.article-header .access-tour-help{bottom:-27px;right:0}.sticky-sharing .accessibility-controls{display:contents}.sticky-sharing .sharing-controls{align-items:center}.reading-focus .article-sharing:not(.sticky-sharing){display:none}.techfano-dark .site-header .reading-tool{color:#f5efff;background:#2c2336;border-color:#5d4a75}.techfano-dark .site-header .reading-tool:hover,.techfano-dark .site-header .reading-tool[aria-pressed=true]{color:#32195f;background:#ffe98b}@media (width<=800px){.site-header nav{gap:7px}.site-header .accessibility-controls{flex:none;width:auto}.article-header .reading-tool{flex-basis:34px;width:34px;min-width:34px;height:34px;min-height:34px!important}.article-header .accessibility-controls{gap:5px}.sticky-sharing .accessibility-controls{display:contents}}@media (width<=420px){.article-header{padding-left:14px;padding-right:14px}.article-header .brand{font-size:21px}.article-header .reading-tool{flex-basis:32px;width:32px;min-width:32px;height:32px;min-height:32px!important}.article-header .reading-tool svg{width:17px;height:17px}}.reading-focus .sticky-sharing .share-native,.reading-focus .sticky-sharing .share-copy{place-items:center;display:grid}.article-sharing.sticky-sharing{position:fixed}@media (width<=1279px){.article-sharing.sticky-sharing{left:14px;right:auto}.article-sharing.sticky-sharing.near-footer{bottom:max(210px, calc(env(safe-area-inset-bottom) + 188px))}}@media (width<=430px){.article-sharing.sticky-sharing{left:10px;right:auto}}@media (width<=1279px){body.floating-accessibility-visible{padding-top:calc(54px + env(safe-area-inset-top))}.sticky-accessibility{z-index:200;width:100%;min-height:calc(54px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 14px 8px;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffefa;border:0;border-bottom:1px solid #ded3eb;border-radius:0;align-items:flex-end;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 5px 18px #2a174e1a}.sticky-accessibility:before{content:"Accesibilidad";color:#6f6380;letter-spacing:.2px;align-self:center;margin-right:auto;padding-left:2px;font-size:10px;font-weight:800}.sticky-accessibility .accessibility-controls{flex-direction:row;gap:5px;display:flex}.sticky-accessibility .reading-tool{width:34px;min-width:34px;height:34px;box-shadow:none;border-color:#d3c4ed;flex:0 0 34px;min-height:34px!important}.sticky-accessibility .reading-tool svg{width:17px;height:17px}.techfano-dark .sticky-accessibility{background:#1f1828;border-bottom-color:#493b58;box-shadow:0 5px 18px #03020652}.techfano-dark .sticky-accessibility:before{color:#c8bdd3}}@media (width<=430px){body.floating-accessibility-visible{padding-top:calc(52px + env(safe-area-inset-top))}.sticky-accessibility{width:100%;min-height:calc(52px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 10px 8px;inset:0 0 auto}.sticky-accessibility:before{content:"Lectura"}.sticky-accessibility .reading-tool{flex-basis:32px;width:32px;min-width:32px;height:32px;min-height:32px!important}}@media (width<=1279px){.article-header .access-tour-help{z-index:140;white-space:nowrap;flex-direction:row;flex:none;justify-content:center;align-items:center;width:max-content;min-width:0;max-width:none;height:28px;display:inline-flex;position:absolute;top:calc(100% + 10px);bottom:auto;right:0;padding:4px 9px!important}.article-header .access-tour-help>span{white-space:nowrap;display:inline}}@media (width<=430px){.article-header .access-tour-help{place-items:center;width:28px;min-width:28px;height:28px;display:grid;top:calc(100% + 8px);right:2px;border-radius:50%!important;min-height:28px!important;padding:0!important;font-size:11px!important}.article-header .access-tour-help>span{display:none}}.end-sharing{display:none}@media (width<=1279px){.article-sharing.sticky-sharing,.article>.top-sharing{display:none}.article>.end-sharing{width:100%;box-shadow:none;margin:18px 0 0;padding:14px;display:flex;position:static;transform:none}.article>.end-sharing>span,.article>.end-sharing .sharing-controls{width:100%}.article>.end-sharing button{flex:1}.reading-focus .article>.end-sharing{display:flex}}.global-access-tour{z-index:1000;overscroll-behavior:contain;width:min(500px,100vw - 56px);max-height:calc(100dvh - 104px);position:fixed;inset:82px 28px auto auto;overflow:auto}.global-access-tour:before{display:none}.access-tour-help.active{background:var(--yellow);color:var(--violet-deep);border-color:#e4bf29}@media (width<=1279px){.global-access-tour,.article-header .global-access-tour{top:calc(68px + env(safe-area-inset-top));width:min(500px,100vw - 28px);max-height:calc(100dvh - 86px - env(safe-area-inset-top));position:fixed;bottom:auto;left:auto;right:14px}.article-header .access-tour-help,.sticky-accessibility .access-tour-help{z-index:210;color:#4b2a82;white-space:nowrap;background:#fff0a6;border:1px solid #d8c25e;border-top:0;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:4px;width:max-content;min-width:0;max-width:none;height:24px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:calc(100% + 4px);bottom:auto;right:0;box-shadow:0 5px 12px #2a174e1f;border-radius:0 0 9px 9px!important;min-height:24px!important;padding:3px 9px!important;font-size:9px!important}.article-header .access-tour-help>span,.sticky-accessibility .access-tour-help>span{white-space:nowrap;display:inline}.techfano-dark .article-header .access-tour-help,.techfano-dark .sticky-accessibility .access-tour-help{color:#32195f;background:#ffe98b;border-color:#665247}}@media (width<=800px){.global-access-tour,.article-header .global-access-tour{top:calc(66px + env(safe-area-inset-top));width:auto;max-height:calc(100dvh - 78px - env(safe-area-inset-top));left:10px;right:10px}}@media (width<=430px){.global-access-tour,.article-header .global-access-tour{top:calc(62px + env(safe-area-inset-top));width:auto;max-height:calc(100dvh - 70px - env(safe-area-inset-top));grid-template-columns:1fr;left:8px;right:8px}.global-access-tour .access-tour-graphic{height:92px;min-height:92px}.global-access-tour .access-tour-copy{padding:14px 34px 15px 16px}.article-header .access-tour-help,.sticky-accessibility .access-tour-help{width:max-content;min-width:0;height:23px;display:inline-flex;top:calc(100% + 4px);right:0;border-radius:0 0 8px 8px!important;min-height:23px!important;padding:3px 8px!important}.article-header .access-tour-help>span,.sticky-accessibility .access-tour-help>span{display:inline}}.editor-loading{color:#675a78;background:#fff;border:1px solid #d8dadc;place-items:center;min-height:360px;font-size:13px;font-weight:700;display:grid}.techfano-dark .feedback-thanks h2{color:#c9f29e}.techfano-dark .feedback-thanks>p:not(.kicker){color:#d9d0e2}.techfano-dark .global-access-tour{color:#fff9e8;background:#211a2a;border-color:#e1ca67}.techfano-dark .global-access-tour .access-tour-copy>small{color:#d8bdff!important}.techfano-dark .global-access-tour .access-tour-copy strong{color:#fff9e8}.techfano-dark .global-access-tour .access-tour-copy p{color:#d8cfe2}@media (width<=800px){.admin-content{min-width:0;overflow:hidden}.admin-top{flex-direction:column;align-items:stretch}.admin-top .button{align-self:flex-start;max-width:100%}.filters{overscroll-behavior-inline:contain;scrollbar-width:thin;width:100%;max-width:100%;overflow-x:auto}.admin-post{grid-template-columns:minmax(0,1fr);gap:7px;padding:13px 0 15px}.admin-post-title b{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.admin-post-title p{flex-wrap:wrap;gap:3px;display:flex}.admin-post .status{grid-area:auto/1;margin:0 0 0 73px}.admin-row-actions{flex-wrap:wrap;grid-area:auto/1;gap:5px 17px;margin-left:73px;display:flex}.admin-row-actions .table-action{grid-area:auto;padding:4px 0}.editor-grid{flex-direction:column;display:flex}.editor-grid>section{order:1;width:100%;min-width:0}.post-options{order:2;width:100%}.global-access-tour,.article-header .global-access-tour{z-index:1000;top:auto;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));color:#2c175d;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffefa;border:1px solid #e1ca67;border-radius:16px;grid-template-columns:116px minmax(0,1fr);width:auto;max-height:min(360px,100dvh - 92px);position:fixed;left:12px;overflow:auto;box-shadow:0 18px 55px #12082261}.global-access-tour .access-tour-graphic{width:116px;height:100%;min-height:154px;padding:8px}.global-access-tour .access-tour-copy{padding:19px 38px 18px 14px}.global-access-tour .access-tour-copy>small{font-size:9px!important}.global-access-tour .access-tour-copy strong{font-size:18px}.global-access-tour .access-tour-copy p{color:#62566d;font-size:12px}.global-access-tour .access-tour-copy button{min-height:36px;padding:0 14px;font-size:11px}.global-access-tour .access-tour-close{width:32px;min-width:32px;height:32px;min-height:32px!important}}@media (width<=430px){.admin-content{padding:36px 16px}.admin-top h1{font-size:34px}.editor-header{gap:7px;min-height:64px;padding:9px 11px}.editor-header .back-link{flex:0 0 72px;max-width:72px;font-size:11px;line-height:1.25}.editor-actions{flex-wrap:nowrap;flex:1;gap:5px}.editor-actions .button{min-height:36px;padding:0 7px;font-size:10px}.editor-wrap{padding-left:16px;padding-right:16px}.global-access-tour,.article-header .global-access-tour{right:10px;bottom:calc(12px + env(safe-area-inset-bottom));grid-template-columns:88px minmax(0,1fr);max-height:min(300px,100dvh - 82px);left:10px}.global-access-tour .access-tour-graphic{width:88px;height:100%;min-height:164px}.global-access-tour .access-tour-copy{padding:16px 34px 15px 12px}.global-access-tour .access-tour-copy strong{margin-top:5px;font-size:17px}.global-access-tour .access-tour-copy p{font-size:11px;line-height:1.4}}.public-hero{max-width:680px;padding-top:58px;padding-bottom:46px}.accessibility-analytics{background:linear-gradient(135deg,#6f44b50f,#ffe05b1c);border:1px solid #6a42a329;border-radius:18px;gap:16px;margin-top:18px;padding:22px;display:grid}.accessibility-analytics-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.accessibility-analytics-heading .form-label,.accessibility-analytics-heading h3{margin:0}.accessibility-analytics-heading h3{color:var(--violet-deep);margin-top:4px;font-size:20px}.accessibility-analytics-heading>strong{color:var(--violet-deep);justify-items:end;font-size:16px;display:grid}.accessibility-analytics-heading>strong small{color:#786b82;font-size:10px;font-weight:700}.accessibility-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.accessibility-metric-grid>div{background:#ffffffb3;border:1px solid #6b42a41f;border-radius:13px;align-content:start;gap:5px;min-height:112px;padding:14px;display:grid}.accessibility-metric-grid span{color:#776882;letter-spacing:.45px;text-transform:uppercase;font-size:9px;font-weight:800}.accessibility-metric-grid b{color:var(--violet-deep);font-size:20px}.accessibility-metric-grid small{color:#817487;font-size:9px;line-height:1.45}@media (width<=1279px){.article-header .reading-tool,.sticky-accessibility .reading-tool{border-width:1.5px;flex-basis:46px;width:46px;min-width:46px;height:46px;box-shadow:0 5px 14px #311a501f;min-height:46px!important}.article-header .reading-tool svg,.sticky-accessibility .reading-tool svg{stroke-width:2px;width:23px;height:23px}.article-header .accessibility-controls,.sticky-accessibility .accessibility-controls{gap:8px}.reading-tool:has(.reading-tool-label){width:auto;min-width:78px;padding-inline:13px!important}.compact-speech-player button,.compact-speech-player select,.speech-voice-settings summary,.book-page-controls button{min-height:44px}.compact-speech-player .speech-primary-action,.compact-speech-player .speech-icon-action,.compact-speech-player .speech-exit-action,.speech-voice-settings summary{min-width:44px}}@media (width<=900px){.accessibility-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.article-header{padding-inline:12px}.article-header .brand{font-size:20px}.article-header .reading-tool,.sticky-accessibility .reading-tool{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px!important}.article-header .reading-tool svg,.sticky-accessibility .reading-tool svg{width:22px;height:22px}.accessibility-analytics{padding:16px}.accessibility-analytics-heading{align-items:start;display:grid}.accessibility-analytics-heading>strong{justify-items:start}.accessibility-metric-grid{grid-template-columns:1fr}.accessibility-metric-grid>div{min-height:0}}.public-hero .kicker{margin-bottom:14px}.public-hero h1,.public-hero h1 em{letter-spacing:-4.5px;font-size:clamp(46px,6.2vw,76px);line-height:.98}.public-hero>p:last-child{max-width:570px;margin-top:20px;font-size:16px;line-height:1.62}.featured-open{grid-template-columns:minmax(0,1fr) minmax(320px,39%);align-items:stretch;min-height:454px}.featured-copy{min-height:454px;padding:43px 58px 38px}.featured-label{margin-bottom:17px}.featured-copy h2{margin-bottom:15px;font-size:clamp(29px,3.2vw,43px)}.featured-copy>p:not(.meta):not(.featured-label){-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:25px;display:-webkit-box;overflow:hidden}.featured-aside,.featured-aside .gradient-art{height:100%;min-height:454px}.article-progress{z-index:2200;pointer-events:none;background:#5e34be1f;height:4px;position:fixed;top:0;left:0;right:0;overflow:hidden}.article-progress span{background:linear-gradient(90deg, var(--violet), var(--yellow-strong));border-radius:0 99px 99px 0;height:100%;transition:width .12s linear;display:block;box-shadow:0 0 12px #ffe16acc}.reading-meta{flex-wrap:wrap;gap:7px;margin:-25px 0 24px;display:flex}.reading-meta span{color:#665a72;background:#faf7ff;border:1px solid #e4d9f8;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.reading-meta+.author-signature{margin-top:0}.article-content h2,.article-content h3{scroll-margin-top:112px}.article-toc{color:#6d6277}.article-toc>span{color:var(--violet);letter-spacing:1.15px;margin-bottom:11px;font-size:9px;font-weight:900;display:block}.article-toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.article-toc li{border-left:2px solid #e5dded}.article-toc li.subheading a{padding-left:19px;font-size:10px}.article-toc li.active{border-left-color:var(--yellow-strong)}.article-toc a{color:inherit;padding:6px 8px 6px 12px;font-size:11px;line-height:1.35;text-decoration:none;transition:color .16s,transform .16s;display:block}.article-toc li.active a,.article-toc a:hover{color:var(--violet-deep);transform:translate(2px)}.desktop-toc{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffefaed;border:1px solid #e8e0ec;border-radius:12px;width:230px;max-height:calc(100vh - 180px);padding:18px 15px;display:none;position:fixed;top:132px;right:max(12px,50vw - 690px);overflow:auto;box-shadow:0 12px 30px #2b175d14}.desktop-toc>span{margin-bottom:14px;font-size:10px}.desktop-toc ol{gap:5px}.desktop-toc a{padding:8px 10px 8px 14px;font-size:12px;line-height:1.45}.desktop-toc li.subheading a{padding-left:22px;font-size:11px;line-height:1.45}.desktop-toc::-webkit-scrollbar{width:6px}.desktop-toc::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--violet) 28%, transparent);border-radius:999px}.toc-back-top{width:100%;min-height:40px;color:var(--violet-deep);background:#f8f3ff;border:1px solid #ded2eb;border-radius:9px;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:11px;font-weight:850;display:flex}.toc-back-top:hover,.toc-back-top:focus-visible{border-color:var(--yellow-strong);background:var(--yellow);outline:none}.techfano-dark .toc-back-top{color:#f2eaff;background:#2c2235;border-color:#59466a}.techfano-dark .toc-back-top:hover,.techfano-dark .toc-back-top:focus-visible{color:#32195f;background:#ffe98b;border-color:#cfb84f}.mobile-toc{background:#faf7ff;border:1px solid #e5daf2;border-radius:10px;margin:0 0 34px}.mobile-toc summary{min-height:48px;color:var(--violet-deep);cursor:pointer;justify-content:space-between;align-items:center;padding:0 15px;font-size:12px;font-weight:800;display:flex}.mobile-toc summary span{color:#887b94;font-size:9px;font-weight:700}.mobile-toc ol{padding:0 12px 13px}.mobile-reading-index{display:none}@media (width>=1280px){.desktop-toc{display:block}.mobile-toc{display:none}}.editor-code-demo-preview{background:#171121;border:1px solid #453567;border-radius:7px;grid-template-columns:.62fr 1.2fr 1fr;min-height:116px;display:grid;overflow:hidden}.editor-code-demo-preview span{color:#bbaed0;letter-spacing:.12em;border-right:1px solid #382b50;place-items:center;font:750 9px DM Mono,monospace;display:grid}.editor-code-demo-preview span:last-child{color:#ffe98b;border-right:0}.code-demo-composer{width:min(780px,100vw - 32px)}.demo-title-field,.demo-script-field{color:#51485f;gap:7px;margin-bottom:14px;font-size:11px;font-weight:800;display:grid}.demo-title-field input,.demo-script-field textarea{color:#241936;background:#fff;border:1px solid #cfc4e6;border-radius:6px;outline:0;width:100%}.demo-title-field input{height:43px;padding:0 11px}.demo-script-field textarea{resize:vertical;tab-size:2;min-height:330px;padding:13px;font:500 12px/1.55 DM Mono,ui-monospace,monospace}.demo-title-field input:focus,.demo-script-field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6338c51a}.demo-syntax-help{color:#675d74;background:#f3effb;border-radius:7px;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;font-size:10px;display:flex}.demo-syntax-help strong{color:#352253;margin-right:3px}.demo-syntax-help code{color:#402475;background:#ded3f5;border-radius:4px;padding:4px 6px;font-size:9px}.demo-syntax-help span{width:100%;margin-top:3px}.code-demo-composer .composer-error{margin:13px 0 0}.techfano-code-demo{clear:both;color:#f4edf9;background:#120d19;border:1px solid #4b3a61;border-radius:14px;margin:46px 0;font-family:Open Sans,sans-serif;overflow:hidden;box-shadow:0 22px 55px #190e2638}.code-demo-topbar{background:#1b1424;border-bottom:1px solid #3a2c49;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px 12px;display:grid}.code-demo-lights{gap:6px;display:flex}.code-demo-lights i{background:#ff6c6c;border-radius:50%;width:9px;height:9px}.code-demo-lights i:nth-child(2){background:#ffd45e}.code-demo-lights i:nth-child(3){background:#7bdd79}.code-demo-topbar>div:nth-child(2){min-width:0}.code-demo-topbar strong,.code-demo-topbar span{display:block}.code-demo-topbar strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.code-demo-topbar>div:nth-child(2) span{color:#9d88bd;letter-spacing:.12em;margin-top:2px;font:700 7px DM Mono,monospace}.code-demo-topbar button,.code-demo-footer button{color:#f8f1ff;background:#2a2035;border:1px solid #534168}.code-demo-topbar button{border-radius:999px;align-items:center;gap:5px;min-height:32px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.code-demo-topbar button:hover,.code-demo-topbar button:focus-visible,.code-demo-footer>button:hover,.code-demo-footer>button:focus-visible{color:#2b164c;background:#ffe98b;border-color:#ffe98b}.code-demo-workspace{grid-template-columns:118px minmax(0,1.15fr) minmax(0,.9fr);min-height:350px;display:grid}.code-demo-files,.code-demo-editor,.code-demo-result{min-width:0}.code-demo-files{background:#17101f;border-right:1px solid #35283f;padding:14px 8px}.code-demo-files>strong{color:#8f7ba9;letter-spacing:.09em;margin:0 7px 10px;font:750 8px DM Mono,monospace;display:block}.code-demo-files>span{color:#a99cb8;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:7px 7px 7px 20px;font:500 9px DM Mono,monospace;display:block;overflow:hidden}.code-demo-files>span:before{content:"◇";color:#8f74c8;margin-left:-13px;margin-right:6px}.code-demo-files>span.active{color:#fff;background:#38244f}.code-demo-editor{background:#130e19;border-right:1px solid #35283f}.code-demo-editor>header,.code-demo-result>header{color:#d4c7e2;border-bottom:1px solid #35283f;justify-content:space-between;align-items:center;height:37px;padding:0 11px;font:600 9px DM Mono,monospace;display:flex}.code-demo-editor>header small,.code-demo-result>header small{color:#8c779e;letter-spacing:.1em;font-size:7px}.code-demo-editor pre{color:#ddd0ea;tab-size:2;white-space:pre;background:0 0;height:313px;margin:0;padding:17px 15px 24px;font:500 10px/1.62 DM Mono,ui-monospace,monospace;overflow:auto}.code-demo-editor code>span{min-height:1.62em;display:block}.code-demo-editor code>span:before{content:counter(demo-line);color:#5f506c;text-align:right;width:23px;margin-right:10px;display:inline-block}.code-demo-editor code{counter-reset:demo-line}.code-demo-editor code>span{counter-increment:demo-line}.code-demo-result{background:#1a1322}.code-demo-output{align-content:start;min-height:313px;max-height:313px;padding:18px;display:grid;overflow:auto}.demo-message{border-radius:12px;max-width:92%;padding:12px 13px;font-size:11px;line-height:1.5}.demo-message p{color:inherit!important;font:inherit!important;margin:0 0 6px!important}.demo-message p:last-child{margin-bottom:0!important}.demo-message.user{color:#fff;background:#6b43a1;border-bottom-right-radius:3px;margin-left:auto}.demo-message.assistant{color:#f1e9f8;background:#271d31;border:1px solid #49375b;border-bottom-left-radius:3px}.code-demo-output.is-browser{color:#261b31;background:#fffdf6;border-radius:7px;min-height:291px;max-height:291px;margin:11px;padding:20px;display:block}.code-demo-output.is-browser h1,.code-demo-output.is-browser h2,.code-demo-output.is-browser h3,.code-demo-output.is-browser h4{color:#2f1760;margin:0 0 10px;font-family:Space Grotesk,sans-serif}.code-demo-output.is-browser p,.code-demo-output.is-browser li{color:#594f61;font-size:11px;line-height:1.55}.code-demo-output.is-browser button{color:#2b164c;pointer-events:none;background:#ffe98b;border:0;border-radius:999px;min-height:31px;padding:0 10px;font-size:9px;font-weight:800}.code-demo-output.is-browser .demo-browser-bar{color:#756d79;border-bottom:1px solid #e5e0d9;align-items:center;gap:5px;min-height:27px;margin:-10px -10px 13px;padding:0 10px;font:650 8px Open Sans,sans-serif;display:flex}.demo-browser-bar i{background:#ef6b67;border-radius:50%;width:6px;height:6px}.demo-browser-bar i:nth-child(2){background:#e7b950}.demo-browser-bar i:nth-child(3){background:#65bc78}.demo-browser-bar span{margin-left:4px}.demo-browser-document{min-height:205px}.code-demo-output.is-browser .demo-browser-continue{color:#fff;pointer-events:auto;background:#2f80ed;border:0;border-radius:999px;min-height:34px;margin:14px 0 0 auto;padding:0 13px;font-size:9px;font-weight:800;display:flex}.code-demo-output.is-browser .demo-browser-continue:hover,.code-demo-output.is-browser .demo-browser-continue:focus-visible{outline-offset:2px;background:#176dcc;outline:2px solid #2f80ed3d}.code-demo-footer{background:#1b1424;border-top:1px solid #3a2c49;grid-template-columns:34px minmax(0,1fr) auto 34px;align-items:center;gap:10px;min-height:48px;padding:7px 10px;display:grid}.code-demo-footer>button{border-radius:9px;width:32px;height:32px}.code-demo-footer>span{color:#a595b7;font:650 9px DM Mono,monospace}.code-demo-progress{align-items:center;gap:5px;display:flex}.code-demo-progress button{background:#58456c;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .18s,background .18s}.code-demo-progress button.active{background:#ffe05f;width:22px}.demo-step-changing[data-demo-active-kind=code] .code-demo-editor code>span,.demo-step-changing:not([data-demo-active-kind=code]) .code-demo-output>*{opacity:0;animation:.32s forwards code-demo-line-in;animation-delay:calc(var(--demo-line,0) * 70ms)}.demo-step-changing:not([data-demo-active-kind=code]) .code-demo-output .demo-message{opacity:1;animation:none}.demo-step-changing:not([data-demo-active-kind=code]) .demo-message p{opacity:0;animation:.32s forwards code-demo-line-in;animation-delay:calc(var(--demo-line,0) * 90ms)}@keyframes code-demo-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.code-demo-output:focus{outline:none}.code-demo-topbar [data-demo-status]{color:#c8b2e8}.code-demo-topbar button:disabled,.code-demo-footer button:disabled,.demo-codex-prompt button:disabled,.demo-terminal-line button:disabled{cursor:default;opacity:.42}.demo-start-card{text-align:center;align-content:center;place-items:center;gap:9px;min-height:260px;display:grid}.demo-start-card>span{color:#ffe36d;background:#2c2038;border:1px solid #725a8e;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.demo-start-card strong{color:#fff;font-size:14px}.demo-start-card p{max-width:31ch;color:#ad9dbb!important;margin:0!important;font-size:10px!important;line-height:1.5!important}.demo-start-card button,.demo-codex-prompt button,.demo-terminal-line button{color:#281648;background:#ffe36d;border:1px solid #e8ca4e;border-radius:999px;min-height:38px;font:850 10px Open Sans,sans-serif}.demo-start-card button{margin-top:5px;padding:0 17px}.demo-codex-prompt{background:#241a2d;border:1px solid #4a395c;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px;display:grid;box-shadow:0 14px 30px #00000029}.demo-prompt-field{color:#f4edf9;white-space:pre-wrap;min-height:84px;max-height:150px;font-size:11px;line-height:1.58;overflow:auto}.demo-prompt-field.is-typing:after,.demo-message.is-streaming p:after,.demo-terminal-line code.is-typing:after{content:"";vertical-align:-.12em;background:#ffe36d;width:2px;height:1.05em;margin-left:2px;animation:.72s step-end infinite demo-caret;display:inline-block}.demo-codex-prompt button{align-self:end;width:48px;min-width:48px;height:42px;padding:0}.demo-codex-prompt button span{font-size:18px;line-height:1;display:block}.demo-codex-prompt button b{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.demo-action-hint{color:#9f91ad!important;margin:11px 3px 0!important;font-size:9px!important;line-height:1.45!important}.demo-action-hint.is-ready{animation:1.5s ease-in-out infinite demo-hint-pulse;color:#ffe36d!important}.demo-action-hint.is-sent{color:#8ee0aa!important}.demo-message.user.is-sent{animation:.36s cubic-bezier(.2,.8,.25,1) both demo-message-send}.demo-terminal-session{background:#0d0b11;border:1px solid #3e3049;border-radius:9px;min-height:255px;padding:16px;font-family:DM Mono,ui-monospace,monospace;box-shadow:inset 0 1px #ffffff0a}.demo-terminal-line{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;display:grid}.demo-terminal-line>span{color:#b885ff;padding-top:8px;font-weight:900}.demo-terminal-line code{color:#dff7e5;white-space:pre-wrap;min-height:42px;padding-top:8px;font-size:11px;line-height:1.55}.demo-terminal-line button{min-width:92px;padding:0 12px}.demo-terminal-session.is-running .demo-terminal-line:after{content:"Procesando…";color:#9a8aa6;grid-column:2;font-size:9px;animation:.7s infinite alternate demo-terminal-output}.demo-terminal-session.is-complete>p,.demo-terminal-session.is-complete .demo-action-hint{color:#7bdd9b!important;margin:16px 0 0 25px!important;font-size:10px!important}.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{display:none}.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-result{grid-column:2/4}.demo-codex-activity{grid-template-columns:38px minmax(0,1fr);align-content:center;gap:11px;min-height:250px;display:grid}.demo-codex-activity>i{color:#caa8ff;background:#38244d;border-radius:10px;place-items:center;width:36px;height:36px;font-style:normal;animation:1.25s ease-in-out infinite demo-codex-spark;display:grid}.demo-codex-activity strong,.demo-codex-activity p{display:block;margin:0!important}.demo-codex-activity strong{color:#f6effa;font-size:11px}.demo-codex-activity p{color:#9f90ad!important;margin-top:3px!important;font-size:9px!important}.demo-codex-activity div>span{gap:4px;margin-top:10px;display:flex}.demo-codex-activity div>span b{background:#a97be9;border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite demo-thinking-dot}.demo-codex-activity div>span b:nth-child(2){animation-delay:.12s}.demo-codex-activity div>span b:nth-child(3){animation-delay:.24s}.demo-codex-activity.is-complete>i{color:#87e8a9;background:#173e2a;animation:none}.demo-codex-activity.is-complete div>span{display:none}.demo-codex-thinking{color:#a899b6;align-items:center;gap:4px;min-height:215px;display:flex}.demo-codex-thinking span{background:#b78bed;border-radius:50%;width:6px;height:6px;animation:.85s ease-in-out infinite demo-thinking-dot}.demo-codex-thinking span:nth-child(2){animation-delay:.13s}.demo-codex-thinking span:nth-child(3){animation-delay:.26s}.demo-codex-thinking b{margin-left:7px;font-size:9px}.demo-browser-loading{grid-template-columns:repeat(3,1fr);align-content:center;gap:8px;min-height:250px;display:grid}.demo-browser-loading span{background:linear-gradient(90deg,#eee7f2 20%,#fff 45%,#eee7f2 70%) 0 0/220% 100%;border-radius:999px;height:9px;animation:1s linear infinite demo-browser-shimmer}.demo-browser-loading span:nth-child(2){grid-column:span 2}.demo-browser-loading span:nth-child(3){grid-column:1/-1}.demo-browser-loading p{text-align:center;grid-column:1/-1;color:#756b7b!important;margin:8px 0 0!important;font-size:9px!important}.code-demo-output.is-browser.is-revealed>*{animation:.45s ease-out both demo-browser-reveal}.demo-code-line-enter{opacity:0;animation:.34s ease-out forwards demo-code-write;animation-delay:calc(var(--demo-line,0) * 80ms)}.code-demo-output.needs-action{animation:.43s demo-action-nudge}.code-demo-progress button.complete:not(.active){background:#8c6bb2}@keyframes demo-caret{50%{opacity:0}}@keyframes demo-hint-pulse{50%{opacity:.64;transform:translate(2px)}}@keyframes demo-message-send{0%{opacity:0;transform:translate(8px,7px)scale(.97)}}@keyframes demo-terminal-output{to{opacity:.5}}@keyframes demo-codex-spark{50%{transform:rotate(8deg)scale(1.08);box-shadow:0 0 18px #b984ff38}}@keyframes demo-thinking-dot{50%{opacity:.35;transform:translateY(-3px)}}@keyframes demo-browser-shimmer{to{background-position:-220% 0}}@keyframes demo-browser-reveal{0%{opacity:0;transform:translateY(6px)scale(.985)}}@keyframes demo-code-write{0%{opacity:0;filter:blur(1px);transform:translate(-5px)}to{opacity:1;filter:none;transform:none}}@keyframes demo-action-nudge{35%{transform:translate(-3px)}70%{transform:translate(3px)}}@media (width<=800px){.code-demo-composer{padding:17px}.demo-script-field textarea{min-height:290px;font-size:11px}.techfano-code-demo{border-radius:10px;margin:34px 0}.code-demo-topbar{grid-template-columns:48px minmax(0,1fr) auto}.code-demo-topbar button span{display:none}.code-demo-workspace{grid-template-columns:1fr}.code-demo-files{border-bottom:1px solid #35283f;border-right:0;padding:7px;display:flex;overflow-x:auto}.code-demo-files>strong{display:none}.code-demo-files>span{flex:none}.code-demo-editor{border-bottom:1px solid #35283f;border-right:0}.code-demo-editor pre,.code-demo-output{height:230px;min-height:230px;max-height:230px}.code-demo-output.is-browser{min-height:208px;max-height:208px}}@media (prefers-reduced-motion:reduce){.demo-step-changing[data-demo-active-kind=code] .code-demo-editor code>span,.demo-step-changing:not([data-demo-active-kind=code]) .code-demo-output>*,.demo-step-changing:not([data-demo-active-kind=code]) .demo-message p{opacity:1;animation:none}}.article{box-sizing:border-box;width:min(100%,860px)}.code-demo-result{border-right:1px solid #35283f;grid-area:conversation}.code-demo-editor{border-right:0;grid-area:work}.code-demo-result,.code-demo-editor{flex-direction:column;min-height:0;display:flex}.code-demo-result>header,.code-demo-editor>header{flex:0 0 44px}.code-demo-output,.code-demo-editor>pre,.code-demo-work-output{flex:auto;height:auto!important;min-height:0!important;max-height:none!important}.code-demo-editor>pre{box-sizing:border-box;width:100%}.code-demo-work-output.is-browser{color:#261b31;background:#fffdf8;border-radius:8px;margin:10px;padding:14px}.code-demo-work-output.is-browser h1,.code-demo-work-output.is-browser h2,.code-demo-work-output.is-browser h3,.code-demo-work-output.is-browser h4{color:#2f1760;margin:0 0 9px;font-family:Space Grotesk,sans-serif}.code-demo-work-output.is-browser p,.code-demo-work-output.is-browser li{color:#594f61;font-size:10px;line-height:1.5}.code-demo-work-output.is-browser.is-revealed>*{animation:.45s ease-out both demo-browser-reveal}.code-demo-work-output.is-terminal{background:#0d0b11;padding:12px}.code-demo-work-output.is-terminal .demo-terminal-session{box-sizing:border-box;min-height:calc(100% - 2px)}.demo-codex-prompt{margin-bottom:0}.code-demo-output.is-input{padding-bottom:6px}@media (width>=1440px){.article{width:min(100%,920px);max-width:920px}}@media (width<=980px){.code-demo-workspace{grid-template-columns:150px minmax(0,1fr);grid-template-areas:"sidebar conversation""work work";min-height:0}.code-demo-files{border-bottom:1px solid #35283f;border-right:1px solid #35283f;min-height:350px;padding:8px;display:block;overflow:hidden}.code-demo-result{border-bottom:1px solid #35283f;min-height:350px}.code-demo-editor{min-height:330px}}@media (width<=700px){.article{width:100%}.code-demo-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"sidebar""conversation""work"}.code-demo-files{border-right:0;min-height:0}.demo-sidebar-panel:not([hidden]){align-items:center;gap:5px;padding-bottom:3px;display:flex;overflow-x:auto}.demo-sidebar-panel>strong{flex:none;margin:0 5px}.demo-sidebar-panel>span{flex:none;min-width:132px;max-width:180px}.code-demo-result{border-right:0;min-height:360px}.code-demo-editor{min-height:310px}.demo-prompt-permission{display:none}}.code-demo-top-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.demo-focus-toggle[aria-pressed=true]{color:#2b164c;background:#ffe36d;border-color:#ffe36d}.demo-mobile-panel-toggle,.demo-drawer-close,.demo-mobile-backdrop{display:none}.demo-completion-notice{background:linear-gradient(105deg,#281a37,#1b1523);border-top:1px solid #4a385b;border-bottom:1px solid #4a385b;justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:12px 14px;display:flex}.demo-completion-notice[hidden]{display:none!important}.demo-completion-notice div{min-width:0}.demo-completion-notice strong,.demo-completion-notice span{display:block}.demo-completion-notice strong{color:#ffe36d;font-size:12px}.demo-completion-notice div span{color:#bdb1ca;margin-top:3px;font-size:10px;line-height:1.4}.demo-completion-notice>button{color:#2b164c;background:#ffe36d;border:0;border-radius:999px;flex:none;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:10px;font-weight:850;display:inline-flex}.demo-completion-notice>button span{animation:1.35s ease-in-out infinite demo-continue-reading}@keyframes demo-continue-reading{0%,to{transform:translateY(-1px)}50%{transform:translateY(3px)}}@media (width>=981px){body.demo-split-open{overflow-x:hidden}body.demo-split-open .site-header{box-sizing:border-box;width:50vw;max-width:none;margin-left:50vw;margin-right:0}body.demo-split-open .article{box-sizing:border-box;width:50vw;max-width:50vw;margin-left:50vw;margin-right:0;padding-left:clamp(30px,4vw,70px);padding-right:clamp(30px,4vw,70px)}body.demo-split-open .public-footer{box-sizing:border-box;width:50vw;margin-left:50vw}body.demo-split-open .sticky-sharing,body.demo-split-open .sticky-reading-controls{display:none!important}.techfano-code-demo.demo-split-view{z-index:2100;flex-direction:column;width:calc(50vw - 24px);height:calc(100dvh - 24px);max-height:none;margin:0;display:flex;position:fixed;top:12px;bottom:12px;left:12px;box-shadow:0 28px 80px #08040d61}.techfano-code-demo.demo-split-view .code-demo-workspace{flex:auto;height:auto;min-height:0;max-height:none}.techfano-code-demo.demo-split-view .code-demo-topbar,.techfano-code-demo.demo-split-view .code-demo-footer,.techfano-code-demo.demo-split-view .demo-completion-notice{flex:none}}@media (width<=700px){.demo-focus-toggle{display:none!important}.code-demo-topbar{grid-template-columns:44px minmax(0,1fr) auto}.code-demo-top-actions{gap:4px}.code-demo-workspace{height:min(72dvh,600px);min-height:500px;max-height:600px;display:block;position:relative;overflow:hidden}.code-demo-result,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-result{z-index:1;border:0;width:100%;height:100%;min-height:0;max-height:none;position:relative}.code-demo-result>header{grid-template-columns:38px minmax(0,1fr) auto 38px;gap:6px;display:grid}.code-demo-result>header>small,.code-demo-result>header .code-demo-copy b{display:none}.demo-mobile-panel-toggle{color:#f4edf9;background:#282031;border:1px solid #514064;border-radius:9px;justify-content:center;align-items:center;width:34px;min-height:34px;padding:0;font-size:15px;display:inline-flex}.demo-mobile-panel-toggle[aria-expanded=true]{color:#2b164c;background:#ffe36d;border-color:#ffe36d}.demo-mobile-backdrop{z-index:6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08050c9e;border:0;width:100%;height:100%;position:absolute;inset:0}.demo-left-open .demo-mobile-backdrop,.demo-right-open .demo-mobile-backdrop{display:block}.code-demo-files,.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{z-index:8;box-sizing:border-box;width:min(86%,340px);height:100%;min-height:0;max-height:none;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;bottom:0;box-shadow:0 16px 42px #0000006b}.code-demo-files{border-right:1px solid #58446b;flex-direction:column;left:0;overflow:hidden;transform:translate(-105%)}.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{border-left:1px solid #58446b;flex-direction:column;right:0;transform:translate(105%)}.demo-left-open .code-demo-files,.demo-right-open .code-demo-editor{transform:translate(0)}.demo-drawer-close{color:#f5eef9;background:#2a2035;border:1px solid #55436a;border-radius:9px;justify-content:center;align-items:center;width:34px;min-height:34px;padding:0;font-size:20px;line-height:1;display:inline-flex}.code-demo-files>.demo-drawer-close{flex:0 0 34px;align-self:flex-end;margin:0 0 8px}.code-demo-editor>header .demo-drawer-close{flex:0 0 32px;width:32px;min-height:32px}.code-demo-editor>pre,.code-demo-work-output{flex:auto;overflow:auto;min-height:0!important}.demo-completion-notice{flex-direction:column;align-items:flex-start}.demo-completion-notice>button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.code-demo-files,.code-demo-editor,.demo-completion-notice>button span{transition:none;animation:none}}@media (width>=981px){.code-demo-workspace{height:min(64vh,560px);min-height:440px;max-height:560px;overflow:hidden}}@media (width<=980px){.code-demo-files,.code-demo-result{height:350px;min-height:350px;max-height:350px}.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{height:360px;min-height:360px;max-height:360px}}@media (width<=700px){.code-demo-files{height:auto;min-height:0;max-height:220px}.demo-sidebar-panel:not([hidden]){scrollbar-gutter:auto;flex:0 auto;display:flex;overflow:auto hidden}.code-demo-result,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-result{height:360px;min-height:360px;max-height:360px}.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{height:340px;min-height:340px;max-height:340px}.code-demo-workspace{height:min(72dvh,600px);min-height:500px;max-height:600px;display:block;position:relative;overflow:hidden}.code-demo-result,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-result{z-index:1;border:0;width:100%;height:100%;min-height:0;max-height:none;position:relative}.code-demo-files,.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{z-index:8;box-sizing:border-box;width:min(86%,340px);height:100%;min-height:0;max-height:none;display:flex;position:absolute;top:0;bottom:0}.code-demo-files{flex-direction:column;left:0;overflow:hidden;transform:translate(-105%)}.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{flex-direction:column;right:0;transform:translate(105%)}.demo-left-open .code-demo-files,.demo-right-open .code-demo-editor{transform:translate(0)}}.code-demo-output.is-input{flex-direction:column;justify-content:flex-end;padding:18px 14px 7px;display:flex;overflow:visible}.code-demo-output.is-input .demo-action-hint{z-index:2;text-align:right;background:#20252d;border:1px solid #4e78aa;border-radius:10px 10px 3px;place-self:end;max-width:min(260px,100% - 22px);padding:8px 11px;position:relative;box-shadow:0 8px 18px #0000002e;color:#d8e7fa!important;margin:auto 9px 11px 0!important;line-height:1.35!important}.code-demo-output.is-input .demo-action-hint:after{content:"";background:#20252d;border-bottom:1px solid #4e78aa;border-right:1px solid #4e78aa;width:10px;height:10px;position:absolute;bottom:-6px;right:7px;transform:rotate(45deg)}.code-demo-output.is-input .demo-action-hint.is-ready{background:#eaf4ff;border-color:#4b9cff;font-weight:800;animation:1.8s ease-in-out infinite demo-send-bubble;color:#153b66!important}.code-demo-output.is-input .demo-action-hint.is-ready:after{background:#eaf4ff;border-color:#4b9cff}.demo-codex-prompt{box-sizing:border-box;background:#24272d;border-color:#454b55;border-radius:18px;flex-direction:column;align-self:end;gap:8px;width:100%;padding:10px 10px 10px 14px;display:flex;box-shadow:0 12px 30px #0000003d,inset 0 1px #ffffff0a}.demo-conversation-history{flex-direction:column;flex:none;gap:8px;width:100%;display:flex}.code-demo-output.is-chat,.code-demo-output.is-code{flex-direction:column;gap:10px;display:flex}.demo-codex-prompt.is-passive{z-index:3;opacity:.88;flex:none;margin-top:auto;position:sticky;bottom:0}.demo-codex-prompt.is-passive .demo-prompt-field{color:#9ea5af;align-items:center;min-height:42px;display:flex}.demo-codex-prompt:focus-within{border-color:#5d6876;box-shadow:0 14px 34px #00000047,0 0 0 2px #3b8bf51f}.demo-codex-prompt .demo-prompt-field{color:#f3f5f7;font:500 11px/1.58 Open Sans,sans-serif}.demo-prompt-toolbar,.demo-prompt-tools,.demo-prompt-actions{align-items:center;display:flex}.demo-prompt-toolbar{justify-content:space-between;gap:10px;min-height:32px}.demo-prompt-tools,.demo-prompt-actions{gap:7px}.demo-prompt-permission,.demo-prompt-model{color:#a8adb5;white-space:nowrap;font:650 8px Open Sans,sans-serif}.demo-prompt-permission{align-items:center;gap:4px;display:inline-flex}.demo-prompt-permission i{color:#8e98a5;font-style:normal}.demo-codex-prompt button{isolation:isolate;color:#fff;background:#2f80ed;border-color:#2f80ed;border-radius:50%;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;position:relative}.demo-codex-prompt .demo-tool-button{color:#b4bac3;width:30px;min-width:30px;height:30px;min-height:30px;box-shadow:none;opacity:1;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;font-size:17px;display:inline-grid}.demo-codex-prompt .demo-tool-button:disabled{color:#8f959e;cursor:default;opacity:1}.demo-codex-prompt .demo-attach-button{border:1px solid #454a52;border-radius:50%;font:400 19px/1 Open Sans,sans-serif}.demo-codex-prompt .demo-send-button{color:#fff;background:#2f80ed;border-color:#2f80ed;border-radius:50%;place-items:center;width:34px;min-width:34px;height:34px;min-height:34px;display:inline-grid;overflow:visible}.demo-codex-prompt .demo-send-pulse{z-index:0;border-radius:inherit;opacity:0;pointer-events:none;border:2px solid #4b9cffd6;position:absolute;inset:-6px}.demo-codex-prompt .demo-send-button>span,.demo-codex-prompt .demo-send-button>b{z-index:1;position:relative}.demo-codex-prompt .demo-send-button span{font-size:18px}.demo-codex-prompt .demo-send-button:disabled{color:#aebdd0;background:#34465c;border-color:#3c536f}.demo-codex-prompt .demo-send-button.is-ready{color:#fff;opacity:1;background:#2f80ed;border-color:#2f80ed}.code-demo-workspace{grid-template-columns:150px minmax(0,1.15fr) minmax(0,.9fr)}.code-demo-files{padding:8px}.demo-sidebar-tabs{background:#100d14;border:1px solid #322b39;border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:10px;padding:3px;display:grid}.demo-sidebar-tabs button{color:#82798c;background:0 0;border:0;border-radius:5px;min-width:0;min-height:27px;padding:0 5px;font:700 7px Open Sans,sans-serif}.demo-sidebar-tabs button.active,.demo-sidebar-tabs button[aria-selected=true]{color:#f0eaf5;background:#2b2531}.demo-sidebar-panel>strong{color:#756c80;letter-spacing:.08em;margin:0 7px 8px;font:750 7px DM Mono,monospace;display:block}.demo-sidebar-panel>span{color:#9e95a8;text-overflow:ellipsis;border-radius:6px;align-items:center;gap:6px;min-height:29px;padding:5px 7px;font:500 8px/1.3 Open Sans,sans-serif;display:flex;overflow:hidden}.demo-sidebar-panel>span i{color:#847292;flex:none;font-style:normal}.demo-sidebar-panel>span.active{color:#f3edf7;background:#30263a}.demo-sidebar-panel>span[data-demo-file]{padding-left:16px}.demo-sidebar-panel .demo-tree-root{color:#c0b6ca;font-weight:700}.demo-codex-prompt button.is-ready{color:#fff;background:#2f80ed;border-color:#2f80ed;animation:1.8s ease-in-out infinite demo-send-button;box-shadow:0 0 #2f80ed75}.demo-codex-prompt button.is-ready:hover,.demo-codex-prompt button.is-ready:focus-visible{color:#fff;outline-offset:3px;background:#438ff3;border-color:#56a0ff;outline:2px solid #56a0ff47}.demo-codex-prompt button.is-ready:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;border:2px solid #4b9cffc7;animation:1.8s ease-out infinite demo-send-ring;position:absolute;inset:-5px}@keyframes demo-send-button{0%,52%,to{transform:translateY(0)scale(1)}62%{transform:translateY(-2px)scale(1.07)}72%{transform:translateY(0)scale(.98)}82%{transform:translateY(-1px)scale(1.03)}}@keyframes demo-send-ring{0%,50%{opacity:0;transform:scale(.88)}62%{opacity:.9}88%,to{opacity:0;transform:scale(1.22)}}@keyframes demo-send-bubble{0%,55%,to{transform:translateY(0)}68%{transform:translateY(-3px)}80%{transform:translateY(0)}}@media (width<=800px){.code-demo-output.is-input{min-height:270px;padding:14px 10px 10px}.code-demo-output.is-input .demo-action-hint{max-width:calc(100% - 14px);margin-right:4px!important;font-size:10px!important}.demo-codex-prompt button{width:48px;min-width:48px;min-height:48px}}@media (width<=700px) and (prefers-reduced-motion:no-preference){.demo-codex-prompt .demo-send-button.is-ready{transform-origin:50%;will-change:transform, box-shadow;animation:1.55s ease-in-out infinite demo-send-button-mobile!important}.demo-codex-prompt .demo-send-button.is-ready:after{will-change:transform, opacity;animation:1.55s ease-out infinite demo-send-ring-mobile!important}.demo-codex-prompt .demo-send-button.is-ready.is-waapi-attention{animation:none!important}.demo-codex-prompt .demo-send-button.is-ready.is-waapi-attention:after{display:none}.demo-prompt-field.is-typing:after,.demo-terminal-line code.is-typing:after{animation:.72s step-end infinite demo-caret!important}.demo-prompt-field.is-typing{animation:1.25s ease-in-out infinite demo-mobile-typing-glow}.demo-terminal-line code.is-typing{animation:1.05s ease-in-out infinite demo-mobile-terminal-glow}.demo-terminal-line button.is-ready{transform-origin:50%;animation:1.55s ease-in-out infinite demo-terminal-action-mobile}}@keyframes demo-send-button-mobile{0%,46%,to{transform:translateY(0)scale(1);box-shadow:0 0 #2f80ed61}60%{transform:translateY(-3px)scale(1.13);box-shadow:0 7px 18px #2f80ed7a}72%{transform:translateY(0)scale(.97)}84%{transform:translateY(-1px)scale(1.06)}}@keyframes demo-send-ring-mobile{0%,42%{opacity:0;transform:scale(.78)}58%{opacity:1}92%,to{opacity:0;transform:scale(1.42)}}@keyframes demo-mobile-typing-glow{50%{text-shadow:0 0 10px #97c6ff33}}@keyframes demo-mobile-terminal-glow{50%{color:#f0fff3;text-shadow:0 0 8px #7bdd9b57}}@keyframes demo-terminal-action-mobile{0%,46%,to{box-shadow:none;transform:translateY(0)}62%{transform:translateY(-2px);box-shadow:0 6px 16px #ffe36d47}76%{transform:translateY(0)}}@media (width<=700px) and (prefers-reduced-motion:reduce){.demo-codex-prompt .demo-send-button.is-ready{box-shadow:0 0 0 4px #4b9cff4d}.demo-terminal-line button.is-ready{box-shadow:0 0 0 3px #ffe36d3d}.demo-codex-prompt .demo-send-button.is-ready.is-waapi-attention:after{display:none}}@media (prefers-reduced-motion:reduce){.demo-codex-prompt button.is-ready,.demo-codex-prompt button.is-ready:after,.code-demo-output.is-input .demo-action-hint.is-ready{animation:none}}.article-language-switch{border:1px solid color-mix(in srgb, var(--violet) 22%, var(--line));background:color-mix(in srgb, var(--paper) 94%, white);width:max-content;color:color-mix(in srgb, var(--ink) 72%, transparent);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:9px;margin:-34px 0 30px auto;padding:4px 5px 4px 12px;font-size:10px;font-weight:800;display:flex}.article-language-switch>div{gap:3px;display:flex}.article-language-switch button{min-width:35px;height:29px;color:inherit;font:inherit;background:0 0;border:0;border-radius:999px;padding:0 8px}.article-language-switch button:hover,.article-language-switch button:focus-visible{color:var(--violet-deep);background:color-mix(in srgb, var(--yellow) 42%, transparent)}.article-language-switch button.active{color:var(--violet-deep);background:var(--yellow);box-shadow:0 3px 10px #41286e1f}.editor-language-tabs{border:1px solid color-mix(in srgb, var(--violet) 18%, #dfe0df);background:#ffffffc7;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin:-28px 0 42px;padding:10px 12px;display:flex;box-shadow:0 10px 28px #2c19520e}.editor-language-tabs [role=tablist]{flex:none;gap:7px;display:flex}.editor-language-tabs [role=tab]{color:#5f596b;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;min-height:44px;padding:0 14px;font-size:13px;font-weight:800;display:flex}.editor-language-tabs [role=tab]>span{color:#726a80;letter-spacing:.07em;text-transform:uppercase;background:#eeeaf4;border-radius:999px;padding:3px 7px;font-size:8px}.editor-language-tabs [role=tab]:hover,.editor-language-tabs [role=tab]:focus-visible{border-color:color-mix(in srgb, var(--violet) 24%, transparent);color:var(--violet-deep)}.editor-language-tabs [role=tab].active{border-color:color-mix(in srgb, var(--violet) 34%, transparent);background:var(--violet-deep);color:#fff;box-shadow:0 6px 16px #321c5e2b}.editor-language-tabs [role=tab].active>span{background:var(--yellow);color:var(--violet-deep)}.editor-language-guide{justify-content:flex-end;align-items:center;gap:14px;min-width:0;display:flex}.editor-language-guide>p{color:#746d7d;text-align:right;max-width:430px;margin:0;font-size:11px;line-height:1.45}.editor-copy-language{border:1px solid color-mix(in srgb, var(--violet) 28%, #dfe0df);min-height:36px;color:var(--violet-deep);background:#fffbea;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:850;display:inline-flex}.editor-copy-language>span{font-size:15px;line-height:1}.editor-copy-language:hover,.editor-copy-language:focus-visible{border-color:var(--violet);background:var(--yellow);transform:translateY(-1px);box-shadow:0 5px 14px #3720631c}.editor-actions .button.primary{white-space:nowrap}.editor-save-alert{z-index:150;color:#38225f;background:#fff9dc;border:1px solid #e5b44f;border-radius:12px;grid-template-columns:27px minmax(0,1fr) 28px;align-items:center;gap:9px;width:min(430px,100vw - 36px);padding:12px;animation:.18s ease-out both editor-alert-in;display:grid;position:fixed;top:82px;right:max(18px,50vw - 600px);box-shadow:0 14px 34px #311b542e}.editor-save-alert>span{background:var(--yellow);border-radius:50%;place-items:center;width:27px;height:27px;font-size:14px;font-weight:900;display:grid}.editor-save-alert p{margin:0;font-size:12px;font-weight:700;line-height:1.4}.editor-save-alert button{width:28px;height:28px;color:inherit;background:0 0;border:0;border-radius:8px;font-size:20px}.editor-save-alert button:hover,.editor-save-alert button:focus-visible{background:#4025691a}.rich-editor .editor-notice{color:#285a32;background:#effbed;border:1px solid #b8ddb8;border-radius:8px;margin:10px 12px 0;padding:9px 11px;font-size:11px;font-weight:750;line-height:1.4}@keyframes editor-alert-in{0%{opacity:0;transform:translateY(-7px)}}.techfano-dark .article-language-switch{color:#cfc2dc;background:#211929;border-color:#4d3d62}.techfano-dark .article-language-switch button:hover,.techfano-dark .article-language-switch button:focus-visible{color:#2b1456}.techfano-dark .article-language-switch button.active{color:#251047;text-shadow:none;background:#ffe98b}@media (width<=700px){.article-language-switch{margin:18px 0 25px}.editor-language-tabs{flex-direction:column;align-items:stretch;gap:9px;margin-top:-34px;margin-bottom:32px;padding:9px}.editor-language-tabs [role=tablist]{grid-template-columns:1fr 1fr;display:grid}.editor-language-tabs [role=tab]{justify-content:center;min-width:0;padding-inline:10px}.editor-language-guide{flex-direction:column;align-items:stretch;gap:8px}.editor-copy-language{justify-content:center;width:100%}.editor-language-guide>p{text-align:left;max-width:none;padding:0 5px 3px}.editor-save-alert{width:calc(100vw - 24px);top:76px;right:12px}}@media (width<=430px){.editor-actions .button.primary{padding-inline:6px;font-size:9px}}.author-hero{min-height:0;color:var(--ink);background:#fffefa;border:1px solid #e7ddec;border-radius:18px;overflow:hidden;box-shadow:0 20px 48px #26134c1c}.author-cover-media{background:radial-gradient(circle at 80% 30%,#ffe874f2,#0000 28%),linear-gradient(125deg,#32166d,#7551d5 62%,#ead76d);height:285px;position:relative;overflow:hidden}.author-cover-media img{object-fit:cover;width:100%;height:100%}.author-cover-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#190b3147);position:absolute;inset:0}.author-cover-media>span{color:#fff3;letter-spacing:-6px;font:800 70px/1 Space Grotesk,sans-serif;position:absolute;bottom:19px;right:35px}.author-cover-media.has-cover>span{display:none}.author-profile-card{grid-template-columns:158px minmax(0,1fr);gap:29px;margin-top:-66px;padding:0 54px 48px;display:grid;position:relative}.author-profile-card>.author-avatar.large{background:var(--violet);border:7px solid #fffefa;width:158px;height:158px;box-shadow:0 16px 35px #210f403b}.author-hero-content{max-width:730px;min-height:0;padding:86px 0 0;display:block}.author-hero .kicker{color:var(--violet);margin:0 0 7px}.author-hero h1{color:var(--violet-deep);letter-spacing:-3px;margin:0;font-size:clamp(40px,5vw,64px)}.author-role{color:#665a72;margin:7px 0 15px;font-size:14px}.author-bio{color:#4f4658;max-width:680px;margin-top:15px;font-size:16px;line-height:1.68}.author-skills,.selected-skills{flex-wrap:wrap;gap:7px;display:flex}.author-skills span{color:#5c35b4;background:#f8f3ff;border:1px solid #ded0fa;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.author-hero a{color:var(--violet);border:1px solid #d9c9f6;border-radius:7px;margin-top:20px;padding:9px 13px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.author-signature-preview{display:none}.author-signature-end{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.author-signature-end .author-signature-preview{color:#665c6f;-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:2/4;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.skill-selector{gap:8px;width:100%;display:grid;position:relative}.skill-selector-label{color:#655a70;font-size:10px;font-weight:800}.skill-combobox{position:relative}.skill-input-shell{min-height:42px;color:var(--violet);background:#fff;border:1px solid #d8cde4;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:grid}.skill-combobox.open .skill-input-shell,.skill-input-shell:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px #6338c51a}.skill-input-shell input{outline:none;min-width:0;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.skill-input-shell small,.skill-empty{color:#918697;font-size:9px}.skill-options{z-index:300;background:#fffefa;border:1px solid #ddcfeb;border-radius:9px;max-height:230px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 16px 34px #28144a2e}.skill-options button{color:#514758;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 9px;display:flex}.skill-options button:hover,.skill-options button:focus-visible{color:var(--violet-deep);background:#f4edff;outline:none}.skill-options button span,.skill-options .create-skill{color:var(--violet);font-weight:800}.skill-options p{color:#887e8f;margin:8px;font-size:10px}.selected-skills>span{color:#5a35ad;background:#f8f3ff;border:1px solid #ddcff5;border-radius:999px;align-items:center;gap:5px;min-height:29px;padding:4px 5px 4px 10px;font-size:10px;font-weight:800;display:inline-flex}.selected-skills button{color:#6c48b9;background:#e9defa;border:0;border-radius:50%;place-items:center;width:19px;height:19px;padding:0;line-height:1;display:grid}.profile-form,.create-author-form,.team-author-card{overflow:visible}.profile-cover-preview{border-radius:11px 11px 0 0}.team-author-skills{grid-column:1/-1}.embed-composer .carousel-items{grid-template-columns:repeat(2,minmax(0,1fr))}.embed-composer .carousel-item{background:#faf7ff;border:1px solid #e0d5ed;border-radius:8px;gap:7px;height:auto;min-height:0;padding:7px;display:grid;overflow:visible}.embed-composer .carousel-item img{object-fit:cover;border-radius:5px;width:100%;height:118px}.embed-composer .carousel-item input{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #d8cde4;border-radius:5px;outline:none;padding:8px;font-size:10px}.embed-composer .carousel-item input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6338c51a}.techfano-dark .reading-meta span,.techfano-dark .mobile-toc,.techfano-dark .desktop-toc{color:#c9bfd0;background:#231a2cf2;border-color:#4f405d}.techfano-dark .article-toc li{border-left-color:#52455d}.techfano-dark .article-toc li.active{border-left-color:var(--yellow-strong)}.techfano-dark .article-toc li.active a,.techfano-dark .article-toc a:hover,.techfano-dark .mobile-toc summary{color:#f1eaff}.techfano-dark .author-hero{background:#211828;border-color:#49395a}.techfano-dark .author-profile-card>.author-avatar.large{border-color:#211828}.techfano-dark .author-hero h1{color:#f4edff}.techfano-dark .author-role,.techfano-dark .author-bio,.techfano-dark .author-signature-end .author-signature-preview{color:#c7bdcd}.techfano-dark .author-skills span,.techfano-dark .selected-skills>span{color:#dac9ff;background:#2d2038;border-color:#58436c}@media (hover:none),(pointer:coarse){.author-tooltip{display:none}.author-signature:not(.author-signature-end){grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.author-signature:not(.author-signature-end) .author-signature-preview{color:#786d80;text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:9px;display:block;overflow:hidden}}@media (width<=800px){.public-hero{padding-top:38px;padding-bottom:30px}.public-hero h1,.public-hero h1 em{letter-spacing:-3.2px;font-size:clamp(40px,12vw,54px)}.public-hero>p:last-child{margin-top:16px;font-size:15px}.featured-open{min-height:0}.featured-aside,.featured-aside .gradient-art{height:225px;min-height:225px}.featured-copy{min-height:0;padding:27px 24px 26px}.featured-copy h2{font-size:31px}.reading-meta{margin-top:-27px}.mobile-toc{margin-bottom:27px}.author-page{padding-top:22px}.author-cover-media{height:190px}.author-profile-card{grid-template-columns:1fr;gap:0;margin-top:-54px;padding:0 22px 31px}.author-profile-card>.author-avatar.large{border-width:6px;width:112px;height:112px}.author-hero-content{min-height:0;padding:13px 0 0}.author-hero h1{letter-spacing:-2.5px;font-size:42px}.author-bio{font-size:14px}.author-signature-end{grid-template-columns:auto minmax(0,1fr)}.author-signature-end .author-signature-preview{grid-column:2}.profile-main-fields{padding-left:19px;padding-right:19px}.embed-composer .carousel-items{grid-template-columns:1fr}}@media (width<=1279px){.sticky-accessibility{width:100%;min-height:calc(54px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 14px 8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefaf7;border:0;border-bottom:1px solid #ded3eb;border-radius:0;align-items:center;gap:10px;display:flex;top:0;left:0;right:0;box-shadow:0 5px 18px #2a174e1f}.sticky-accessibility:before{content:none;display:none}.mobile-reading-index{align-items:center;gap:6px;margin-right:auto;display:flex;position:relative}.reading-index-trigger{min-height:36px;color:var(--violet-deep);background:#f8f3ff;border:1px solid #d8c9f0;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:10px;font-weight:900;display:inline-flex}.reading-index-trigger span{color:var(--violet);font-size:13px}.reading-index-trigger b{color:#8b7b9b;font-size:9px}.reading-index-trigger[aria-expanded=true]{border-color:var(--yellow-strong);background:var(--yellow)}.reading-back-top{min-width:36px;min-height:36px;color:var(--violet-deep);background:#fffefa;border:1px solid #d8c9f0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.reading-back-top b{font-size:9px}.reading-back-top:hover,.reading-back-top:focus-visible{border-color:var(--yellow-strong);background:var(--yellow);outline:none}.floating-article-index{z-index:2600;width:min(380px,100vw - 28px);max-height:calc(100dvh - 78px - env(safe-area-inset-top));overscroll-behavior:contain;background:#fffefa;border:1px solid #ddcfeb;border-radius:14px;padding:14px;position:absolute;top:calc(100% + 9px);left:0;overflow:auto;box-shadow:0 20px 48px #2311433d}.floating-index-heading{border-bottom:1px solid #eee5f3;justify-content:space-between;align-items:flex-start;gap:12px;padding:2px 2px 12px;display:flex}.floating-index-heading>div{gap:3px;display:grid}.floating-index-heading small{color:var(--violet);letter-spacing:1px;font-size:8px;font-weight:900}.floating-index-heading strong{color:var(--violet-deep);font:700 18px/1.15 Space Grotesk,sans-serif}.floating-index-heading>button{color:#5c4771;background:#f0e8fa;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:20px;line-height:1;display:grid}.floating-article-index ol{gap:2px;margin:10px 0 0;padding:0;list-style:none;display:grid}.floating-article-index li{border-left:2px solid #e7deed}.floating-article-index li.active{border-left-color:var(--yellow-strong)}.floating-article-index li button{color:#5f5468;text-align:left;background:0 0;border:0;border-radius:0 7px 7px 0;width:100%;padding:9px 10px 9px 12px;font-size:11px;line-height:1.35}.floating-article-index li.subheading button{padding-left:24px;font-size:10px}.floating-article-index li.active button,.floating-article-index li button:hover,.floating-article-index li button:focus-visible{color:var(--violet-deep);background:#f7f1ff;outline:none}.techfano-dark .reading-index-trigger,.techfano-dark .reading-back-top{color:#f2eaff;background:#2c2235;border-color:#5b496b}.techfano-dark .reading-index-trigger[aria-expanded=true]{color:#32195f;background:#ffe98b;border-color:#cfb84f}.techfano-dark .floating-article-index{background:#241b2d;border-color:#554264}.techfano-dark .floating-index-heading{border-bottom-color:#493a54}.techfano-dark .floating-index-heading strong,.techfano-dark .floating-article-index li.active button,.techfano-dark .floating-article-index li button:hover,.techfano-dark .floating-article-index li button:focus-visible{color:#f2eaff}.techfano-dark .floating-index-heading>button,.techfano-dark .floating-article-index li.active button,.techfano-dark .floating-article-index li button:hover,.techfano-dark .floating-article-index li button:focus-visible{background:#342641}.techfano-dark .floating-article-index li button{color:#c9bfd0}}@media (width<=430px){.sticky-accessibility{min-height:calc(52px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 10px 8px;gap:7px}.reading-index-trigger{gap:5px;min-height:34px;padding:0 9px}.reading-back-top{width:34px;min-width:34px;min-height:34px;padding:0}.reading-back-top b{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.floating-article-index{width:calc(100vw - 20px);max-height:calc(100dvh - 70px - env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.article-progress span,.article-toc a{transition:none}}.voice-tool{border-style:solid}.voice-tool:after{content:none;display:none}.voice-tool:disabled{cursor:not-allowed;opacity:.48;transform:none}.speech-player{color:#51465d;align-items:center;gap:9px;font-family:Open Sans,sans-serif;display:flex}.article-speech-player{background:linear-gradient(135deg,#fbf8ff 0%,#fffdf1 100%);border:1px solid #ded2ed;border-radius:14px;flex-wrap:wrap;margin:22px 0 18px;padding:13px 14px;box-shadow:0 8px 22px #361c5f12}.speech-player button,.speech-player select{border:1px solid #d6c7e9;border-radius:9px;min-height:36px;font:700 11px/1 Open Sans,sans-serif}.speech-player button{color:var(--violet-deep);cursor:pointer;background:#fffefa;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.speech-player button:hover,.speech-player button:focus-visible{border-color:var(--violet);background:var(--yellow);outline-offset:2px;outline:3px solid #ffda3d47;transform:translateY(-1px)}.speech-player .speech-start{border-color:var(--violet);background:var(--violet);color:#fff}.speech-player .speech-start:hover,.speech-player .speech-start:focus-visible{background:var(--violet-deep);color:#fff}.speech-select{color:#72657f;letter-spacing:.35px;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;font-weight:800;display:inline-flex}.speech-select select{color:#453753;cursor:pointer;background:#fffefa;max-width:220px;padding:0 28px 0 9px}.speech-select select:focus-visible{border-color:var(--violet);outline:3px solid #6b3dbe29}.speech-rate select{width:67px}.speech-status{color:#756a7d;align-items:center;gap:6px;min-width:max-content;margin-left:auto;font-size:10px;font-weight:700;display:inline-flex}.speech-status i{background:#9b91a3;border-radius:50%;width:7px;height:7px}.speech-player[data-state=playing] .speech-status i{background:#49a16c;animation:1.15s ease-in-out infinite speech-pulse;box-shadow:0 0 0 4px #49a16c24}.speech-player[data-state=paused] .speech-status i{background:var(--yellow-strong)}.speech-player[data-state=error] .speech-status{color:#9b3347}.speech-player[data-state=error] .speech-status i{background:#c84a61}.speech-unavailable{color:#74697b;border-left:3px solid #d8cbe9;margin:18px 0;padding:10px 12px;font-size:12px}.compact-speech-player{flex:auto;margin-right:auto}.compact-speech-player .speech-select>span,.compact-speech-player .speech-voice{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.compact-speech-player .speech-status{margin-left:1px}.techfano-dark .article-speech-player{background:linear-gradient(135deg,#2b2135 0%,#29251d 100%);border-color:#574568;box-shadow:0 8px 24px #04020847}.techfano-dark .speech-player,.techfano-dark .speech-select,.techfano-dark .speech-status,.techfano-dark .speech-unavailable{color:#d4cadb}.techfano-dark .speech-player button,.techfano-dark .speech-player select{color:#f4eef9;background:#2b2135;border-color:#5c4970}.techfano-dark .speech-player .speech-start{color:#32195f;background:#ffe16a;border-color:#ffe16a}@keyframes speech-pulse{50%{transform:scale(1.35)}}@media (width<=1279px){.sticky-accessibility.speech-active{gap:7px}.compact-speech-player{min-width:0}.compact-speech-player button,.compact-speech-player select{min-height:34px}}@media (width<=700px){.article-speech-player{align-items:stretch;padding:12px}.article-speech-player .speech-voice{flex:1 0 100%}.article-speech-player .speech-voice select{flex:1;min-width:0;max-width:none}.article-speech-player .speech-status{margin-left:0}.compact-speech-player{gap:5px}.compact-speech-player button{padding:0 8px;font-size:9px}.compact-speech-player .speech-rate select{width:59px;padding-right:20px;font-size:10px}.compact-speech-player .speech-status{font-size:9px}.sticky-accessibility.speech-active .voice-tool,.sticky-accessibility.speech-active .access-tour-help{display:none}}.reading-tool-label{letter-spacing:0;font-size:10px;font-weight:800}.sticky-accessibility.book-active .focus-tool{justify-content:center;align-items:center;gap:5px;width:auto;min-width:70px;display:inline-flex;border-radius:999px!important;padding:0 12px!important}.sticky-accessibility.book-active .book-page-controls>span{justify-content:center;align-items:baseline;gap:2px;min-width:100px;display:inline-flex}.sticky-accessibility.book-active .book-page-controls button{box-shadow:none;border-radius:11px}@media (width<=1279px){.sticky-accessibility.book-active:before{display:none}.sticky-accessibility.book-active{align-items:center}.sticky-accessibility.book-active .book-page-controls{flex:auto}.sticky-accessibility.book-active .accessibility-controls{flex:none}}@media (width<=430px){.sticky-accessibility.book-active .book-page-controls{gap:3px}.sticky-accessibility.book-active .book-page-controls>span{min-width:78px}.sticky-accessibility.book-active .focus-tool{flex-basis:auto;width:auto;min-width:62px;padding-inline:9px!important}.sticky-accessibility.book-active .dark-tool{display:none}.article-speech-player .speech-rate{margin-left:auto}.article-speech-player .speech-status{flex:1 0 100%}.compact-speech-player button{padding:0 7px}.compact-speech-player .speech-status{text-overflow:ellipsis;white-space:nowrap;max-width:78px;overflow:hidden}.sticky-accessibility.speech-active .focus-tool{display:none}}@media (prefers-reduced-motion:reduce){.speech-player[data-state=playing] .speech-status i{animation:none}}body.reading-focus{overflow:hidden}.reading-focus .article-progress,.reading-focus .sticky-sharing,.reading-focus .global-access-tour{display:none}.book-reader{z-index:80;background:radial-gradient(circle at 12% 8%,#6f3fc214,#0000 24rem),#f2eee7;place-items:stretch center;padding:76px clamp(22px,5vw,72px) 24px;display:grid;position:fixed;inset:0}.book-pages-viewport{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x;background:linear-gradient(90deg,#4a31240e,#0000 18px),#fffefa;border:1px solid #ded6ca;border-radius:8px 18px 18px 8px;width:min(920px,100%);height:100%;padding:clamp(30px,5vh,52px) clamp(30px,6vw,72px);overflow:auto hidden;box-shadow:0 24px 60px #2e1f1729,inset 10px 0 18px #472f1f0b}.book-pages-viewport::-webkit-scrollbar{display:none}.book-pages-viewport:focus-visible{outline-offset:3px;outline:3px solid #6338c54d}.book-pages-flow{--book-page-width:760px;color:#332d38;column-width:var(--book-page-width);column-fill:auto;orphans:3;widows:3;column-gap:clamp(54px,8vw,96px);height:100%;font-family:Open Sans,sans-serif;font-size:16px;line-height:1.82}.book-pages-flow>.meta{color:var(--violet);letter-spacing:1px;margin:0 0 12px;font-size:9px;font-weight:900}.book-pages-flow>h1{max-width:760px;color:var(--violet-deep);letter-spacing:-2.6px;break-after:avoid-column;margin:0 0 19px;font:700 clamp(35px,4vw,54px)/1.03 Space Grotesk,sans-serif}.book-lead{color:#665b6f;margin:0 0 30px;font-size:17px;line-height:1.68}.book-cover,.book-pages-flow .article-content figure,.book-pages-flow .article-content img{break-inside:avoid-column}.book-cover{margin:0 0 34px}.book-cover img,.book-pages-flow .article-content img{object-fit:contain;border-radius:8px;width:100%;max-height:calc(100dvh - 190px);display:block}.book-pages-flow .article-content{color:inherit;font-size:inherit;line-height:inherit}.book-pages-flow .article-content h2,.book-pages-flow .article-content h3,.book-pages-flow .article-content h4{break-after:avoid-column}.book-pages-flow .article-content p,.book-pages-flow .article-content li,.book-pages-flow .article-content blockquote{break-inside:avoid-column}.book-pages-flow button,.book-pages-flow iframe,.book-pages-flow video,.book-pages-flow audio,.book-pages-flow [role=button],.book-pages-flow [data-carousel-count]{display:none!important}.book-pages-flow .article-content .techfano-code-demo{break-inside:avoid-column;width:100%;max-width:100%;margin-block:24px}.book-pages-flow .techfano-code-demo button{justify-content:center;align-items:center;display:inline-flex!important}.book-pages-flow .techfano-code-demo .code-demo-progress button{display:block!important}.book-page-controls{align-items:center;gap:6px;margin-right:auto;display:inline-flex}.book-page-controls button{width:36px;min-width:36px;height:36px;min-height:36px;color:var(--violet-deep);cursor:pointer;background:#fffefa;border:1px solid #d5c6ec;border-radius:50%;place-items:center;padding:0;font-size:15px;font-weight:900;display:grid}.book-page-controls button:hover,.book-page-controls button:focus-visible{border-color:var(--yellow-strong);background:var(--yellow);outline:none}.book-page-controls button:disabled{cursor:default;opacity:.35}.book-page-controls>span{color:#655872;text-align:center;min-width:70px;font-size:10px;font-weight:700}.book-page-controls strong{color:var(--violet-deep);font-size:13px}.book-page-controls small{font-size:9px}.techfano-dark .book-reader{background:radial-gradient(circle at 12% 8%,#a17dea1f,#0000 24rem),#100c15}.techfano-dark .book-pages-viewport{background:linear-gradient(90deg,#0003,#0000 20px),#211a28;border-color:#4b3b55;box-shadow:0 24px 65px #0000006b,inset 10px 0 18px #00000024}.techfano-dark .book-pages-flow,.techfano-dark .book-pages-flow .article-content{color:#ddd6e4}.techfano-dark .book-lead{color:#c0b6c8}.techfano-dark .book-page-controls button{color:#f4eef9;background:#2b2135;border-color:#5c4970}.techfano-dark .book-page-controls>span,.techfano-dark .book-page-controls strong{color:#eee6f4}@media (width<=1279px){.book-reader{padding-top:calc(72px + env(safe-area-inset-top))}.sticky-accessibility.book-active{gap:8px}.sticky-accessibility.book-active .access-tour-help{display:none}}@media (width<=700px){.book-reader{padding:calc(66px + env(safe-area-inset-top)) 10px 10px}.book-pages-viewport{border-radius:5px 13px 13px 5px;padding:28px 24px 32px}.book-pages-flow{column-gap:48px;font-size:15px;line-height:1.78}.book-pages-flow>h1{letter-spacing:-2px;font-size:clamp(31px,10vw,42px)}.book-lead{font-size:15px}.book-page-controls{gap:4px}.book-page-controls button{width:32px;min-width:32px;height:32px;min-height:32px}.book-page-controls>span{min-width:58px;font-size:9px}}@media (prefers-reduced-motion:reduce){.book-pages-viewport{scroll-behavior:auto}}.article-speech-player{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 0 0,#ffe26933,#0000 190px),#fdfafff0;border-color:#663db533;border-radius:18px;grid-template-columns:auto auto minmax(88px,auto) minmax(180px,1fr);gap:12px;padding:14px 16px 13px;display:grid;position:relative;box-shadow:0 12px 34px #361c5f13}.speech-transport{align-items:center;gap:7px;display:inline-flex}.speech-player .speech-primary-action,.speech-player .speech-icon-action,.speech-player .speech-pick-start{letter-spacing:0;border-radius:12px;min-height:40px;font-size:11px}.speech-player .speech-primary-action{background:var(--violet-deep);color:#fff;border-color:#0000;min-width:116px;box-shadow:0 7px 16px #401f772e}.speech-player .speech-primary-action:hover,.speech-player .speech-primary-action:focus-visible{background:var(--violet);color:#fff;border-color:#0000}.speech-player button svg{flex:none;width:17px;height:17px}.speech-player .speech-icon-action{color:#665674;background:#ffffffb3;border-color:#6849942e;padding-inline:10px}.speech-player .speech-pick-start{color:#675774;background:0 0;border-style:dashed;border-color:#68499457}.speech-player .speech-pick-start.active{border-style:solid;border-color:var(--yellow-strong);color:#493561;background:#fff4ad}.article-speech-player .speech-select{gap:4px;min-width:0;display:grid}.article-speech-player .speech-select>span{color:#887991;letter-spacing:.7px;padding-left:2px;font-size:8px}.article-speech-player .speech-select select{background-color:#ffffffc7;border-color:#68499433;border-radius:12px;width:100%;max-width:none;min-height:40px;font-size:11px}.article-speech-player .speech-rate{width:90px}.speech-feedback{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;display:grid}.speech-feedback .speech-status{color:#6f6279;margin:0;font-size:10px}.speech-percent{color:#786a83;font-size:9px;font-weight:800}.speech-progress-track{background:#6446881c;border-radius:999px;grid-column:1/-1;height:3px;overflow:hidden}.speech-progress-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--yellow-strong));width:0;height:100%;transition:width .28s;display:block}.speech-pick-help{color:#59476a;background:#fff5b9;border-radius:10px;grid-column:1/-1;margin:-1px 0 0;padding:9px 11px;font-size:11px;line-height:1.45}.compact-speech-player{gap:7px;min-width:0;display:inline-flex;position:relative}.speech-voice-settings{flex:none;position:relative}.speech-voice-settings summary{color:#665674;cursor:pointer;background:#ffffffb8;border:1px solid #68499438;border-radius:11px;justify-content:center;align-items:center;width:36px;min-height:34px;list-style:none;display:inline-flex}.speech-voice-settings summary::-webkit-details-marker{display:none}.speech-voice-settings summary svg{width:17px;height:17px}.speech-voice-settings summary>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.speech-voice-settings summary:hover,.speech-voice-settings summary:focus-visible,.speech-voice-settings[open] summary{border-color:var(--yellow-strong);color:var(--violet-deep);outline-offset:2px;background:#fff3a8;outline:3px solid #ffda3d38}.speech-voice-settings>label{z-index:30;color:#51415d;background:#fffefafa;border:1px solid #68499433;border-radius:14px;gap:7px;width:min(310px,100vw - 28px);padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 38px #2716392e}.speech-voice-settings>label>span{letter-spacing:.55px;text-transform:uppercase;font-size:10px;font-weight:800}.speech-voice-settings select{color:#453753;background:#fff;border-color:#6849943d;border-radius:10px;width:100%;min-height:38px;padding:0 30px 0 10px;font-size:11px}.speech-voice-settings small{color:#7a6c82;font-size:9px;line-height:1.4}.techfano-dark .speech-voice-settings summary,.techfano-dark .speech-voice-settings>label{color:#f4eef9;background:#2b2135fa;border-color:#5c4970}.techfano-dark .speech-voice-settings select{color:#f4eef9;background:#211928;border-color:#5c4970}.techfano-dark .speech-voice-settings small{color:#cfc2d8}.compact-speech-player .speech-transport{gap:5px}.compact-speech-player .speech-primary-action{min-width:0;min-height:34px;padding-inline:10px}.compact-speech-player .speech-icon-action{min-height:34px;padding-inline:8px}.compact-speech-player .speech-exit-action{color:#665674;background:#ffffffb8;border-color:#68499438;min-width:34px;min-height:34px;padding-inline:9px}.compact-speech-player .speech-exit-action:hover,.compact-speech-player .speech-exit-action:focus-visible{border-color:var(--yellow-strong);color:var(--violet-deep);background:#fff3a8}.techfano-dark .compact-speech-player .speech-exit-action{color:#f4eef9;background:#2b2135;border-color:#5c4970}.compact-speech-player .speech-select{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.compact-speech-player .speech-rate>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.compact-speech-player .speech-feedback{flex:auto;min-width:44px;display:flex}.compact-speech-player .speech-feedback .speech-status,.compact-speech-player .speech-progress-track{display:none}.compact-speech-player .speech-percent{margin-left:2px;display:inline}[data-speech-active]{border-radius:5px;position:relative}.speech-word{border-radius:.22em;transition:color .14s ease-out}.speech-word-read{color:color-mix(in srgb, currentColor 78%, var(--violet) 22%);background:#855cc60e}.speech-word-current{z-index:1;color:#34224f;background:#ffe86e;animation:none;position:relative;box-shadow:inset 0 -2px #673baa47}.speech-word-bookmark{color:#3e285d;background:#ffe24c80;box-shadow:0 0 0 2px #6f43b726}.speech-pick-mode [data-speech-block]{cursor:pointer;outline-offset:5px;border-radius:7px;outline:1px dashed #683ab947;transition:background .16s,outline-color .16s,transform .16s}.speech-pick-mode [data-speech-block]:hover,.speech-pick-mode [data-speech-block]:focus-within{outline-color:var(--violet);background:#ffe65e2e;transform:translate(2px)}.techfano-dark .article-speech-player{background:radial-gradient(circle at 0 0,#ffe26917,#0000 190px),#261d2ff0;border-color:#c2a4ee33}.techfano-dark .speech-player .speech-primary-action{color:#32195f;background:#ffe16a;border-color:#ffe16a}.techfano-dark .speech-player .speech-icon-action,.techfano-dark .article-speech-player .speech-select select{background:#1b14229e;border-color:#d8c2f02e}.techfano-dark .speech-pick-help{color:#f1e4b4;background:#ffe16a21}.techfano-dark .speech-word-current{color:#281440;background:#ffe56d}.techfano-dark .speech-word-bookmark{color:#f7edff;background:#a470e96b}@keyframes speech-word-scan{0%{opacity:.62;transform:translateY(1px)scale(.97)}to{opacity:1;transform:none}}@media (width<=820px){.article-speech-player{grid-template-columns:1fr auto}.article-speech-player .speech-transport{grid-column:1/-1}.article-speech-player .speech-pick-start{justify-self:start}.article-speech-player .speech-rate{justify-self:end;width:92px}.article-speech-player .speech-voice{grid-column:1/-1}}@media (width<=520px){.article-speech-player{border-radius:15px;padding:13px}.article-speech-player .speech-transport{grid-template-columns:1fr 1fr;display:grid}.article-speech-player .speech-primary-action,.article-speech-player .speech-icon-action{width:100%}.compact-speech-player .speech-primary-action span,.compact-speech-player .speech-icon-action span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.compact-speech-player .speech-primary-action,.compact-speech-player .speech-icon-action,.compact-speech-player .speech-exit-action{width:34px;min-width:34px;padding:0}.compact-speech-player .speech-exit-action span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.compact-speech-player .speech-rate select{width:58px}.compact-speech-player .speech-feedback{min-width:24px}.speech-voice-settings>label{width:auto;position:fixed;top:68px;left:14px;right:14px}}body.speech-reading{overflow-anchor:none}.speech-reading .article-progress,.speech-reading .public-footer,.speech-reading .sticky-sharing,.speech-reading .global-access-tour{display:none!important}.speech-reading .article{overflow-anchor:none;max-width:780px;padding-top:74px}.speech-reading .article>:not(h1):not(.article-lead):not(.article-content){display:none!important}.speech-reading .article-lead{margin-bottom:42px}.speech-reading .speech-article-content{text-wrap:pretty;max-width:720px;margin-inline:auto;font-size:clamp(18px,1.45vw,20px);line-height:1.88}.speech-reading .speech-article-content p,.speech-reading .speech-article-content blockquote{margin-bottom:1.4em}.speech-reading .speech-list-item{padding-left:1.15em;position:relative}.speech-reading .speech-list-item:before{color:var(--violet);content:"•";position:absolute;left:0}.speech-reading .article-content figure,.speech-reading .article-content img,.speech-reading .article-content iframe,.speech-reading .article-content video,.speech-reading .article-content audio,.speech-reading .article-content button,.speech-reading .article-content [role=button],.speech-reading .article-content .techfano-carousel,.speech-reading .article-content .techfano-youtube,.speech-reading .article-content hr{display:none!important}@media (width<=1279px){.speech-reading .article-header{display:none!important}body.speech-reading.floating-accessibility-visible{padding-top:0}.speech-reading .article{padding-top:calc(76px + env(safe-area-inset-top))}.sticky-accessibility.speech-active:before{display:none}}@media (width>=1280px){.article-header-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.article-header-actions>.accessibility-controls{margin-left:0}.article-header.speech-header-active{z-index:210;background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:#67488933;position:sticky;top:0;box-shadow:0 9px 28px #26143e14}.speech-header-active .compact-speech-player{background:color-mix(in srgb, var(--paper) 88%, var(--yellow) 12%);border:1px solid #704e9738;border-radius:16px;flex:0 auto;padding:6px;box-shadow:0 6px 18px #2c164b12}.speech-header-active .compact-speech-player .speech-feedback{flex:none}.sticky-accessibility.speech-active{display:none}.techfano-dark .article-header.speech-header-active{background:#18121ff0;border-bottom-color:#493b58;box-shadow:0 9px 28px #00000047}.techfano-dark .speech-header-active .compact-speech-player{background:#211a2a;border-color:#51405f}}@media (width<=1279px){.article-header-actions{display:contents}.article-header-actions>.compact-speech-player{display:none}}@media (width<=700px){.sticky-accessibility.speech-active .accessibility-controls{display:none}.sticky-accessibility.speech-active{align-items:center;padding-inline:10px}.sticky-accessibility.speech-active .compact-speech-player{width:100%}.book-reader,.book-pages-viewport,.book-pages-flow{overflow-anchor:none}.book-pages-viewport{overscroll-behavior-x:none;overscroll-behavior-y:none;scroll-behavior:auto;max-width:100%}}@media (prefers-reduced-motion:reduce){.speech-word,.speech-word-current,.speech-progress-track>span,.speech-pick-mode [data-speech-block]{transition:none;animation:none}}.global-access-tour,.article-header .global-access-tour{width:min(500px,100vw - 28px);max-height:var(--tour-available-height,calc(100dvh - 78px));transform-origin:var(--tour-pointer-x,calc(100% - 72px)) 0;border-radius:16px;position:fixed;top:66px;left:14px;overflow:visible;box-shadow:0 18px 48px #1f0f3a38,0 3px 10px #1f0f3a14;bottom:auto!important;right:auto!important}.global-access-tour .access-tour-graphic{border-radius:15px 0 0 15px}.global-access-tour .access-tour-pointer{z-index:5;top:-9px;left:calc(var(--tour-pointer-x,calc(100% - 72px)) - 10px);background:#fffefa;border-top:1px solid #e1ca67;border-left:1px solid #e1ca67;border-radius:3px 0 0;width:20px;height:20px;transition:left .38s cubic-bezier(.22,1,.36,1);animation:.8s ease-in-out 80ms both access-tour-pointer;display:block;position:absolute;transform:rotate(45deg);box-shadow:-3px -3px 8px #23123e0b}.global-access-tour .access-tour-pointer:after{content:"";background:var(--yellow-strong);border-radius:50%;width:8px;height:8px;animation:1.15s ease-in-out infinite access-tour-pointer-dot;position:absolute;top:-7px;left:-7px;box-shadow:0 0 0 5px #ffda3d38}.global-access-tour.tour-step-0 .access-tour-pointer,.global-access-tour.tour-step-1 .access-tour-pointer,.global-access-tour.tour-step-2 .access-tour-pointer{animation-name:access-tour-pointer}.techfano-dark .global-access-tour .access-tour-pointer{background:#211a2a;border-color:#e1ca67}@keyframes access-tour-pointer{0%{opacity:0;transform:translateY(8px)rotate(45deg)scale(.7)}55%{opacity:1;transform:translateY(-3px)rotate(45deg)scale(1.08)}to{opacity:1;transform:rotate(45deg)scale(1)}}@keyframes access-tour-pointer-dot{50%{transform:scale(1.32);box-shadow:0 0 0 8px #ffda3d14}}@media (width<=800px){.global-access-tour,.article-header .global-access-tour{border-radius:14px;grid-template-columns:112px minmax(0,1fr)}.global-access-tour .access-tour-graphic{border-radius:13px 0 0 13px;width:112px;min-height:150px}.global-access-tour .access-tour-copy{padding:18px 36px 17px 13px}}@media (width<=430px){.global-access-tour,.article-header .global-access-tour{grid-template-columns:84px minmax(0,1fr)}.global-access-tour .access-tour-graphic{width:84px;height:100%;min-height:158px}.global-access-tour .access-tour-copy{padding:15px 32px 14px 11px}.global-access-tour .access-tour-copy strong{font-size:16px}.global-access-tour .access-tour-copy p{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.global-access-tour .access-tour-pointer,.global-access-tour .access-tour-pointer:after{transition:none;animation:none}}@media (width>=1280px){.reading-focus .article-header.book-header-active{z-index:220;background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #704e9733;width:100%;max-width:none;height:68px;margin:0;padding-inline:max(30px,50vw - 610px);display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 7px 24px #27143f12}.book-header-active .article-header-actions{gap:14px}.book-header-active .book-page-controls{gap:7px;margin:0}.book-header-active .book-page-controls>span{justify-content:center;align-items:baseline;gap:2px;min-width:112px;display:inline-flex}.book-header-active .book-page-controls button{border-radius:11px;width:36px;min-width:36px;height:36px;min-height:36px}.book-header-active .focus-tool{justify-content:center;align-items:center;gap:5px;width:auto;min-width:72px;display:inline-flex;border-radius:999px!important;padding-inline:11px!important}.sticky-accessibility.book-active{display:none}.book-reader{padding-top:88px}.book-pages-viewport{width:min(1000px,100%);padding:clamp(30px,4.5vh,46px) clamp(44px,5.5vw,68px)}.book-pages-flow>h1{max-width:none;margin-bottom:15px;font-size:clamp(38px,3.5vw,52px)}.book-lead{margin-bottom:22px;font-size:16px;line-height:1.62}.book-cover{margin-bottom:24px}.book-cover img{object-fit:cover;width:100%;height:min(28vh,260px);max-height:260px}.techfano-dark .reading-focus .article-header.book-header-active{background:#18121ff2;border-bottom-color:#493b58;box-shadow:0 7px 24px #0000004d}}@media (width<=1279px){.article-header .reading-tool,.sticky-accessibility .reading-tool{border-width:1.5px;flex-basis:46px;width:46px;min-width:46px;height:46px;min-height:46px!important}.article-header .reading-tool svg,.sticky-accessibility .reading-tool svg{stroke-width:2px;width:23px;height:23px}.article-header .accessibility-controls,.sticky-accessibility .accessibility-controls{gap:8px}.reading-tool:has(.reading-tool-label){width:auto;min-width:78px;padding-inline:13px!important}.compact-speech-player button,.compact-speech-player select,.speech-voice-settings summary,.book-page-controls button{min-height:44px}.compact-speech-player .speech-primary-action,.compact-speech-player .speech-icon-action,.compact-speech-player .speech-exit-action,.speech-voice-settings summary{min-width:44px}}@media (width<=520px){.article-header .reading-tool,.sticky-accessibility .reading-tool{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px!important}.article-header .reading-tool svg,.sticky-accessibility .reading-tool svg{width:22px;height:22px}}.editor-context-menu{max-height:min(390px,100vh - 24px);overflow-y:auto}.editor-cta-preview{color:#fff;background:radial-gradient(circle at 92% 12%,#ffe36d33,#0000 36%),linear-gradient(135deg,#2d125f,#462581);border:1px solid #674493;border-radius:15px;grid-template-columns:minmax(0,1fr);gap:10px;min-height:130px;padding:18px;display:grid;box-shadow:0 14px 32px #30185b2e}.editor-cta-preview img{object-fit:cover;border-radius:10px;width:100%;height:94px}.editor-cta-preview>div{align-content:center;gap:5px;display:grid}.editor-cta-preview>div>strong{font-size:18px}.editor-cta-preview span,.editor-cta-rich-text{color:#ffffffc7;font-size:11px}.editor-cta-rich-text p,.editor-cta-rich-text ul,.editor-cta-rich-text ol{color:inherit;margin:0 0 5px}.editor-cta-rich-text>:last-child{margin-bottom:0}.editor-cta-rich-text a{color:#ffe36d;font-weight:800}.editor-cta-preview i{color:#321b68;background:#ffe36d;border-radius:999px;width:max-content;margin-top:5px;padding:7px 10px;font-size:10px;font-style:normal;font-weight:800}.editor-cta-preview-editorial{color:#2d1458;background:linear-gradient(145deg,#fffdf5,#f6efff);border:1px solid #c8b4dd;border-top:5px solid #f0ca32}.editor-cta-preview-editorial span,.editor-cta-preview-editorial .editor-cta-rich-text{color:#4f4058}.editor-cta-preview-minimal{color:#2e155c;background:linear-gradient(110deg,#f5efff,#fffbea);border:1px solid #d5c6e6;border-left:7px solid #7040bd;border-radius:8px;min-height:90px}.editor-cta-preview-minimal span,.editor-cta-preview-minimal .editor-cta-rich-text{color:#4e4057}.editor-cta-preview-editorial .editor-cta-rich-text a,.editor-cta-preview-minimal .editor-cta-rich-text a{color:#572a9c}.cta-composer{width:min(790px,100vw - 32px);max-height:min(88vh,850px);overflow-y:auto}.cta-style-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.cta-style-picker>button{color:#4e3b60;text-align:left;background:#fff;border:1px solid #ddd1eb;border-radius:12px;grid-template-columns:38px minmax(0,1fr);gap:2px 9px;padding:10px;display:grid}.cta-style-picker>button.active{border-color:var(--violet);background:#f7f0ff;box-shadow:0 0 0 3px #7040bd1a}.cta-style-picker strong{align-self:end;font-size:11px}.cta-style-picker span{color:#82738d;grid-column:2;font-size:8px;line-height:1.35}.cta-style-swatch{background:#38206d;border-radius:8px;grid-row:1/3;display:block}.cta-style-swatch.editorial{background:linear-gradient(90deg,#ffe67a 32%,#fffaf0 32%);border:1px solid #d7c9e6}.cta-style-swatch.minimal{background:#f7f2ff;border-left:4px solid #7040bd;border-radius:2px}.cta-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.cta-form-grid label,.cta-alt-field{color:#665672;gap:5px;font-size:10px;font-weight:800;display:grid}.cta-form-grid input,.cta-form-grid select,.cta-form-grid textarea,.cta-alt-field input{width:100%}.cta-text-field{grid-column:1/-1}.cta-rich-field{background:#fff;border:1px solid #d9cce3;border-radius:12px;grid-column:1/-1;display:grid;overflow:hidden}.cta-rich-field>span{color:#665672;padding:9px 11px 5px;font-size:10px;font-weight:800}.cta-rich-toolbar{background:#f8f4fb;border-bottom:1px solid #e6ddea;flex-wrap:wrap;gap:4px;padding:6px 9px;display:flex}.cta-rich-toolbar .tool{width:auto;min-width:34px;min-height:34px;padding:0 9px}.cta-rich-content{color:#382c40;outline:none;min-height:112px;padding:12px;font-size:13px;line-height:1.55}.cta-rich-content:focus{box-shadow:inset 0 0 0 2px #7040bd2e}.cta-rich-content p,.cta-rich-content ul,.cta-rich-content ol{margin:0 0 8px}.cta-rich-content>:last-child{margin-bottom:0}.cta-rich-field>small{color:#887991;padding:0 11px 9px;font-size:9px}.cta-button-toggle{border:1px solid #dfd5e7;border-radius:10px;align-self:end;align-items:center;min-height:42px;padding:0 10px;grid-template-columns:auto 1fr!important}.cta-button-toggle input{width:17px;height:17px}.cta-image-manager{background:#fcfaff;border:1px solid #e1d7e8;border-radius:13px;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.cta-image-manager>img,.cta-image-manager>div:first-child{object-fit:cover;background:#eee7f8;border-radius:9px;place-items:center;width:105px;height:75px;display:grid}.cta-image-manager>div:nth-child(2){gap:4px;display:grid}.cta-image-manager span{color:#81748a;font-size:9px}.cta-image-manager>div>div{gap:7px;margin-top:3px;display:flex}.cta-image-manager .button{min-height:32px;padding:6px 10px;font-size:9px}.cta-live-preview,.techfano-cta{border-radius:20px;overflow:hidden}.cta-live-preview{color:#fff;background:radial-gradient(circle at 92% 12%,#ffe36d33,#0000 34%),linear-gradient(135deg,#2d125f,#462581);border:1px solid #68479b;grid-template-columns:minmax(0,1fr);min-height:175px;display:grid;box-shadow:0 18px 42px #30185b33}.cta-live-preview.has-image{grid-template-columns:minmax(0,1fr) 36%}.cta-live-preview>img{object-fit:cover;grid-area:1/2;width:100%;height:100%}.cta-live-preview>div{grid-area:1/1;align-content:center;gap:8px;padding:25px;display:grid}.cta-live-preview small,.techfano-cta .article-cta-copy>small{color:#ffe36d;letter-spacing:1px;font-size:9px;font-weight:900}.cta-live-preview>div>strong{font-size:24px}.cta-live-preview p,.cta-preview-rich{color:#ffffffe0;margin:0;font-size:12px;line-height:1.55}.cta-preview-rich p,.cta-preview-rich ul,.cta-preview-rich ol,.cta-preview-rich li{color:inherit;margin:0 0 7px}.cta-preview-rich>:last-child{margin-bottom:0}.cta-preview-rich a{color:#ffe36d;font-weight:800}.cta-live-preview span{color:#321967;background:#ffe36d;border-radius:999px;width:max-content;padding:8px 12px;font-size:10px;font-weight:900}.cta-preview-editorial{color:#2d1458;background:linear-gradient(145deg,#fffdf5,#f6efff);border:1px solid #c8b4dd;border-top:5px solid #f0ca32;box-shadow:0 16px 36px #31195c24}.cta-preview-editorial .cta-preview-rich{color:#4f4058}.cta-preview-minimal{color:#2e155c;background:linear-gradient(110deg,#f5efff,#fffbea);border:1px solid #d5c6e6;border-left:7px solid #7040bd;border-radius:8px;min-height:130px;box-shadow:0 12px 28px #351c621a}.cta-preview-minimal .cta-preview-rich{color:#4e4057}.cta-preview-editorial small,.cta-preview-minimal small{color:#6637ad}.cta-preview-editorial .cta-preview-rich a,.cta-preview-minimal .cta-preview-rich a{color:#572a9c}.article-content .techfano-cta{color:#fff;background:radial-gradient(circle at 92% 12%,#ffe36d2e,#0000 34%),linear-gradient(135deg,#2d125f,#462581);border:1px solid #674493;grid-template-columns:minmax(0,1fr);margin:48px 0;display:grid;box-shadow:0 22px 52px #30185b33}.article-content .techfano-cta.has-image{grid-template-columns:minmax(0,1fr) minmax(190px,36%)}.techfano-cta figure{grid-area:1/2;margin:0}.techfano-cta figure img{object-fit:cover;width:100%;height:100%;min-height:245px}.article-cta-copy{grid-area:1/1;align-content:center;justify-items:start;gap:11px;min-height:245px;padding:clamp(28px,5vw,48px);display:grid}.article-content .article-cta-copy h3{color:inherit;margin:0;font-size:clamp(25px,4vw,36px);line-height:1.05}.article-content .article-cta-rich{color:#ffffffe0;max-width:62ch;font-size:15px;line-height:1.6}.article-content .article-cta-rich p,.article-content .article-cta-rich ul,.article-content .article-cta-rich ol,.article-content .article-cta-rich li{color:inherit;margin:0}.article-content .article-cta-rich ul,.article-content .article-cta-rich ol{padding-left:20px}.article-content .article-cta-rich p+p,.article-content .article-cta-rich p+ul,.article-content .article-cta-rich p+ol,.article-content .article-cta-rich li+li{margin-top:7px}.article-content .article-cta-rich a{color:#ffe36d;text-underline-offset:3px;font-weight:850;text-decoration-color:#ffe36da6}.article-cta-action{color:#321967;min-height:42px;font:inherit;cursor:pointer;background:#ffe36d;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:5px;padding:0 16px;font-size:11px;font-weight:900;text-decoration:none;display:inline-flex}.article-cta-action:hover,.article-cta-action:focus-visible{background:#fff0a3;transform:translateY(-1px);box-shadow:0 0 0 4px #ffe36d33}.article-content .cta-style-editorial{color:#2d1458;background:linear-gradient(145deg,#fffdf5,#f6efff);border:1px solid #cbb8df;border-top:6px solid #edc62a;box-shadow:0 18px 44px #30185b24}.article-content .cta-style-editorial .article-cta-rich,.article-content .cta-style-minimal .article-cta-rich{color:#4b3d54}.article-content .cta-style-editorial .article-cta-copy>small,.article-content .cta-style-minimal .article-cta-copy>small,.article-content .cta-style-editorial .article-cta-rich a,.article-content .cta-style-minimal .article-cta-rich a{color:#6130a8}.article-content .cta-style-minimal{color:#2e155c;background:linear-gradient(110deg,#f5efff,#fffbea);border:1px solid #d4c4e5;border-left:7px solid #7040bd;border-radius:9px;box-shadow:0 14px 34px #351c621a}.article-content .cta-style-minimal .article-cta-copy{min-height:180px;padding-block:26px}.techfano-dark .article-content .cta-style-editorial,.techfano-dark .article-content .cta-style-minimal{color:#f8efff;background:#292032;border-color:#5d4970}.techfano-dark .article-content .cta-style-editorial .article-cta-rich,.techfano-dark .article-content .cta-style-minimal .article-cta-rich{color:#e4d8e9}.techfano-dark .article-content .cta-style-editorial .article-cta-copy>small,.techfano-dark .article-content .cta-style-minimal .article-cta-copy>small,.techfano-dark .article-content .cta-style-editorial .article-cta-rich a,.techfano-dark .article-content .cta-style-minimal .article-cta-rich a{color:#ffe36d}body.cta-panel-open{overflow:hidden}.external-cta-backdrop{z-index:600;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#140c1d73;justify-content:flex-end;animation:.2s both cta-backdrop-in;display:flex;position:fixed;inset:0}.external-cta-panel{background:#fffefa;border-left:1px solid #6c46973d;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,92vw);height:100%;animation:.32s cubic-bezier(.2,.9,.25,1) both cta-panel-in;display:grid;box-shadow:-20px 0 60px #12091d3d}.external-cta-panel>header{border-bottom:1px solid #e8dfee;align-items:center;gap:13px;min-height:72px;padding:12px 16px;display:flex}.external-cta-panel>header>div{min-width:0;margin-right:auto;display:grid}.external-cta-panel header small{color:var(--violet);letter-spacing:.8px;font-size:8px;font-weight:900}.external-cta-panel header strong{color:var(--violet-deep);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.external-cta-panel header button{color:#452968;background:#fff;border:1px solid #dacde5;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;font-size:24px;display:grid}.external-cta-panel iframe{background:#fff;border:0;width:100%;height:100%}.external-cta-panel>footer{background:#fffefa;border-top:1px solid #e8dfee;align-items:center;gap:16px;min-height:64px;padding:10px 16px;display:flex}.external-cta-panel>footer p{color:#796d80;min-width:0;margin:0 auto 0 0;font-size:10px;line-height:1.4}.external-cta-panel>footer a{background:var(--yellow);min-height:42px;color:var(--violet-deep);border:1px solid #e1bb2d;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:10px;font-weight:900;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.external-cta-panel>footer a:hover,.external-cta-panel>footer a:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 6px 18px #43266824}.techfano-dark .external-cta-panel{background:#211927;border-color:#574267}.techfano-dark .external-cta-panel>header,.techfano-dark .external-cta-panel>footer{border-color:#4b3a58}.techfano-dark .external-cta-panel header strong,.techfano-dark .external-cta-panel>footer p{color:#eee5f3}.techfano-dark .external-cta-panel>footer{background:#211927}.techfano-dark .external-cta-panel header button{color:#fff;background:#2b2133;border-color:#5b476b}.techfano-dark .external-cta-panel>footer a,.techfano-dark .external-cta-panel>footer a:visited{color:#2c175d;background:#ffe98b;border-color:#e1bb2d}.techfano-dark .external-cta-panel>footer a:hover,.techfano-dark .external-cta-panel>footer a:focus-visible{color:#211044;background:#fff1ad;border-color:#ffe98b;box-shadow:0 0 0 3px #ffe98b38}@keyframes cta-backdrop-in{0%{opacity:0}}@keyframes cta-panel-in{0%{transform:translate(100%)}}@media (width<=700px){.cta-style-picker,.cta-form-grid{grid-template-columns:1fr}.cta-text-field{grid-column:auto}.cta-live-preview.has-image,.article-content .techfano-cta.has-image{grid-template-columns:1fr}.cta-live-preview>img,.techfano-cta figure{grid-area:1/1;height:180px}.cta-live-preview>div,.article-cta-copy{grid-area:2/1}.article-cta-copy{min-height:0;padding:26px 22px}.techfano-cta figure img{height:180px;min-height:180px}.article-cta-action{min-height:46px}.external-cta-panel{width:100%}.external-cta-panel>header{min-height:calc(68px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top))}.external-cta-panel>footer{min-height:calc(76px + env(safe-area-inset-bottom));padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.external-cta-panel>footer p{display:none}.external-cta-panel>footer a{width:100%;min-height:48px}}@media (prefers-reduced-motion:reduce){.external-cta-backdrop,.external-cta-panel{animation:none}}.code-demo-editor>header,.code-demo-result>header{gap:7px;height:44px}.code-demo-editor>header>span,.code-demo-result>header>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.code-demo-copy{color:#dcd0e8;cursor:pointer;white-space:nowrap;background:#2b2036;border:1px solid #55436a;border-radius:7px;align-items:center;gap:5px;min-height:28px;margin-left:auto;padding:0 8px;font:750 8px Open Sans,sans-serif;display:inline-flex}.code-demo-copy b{font:inherit}.code-demo-copy:hover,.code-demo-copy:focus-visible{color:#311852;outline-offset:2px;background:#ffe36d;border-color:#ffe36d;outline:2px solid #ffe36d2e}.code-demo-copy.copied{color:#b8f0bf;background:#53b8662e;border-color:#7bdd79}.code-demo-copy:disabled:not(.copied){opacity:.42;cursor:default}.code-demo-editor pre,.code-demo-output{height:306px;min-height:306px;max-height:306px}body.editor-preview-open{overflow:hidden}.editor-preview-button{color:#3b2062;background:#fff1a3;border-color:#e1bd31;font-weight:800}.editor-preview-button:hover,.editor-preview-button:focus-visible{background:#ffe36d;border-color:#6d3ab4}.editor-preview-overlay{z-index:800;background:var(--paper);color:var(--ink);overscroll-behavior:contain;position:fixed;inset:0;overflow-y:auto}.editor-preview-header{z-index:20;background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #66438b29;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:18px;min-height:68px;padding:10px max(22px,50vw - 610px);display:grid;position:sticky;top:0;box-shadow:0 7px 24px #27143f12}.editor-preview-header>div{align-items:center;gap:14px;display:flex}.editor-preview-header .brand{font-size:21px;font-weight:900}.editor-preview-header .brand>span{color:var(--violet)}.editor-preview-header small{color:var(--violet);letter-spacing:.7px;font-size:8px;font-weight:900}.editor-preview-header p{color:#786d7d;margin:0;font-size:10px}.editor-preview-header>button{justify-self:end}.editor-preview-article{padding-top:62px;padding-bottom:90px}.editor-preview-article>h1{margin-top:14px}@media (width<=800px){.code-demo-copy{justify-content:center;min-width:38px;min-height:36px}.code-demo-copy b{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.editor-preview-header{grid-template-columns:1fr auto;padding-inline:14px}.editor-preview-header>p,.editor-preview-header small{display:none}.editor-preview-header>button{min-height:44px}.editor-preview-article{padding-top:42px}}@media (width<=520px){.editor-actions{gap:6px}.editor-preview-button{min-height:40px}.editor-preview-header>button{padding-inline:12px;font-size:10px}}.editor-last-saved{color:#6d756f;white-space:nowrap;align-self:center;margin-left:4px;font-size:10px;font-weight:700;line-height:1.25}.editor-last-saved>span{color:#278054;font-size:12px}.editor-last-saved time{color:#4f356f;font-weight:850}@media (width<=860px){.editor-header{align-items:flex-start}.editor-actions{flex-wrap:wrap;flex:1}.editor-last-saved{text-align:right;flex:1 0 100%;margin:1px 0 0}}@media (width<=430px){.editor-actions{flex-wrap:wrap}.editor-last-saved{font-size:9px}}.editor-page .cta-preview-editorial,.editor-page .cta-preview-minimal,.editor-page .editor-cta-preview-editorial,.editor-page .editor-cta-preview-minimal{color:#2e155c}.editor-page .cta-preview-editorial .cta-preview-rich,.editor-page .cta-preview-editorial .cta-preview-rich p,.editor-page .cta-preview-editorial .cta-preview-rich li,.editor-page .cta-preview-minimal .cta-preview-rich,.editor-page .cta-preview-minimal .cta-preview-rich p,.editor-page .cta-preview-minimal .cta-preview-rich li,.editor-page .editor-cta-preview-editorial .editor-cta-rich-text,.editor-page .editor-cta-preview-editorial .editor-cta-rich-text p,.editor-page .editor-cta-preview-editorial .editor-cta-rich-text li,.editor-page .editor-cta-preview-minimal .editor-cta-rich-text,.editor-page .editor-cta-preview-minimal .editor-cta-rich-text p,.editor-page .editor-cta-preview-minimal .editor-cta-rich-text li{color:#4b3b54}.editor-page .cta-preview-editorial .cta-preview-rich a,.editor-page .cta-preview-minimal .cta-preview-rich a,.editor-page .editor-cta-preview-editorial .editor-cta-rich-text a,.editor-page .editor-cta-preview-minimal .editor-cta-rich-text a{color:#57269d}body:not(.techfano-dark) .article-content .cta-style-editorial,body:not(.techfano-dark) .article-content .cta-style-minimal,body:not(.techfano-dark) .article-content .cta-style-editorial h3,body:not(.techfano-dark) .article-content .cta-style-minimal h3{color:#2e155c}body:not(.techfano-dark) .article-content .cta-style-editorial .article-cta-rich,body:not(.techfano-dark) .article-content .cta-style-editorial .article-cta-rich p,body:not(.techfano-dark) .article-content .cta-style-editorial .article-cta-rich li,body:not(.techfano-dark) .article-content .cta-style-minimal .article-cta-rich,body:not(.techfano-dark) .article-content .cta-style-minimal .article-cta-rich p,body:not(.techfano-dark) .article-content .cta-style-minimal .article-cta-rich li{color:#493a51}body:not(.techfano-dark) .article-content .cta-style-editorial .article-cta-rich a,body:not(.techfano-dark) .article-content .cta-style-minimal .article-cta-rich a{color:#57269d;text-decoration-color:#57269d6b}.wysiwyg-content mark,.article-content mark{color:#241e12;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(104deg,#efff38,#fff36b);border-radius:.2em;padding:.06em .18em}.wysiwyg-content pre,.article-content pre{color:#eee6f4;tab-size:2;white-space:pre;background:#17111e;border:1px solid #443555;border-radius:12px;margin:30px 0;padding:20px 22px;font:500 12px/1.7 DM Mono,ui-monospace,monospace;overflow-x:auto;box-shadow:0 14px 30px #1f122c29}.wysiwyg-content pre code,.article-content pre code{color:inherit;font:inherit;background:0 0}.wysiwyg-content blockquote,.article-content blockquote{color:#493b52;background:linear-gradient(115deg,#f7f1ff,#fffbea);border:1px solid #d8c9e8;border-left:6px solid #7040bd;border-radius:10px;margin:32px 0;padding:22px 24px;font:600 16px/1.65 Open Sans,sans-serif;box-shadow:0 12px 28px #341d5b14}.wysiwyg-content blockquote p,.article-content blockquote p{color:inherit;margin:0}.techfano-dark .article-content mark{color:#17120c;background:linear-gradient(104deg,#ddec2d,#f4dd45)}.techfano-dark .article-content blockquote{color:#eee6f3;background:linear-gradient(115deg,#2a2032,#2d2930);border-color:#58446a #58446a #58446a #a878ee}@media (width<=800px){.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-result{grid-column:1}.demo-terminal-line{grid-template-columns:auto minmax(0,1fr)}.demo-terminal-line button{grid-column:1/-1;width:100%;min-height:44px}.demo-codex-prompt{grid-template-columns:minmax(0,1fr) 44px}.demo-prompt-field{min-height:96px}.wysiwyg-content pre,.article-content pre{margin:24px 0;padding:16px;font-size:11px}}@media (prefers-reduced-motion:reduce){.demo-prompt-field.is-typing:after,.demo-message.is-streaming p:after,.demo-terminal-line code.is-typing:after,.demo-action-hint.is-ready,.demo-codex-activity>i,.demo-codex-activity div>span b,.demo-codex-thinking span,.demo-browser-loading span,.demo-code-line-enter,.code-demo-output.needs-action{animation:none}}.code-demo-workspace{grid-template-columns:150px minmax(0,1.25fr) minmax(280px,.95fr);grid-template-areas:"sidebar conversation work";min-height:420px}.code-demo-files{grid-area:sidebar}.code-demo-result{border-right:1px solid #35283f;flex-direction:column;grid-area:conversation;min-height:0;display:flex}.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{border-right:0;flex-direction:column;grid-area:work;min-height:0;display:flex}.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-result{grid-area:conversation/auto}.code-demo-result>header,.code-demo-editor>header{flex:0 0 44px;height:auto}.code-demo-editor>pre,.code-demo-output,.code-demo-work-output{flex:auto;height:auto!important;min-height:0!important;max-height:none!important}.code-demo-output{scrollbar-gutter:stable}.code-demo-output.is-input{justify-content:flex-end;padding-bottom:6px}.code-demo-work-output{display:none;overflow:auto}.techfano-code-demo[data-demo-work-kind=browser] .code-demo-editor>pre,.techfano-code-demo[data-demo-work-kind=terminal] .code-demo-editor>pre{display:none}.techfano-code-demo[data-demo-work-kind=browser] .code-demo-work-output,.techfano-code-demo[data-demo-work-kind=terminal] .code-demo-work-output{display:block}@media (width<=980px){.code-demo-workspace{grid-template-columns:150px minmax(0,1fr);grid-template-areas:"sidebar conversation""work work";min-height:0}.code-demo-files{border-bottom:1px solid #35283f;border-right:1px solid #35283f;min-height:350px;padding:8px;display:block;overflow:hidden}.code-demo-result,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-result{border-bottom:1px solid #35283f;grid-area:conversation/auto;min-height:350px}.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{grid-area:work;min-height:330px}}@media (width<=700px){.code-demo-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"sidebar""conversation""work"}.code-demo-files{border-right:0;min-height:0}.code-demo-result,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-result{border-right:0;min-height:360px}.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{min-height:310px}}@media (width>=981px){.code-demo-workspace{height:min(64vh,560px);min-height:440px;max-height:560px;overflow:hidden}}.code-demo-files{flex-direction:column;min-height:0;display:flex;overflow:hidden}.demo-sidebar-tabs{flex:none}.demo-sidebar-panel:not([hidden]){overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;display:block;overflow:hidden auto}.code-demo-output,.code-demo-editor>pre,.code-demo-work-output{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto;min-height:0!important}.code-demo-output.is-input{overflow-y:auto}.code-demo-editor>pre{overflow-x:auto}.code-demo-work-output.is-browser{max-width:100%;overflow:hidden auto}.demo-browser-document,.demo-browser-document>*{box-sizing:border-box;max-width:100%}.demo-browser-document{overflow-wrap:anywhere;min-width:0}@media (width<=980px){.code-demo-files,.code-demo-result{height:350px;min-height:350px;max-height:350px}.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{height:360px;min-height:360px;max-height:360px}}@media (width<=700px){.code-demo-files{height:auto;min-height:0;max-height:220px;display:flex}.demo-sidebar-panel:not([hidden]){scrollbar-gutter:auto;flex:0 auto;display:flex;overflow:auto hidden}.code-demo-result,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-result{height:360px;min-height:360px;max-height:360px}.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{height:340px;min-height:340px;max-height:340px}}@media (width<=980px){.demo-focus-toggle{display:none!important}}@media (width>=981px){.techfano-code-demo.demo-complete:not(.demo-split-view) .code-demo-workspace{height:calc(min(64vh,560px) - 68px);min-height:372px;max-height:492px}}@media (width>=701px) and (width<=980px){.techfano-code-demo.demo-complete .code-demo-editor,.techfano-code-demo.demo-complete[data-demo-active-kind=terminal] .code-demo-editor{height:292px;min-height:292px;max-height:292px}}@media (width<=700px){.code-demo-top-actions>[data-demo-action=toggle]{min-height:44px;padding-inline:12px}.code-demo-top-actions>[data-demo-action=toggle] span{display:block}.code-demo-workspace{height:clamp(320px,100svh - 180px,540px);min-height:320px;max-height:540px;display:block;position:relative;overflow:hidden}.code-demo-result,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-result{z-index:1;border:0;width:100%;height:100%;min-height:0;max-height:none;position:relative}.code-demo-files,.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{z-index:12;box-sizing:border-box;visibility:hidden;pointer-events:none;will-change:transform;width:min(86%,340px);height:100%;min-height:0;max-height:none;transition:transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s;display:flex;position:absolute;top:0;bottom:0}.code-demo-files{background:#17101f;border-right:1px solid #6b527f;flex-direction:column;left:0;overflow:hidden;transform:translate(-105%)}.code-demo-editor,.techfano-code-demo[data-demo-active-kind=terminal] .code-demo-editor{background:#130e19;border-left:1px solid #6b527f;flex-direction:column;right:0;transform:translate(105%)}.demo-left-open .code-demo-files,.demo-right-open .code-demo-editor{visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0);box-shadow:0 18px 46px #00000080}.techfano-code-demo.demo-right-open .code-demo-editor,.techfano-code-demo.demo-right-open[data-demo-active-kind=terminal] .code-demo-editor,.techfano-code-demo.demo-right-open[data-demo-active-kind=browser] .code-demo-editor,.techfano-code-demo.demo-right-open[data-demo-active-kind=code] .code-demo-editor{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translate(0)}.demo-mobile-backdrop{z-index:10;-webkit-backdrop-filter:none;backdrop-filter:none;touch-action:pan-y;background:#08050c24}.techfano-code-demo.demo-complete .code-demo-workspace{height:clamp(250px,100svh - 266px,454px);min-height:250px;max-height:454px}}@media (width>=981px){body.demo-split-open .site-header{box-sizing:border-box;width:50vw;max-width:none;margin-left:0;margin-right:50vw;padding-left:clamp(28px,3.4vw,62px);padding-right:clamp(28px,3.4vw,62px)}body.demo-split-open .article{box-sizing:border-box;width:50vw;max-width:50vw;margin-left:0;margin-right:50vw;padding-left:clamp(32px,4vw,72px);padding-right:clamp(32px,4vw,72px)}body.demo-split-open .public-footer{box-sizing:border-box;width:50vw;margin-left:0;margin-right:50vw}body.demo-split-open .article-toc,body.demo-split-open .mobile-reading-index,body.demo-split-open .sticky-reading-controls,body.demo-split-open .sticky-sharing{display:none!important}.techfano-code-demo.demo-split-view{width:calc(50vw - 24px);left:auto;right:12px}.techfano-code-demo.demo-split-view .demo-completion-notice>[data-demo-action=continue-article]{display:none}body.demo-split-open .article .techfano-code-demo:not(.demo-split-view){min-height:0;max-height:none;box-shadow:none;background:linear-gradient(135deg,#1b1224,#25162f);border:1px dashed #8c70a7;border-radius:12px;margin:28px 0;display:block;overflow:hidden}body.demo-split-open .article .techfano-code-demo:not(.demo-split-view)>:not(.code-demo-topbar){display:none!important}body.demo-split-open .article .techfano-code-demo:not(.demo-split-view) .code-demo-topbar{border:0;grid-template-columns:minmax(0,1fr) auto;gap:16px;min-height:86px;padding:16px 18px;display:grid}body.demo-split-open .article .techfano-code-demo:not(.demo-split-view) .code-demo-lights,body.demo-split-open .article .techfano-code-demo:not(.demo-split-view) [data-demo-action=toggle]{display:none}body.demo-split-open .article .techfano-code-demo:not(.demo-split-view) .code-demo-heading:before{color:#f5d95e;content:"ZONA DE SIMULACIÓN";letter-spacing:1.2px;margin-bottom:5px;font-size:9px;font-weight:850;display:block}body.demo-split-open .article .techfano-code-demo:not(.demo-split-view) .code-demo-heading>span{display:none}body.demo-split-open .article .techfano-code-demo:not(.demo-split-view) .demo-focus-toggle{color:#fff7c3;background:#30213c;border-color:#74598d;min-height:42px}.demo-split-placeholder{box-sizing:border-box;color:#f7efff;background:linear-gradient(135deg,#1b1224,#25162f);border:1px dashed #8c70a7;border-radius:12px;align-content:center;gap:4px;min-height:92px;margin:28px 0;padding:16px 18px;display:grid}.demo-split-placeholder span{color:#f5d95e;letter-spacing:1.2px;font-size:9px;font-weight:850}.demo-split-placeholder strong{font-size:13px}.demo-split-placeholder small{color:#b9a9c6;font-size:10px}}.code-demo-work-output.is-browser,.code-demo-output.is-browser{overscroll-behavior:contain;max-width:100%;overflow:auto}.demo-browser-document{box-sizing:border-box;overflow-wrap:normal;width:100%;min-width:100%}.demo-browser-document>*{box-sizing:border-box}.demo-browser-document pre,.demo-browser-document code{white-space:pre;overflow-wrap:normal;max-width:none}.demo-browser-document table{border-collapse:collapse;width:max-content;min-width:100%}.demo-browser-frame{background:#fffdf6;border:0;border-radius:4px;width:100%;min-width:0;height:clamp(220px,42vh,440px);display:block}.demo-split-view .demo-browser-frame{height:clamp(300px,62vh,720px)}.author-signature-end{z-index:30;overflow:visible}.author-signature-end:hover,.author-signature-end:focus-visible,.author-signature-end:focus-within{z-index:130}.author-signature-end .author-tooltip{z-index:140}.reading-feedback{z-index:1;position:relative}@media (width>=801px){.article>.reading-feedback,.playful-feedback .rating-playground,.playful-feedback .feedback-details,.playful-feedback .progressive-feedback{width:100%;max-width:none}}@media (width<=800px) and (prefers-reduced-motion:no-preference){.playful-feedback.has-rating .mood-stage .mood-face{transform-origin:50%;will-change:transform;animation:1.8s ease-in-out infinite mobile-mood-alive}.mood-svg .snore-mouth,.mood-svg .snore-bubble,.mood-svg .annoyed-mouth,.mood-svg .annoyed-brows,.mood-svg .complaint-lines,.mood-svg .okay-brow,.mood-svg .useful-mouth,.mood-svg .useful-teeth,.mood-svg .happy,.mood-svg .star-eye,.mood-svg .eye-sparks,.mood-svg .open-smile,.mood-svg .tongue{transform-origin:50%;will-change:transform, opacity;animation-play-state:running}}@keyframes mobile-mood-alive{0%,to{transform:translate(-50%)translateY(0)rotate(0)}50%{transform:translate(-50%)translateY(-4px)rotate(1.5deg)}}@media (prefers-reduced-motion:reduce){.playful-feedback.has-rating .mood-stage .mood-face{animation:none}}