.sp-site{--sp-bg:#0c0b10;--sp-panel:#15131c;--sp-panel-raised:#1b1824;--sp-line:#302a3b;--sp-text:#f3f0fa;--sp-muted:#b1aabc;--sp-dim:#91879f;--sp-purple:#b79aff;--sp-orange:#ffa16b;color:var(--sp-text);background:var(--sp-bg);min-height:100vh}.sp-site *{box-sizing:border-box}.sp-container{width:min(1180px,100% - 80px);margin-inline:auto}.sp-site a,.sp-site button,.sp-site input,.sp-site select,.sp-site summary{-webkit-tap-highlight-color:transparent}.sp-site a:focus-visible,.sp-site button:focus-visible,.sp-site input:focus-visible,.sp-site select:focus-visible,.sp-site textarea:focus-visible,.sp-site summary:focus-visible{outline-offset:5px;outline:2px solid #c5acff}.sp-site main:focus{outline:none}.sp-site button,.sp-site select,.sp-site summary{cursor:pointer}.sp-site button:disabled{opacity:.4;cursor:not-allowed}.sp-site p{color:var(--sp-muted);line-height:1.75}.sp-site h1,.sp-site h2,.sp-site h3{text-wrap:balance}.sp-site h2{letter-spacing:-.045em;margin:14px 0 20px;font-size:clamp(28px,3.2vw,43px);font-weight:550;line-height:1.16}.sp-site h3{letter-spacing:-.025em;font-weight:550}.sp-eyebrow,.sp-meta{font-family:var(--font-geist-mono),monospace;letter-spacing:.14em;font-size:10px;font-weight:500;line-height:1.6}.sp-eyebrow{color:var(--sp-purple)}.sp-meta{color:var(--sp-dim);align-items:center;gap:7px;display:flex}.sp-small{color:var(--sp-dim);font-size:12px;line-height:1.7}.sp-button{text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 19px;font-size:13px;font-weight:600;line-height:1.4;transition:background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.sp-button-primary{color:#fff;background:#7551d0;border-color:#9571ed;box-shadow:inset 0 1px #c4a5ff38,0 4px 24px #7d51d01a}.sp-button-primary:hover{background:#8057d5;box-shadow:0 4px 28px #7d51d033}.sp-button-secondary{color:#e4ddec;background:#211c2b;border-color:#45384f}.sp-button-secondary:hover{background:#30253d;border-color:#8c70aa}.sp-text-link{color:#d7c6f6;align-items:center;gap:9px;font-size:13px;font-weight:550;line-height:1.6;display:inline-flex}.sp-text-link:hover{color:#fff}.sp-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.sp-pill{color:#ccbae8;font-family:var(--font-geist-mono),monospace;letter-spacing:.09em;background:#281d394d;border:1px solid #4d3d603d;border-radius:5px;align-items:center;gap:9px;padding:7px 10px;font-size:9px;line-height:1.7;display:inline-flex}.sp-pill>span{background:var(--sp-orange);border-radius:100%;width:5px;height:5px}.sp-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0b10e8;border-bottom:1px solid #282330;position:sticky;top:0}.sp-header-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1340px,100% - 72px);height:84px;margin:auto;display:flex;position:relative}.sp-brand{letter-spacing:-.055em;align-items:center;gap:10px;font-size:19px;font-weight:650;line-height:1.15;display:inline-flex}.sp-brand>span>span{color:#c5bdcf;font-weight:400}.sp-brand small{font-family:var(--font-geist-mono),monospace;letter-spacing:.15em;color:#9a8eaa;margin-top:6px;font-size:7px;display:block}.sp-brand-icon{color:#d3b8ff;background:linear-gradient(135deg,#493569,#1d1728);border:1px solid #72569a;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.sp-desktop-nav{gap:29px;display:flex}.sp-desktop-nav a{color:#aaa1b5;padding-block:31px;font-size:12px;position:relative}.sp-desktop-nav a:hover,.sp-desktop-nav a[aria-current]{color:#eee6fa}.sp-desktop-nav a[aria-current]:after{content:"";background:#aa82ef;height:2px;position:absolute;bottom:0;left:0;right:0}.sp-header-actions{align-items:center;gap:22px;display:flex}.sp-signin{color:#b8b0c2;font-size:12px}.sp-header-cta{min-height:39px;padding:10px 14px;font-size:11px}.sp-menu-toggle{color:#fff;border:1px solid var(--sp-line);background:var(--sp-panel);border-radius:7px;padding:9px;display:none}.sp-mobile-nav{border:1px solid var(--sp-line);background:#17121e;padding:12px 20px;position:absolute;top:100%;left:0;right:0;box-shadow:0 20px 40px #0008}.sp-mobile-nav a{border-bottom:1px solid var(--sp-line);justify-content:space-between;padding:17px 0;display:flex}.sp-skip{z-index:80;color:#17121e;background:#fff;border-radius:7px;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.sp-skip:focus{transform:translateY(0)}.sp-home-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:72px;min-height:690px;padding-block:77px 85px;display:grid;position:relative}.sp-home-hero:before{content:"";pointer-events:none;background:radial-gradient(#63329626,#0000 67%);width:620px;height:560px;position:absolute;top:-5px;right:-40px}.sp-hero-copy{position:relative}.sp-hero-copy h1{letter-spacing:-.067em;margin:28px 0 24px;font-size:clamp(48px,5.5vw,78px);font-weight:550;line-height:1.025}.sp-hero-copy h1 em{color:#c0a0f8;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#d2b8ff 15%,#b28ae8 70%,#ffae81);-webkit-background-clip:text;background-clip:text;font-style:normal}.sp-hero-copy>p{max-width:420px;margin:0 0 30px;font-size:15px;line-height:1.8}.sp-hero-notes{color:#ada1ba;flex-wrap:wrap;gap:16px;margin-top:27px;font-size:10px;display:flex}.sp-hero-notes span{align-items:center;gap:6px;display:flex}.sp-hero-notes svg{color:#bda5dc}.sp-console{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#20182bbf,#151119e6);border:1px solid #4e3c654d;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 24px 90px #0005,inset 0 1px #ffffff0b}.sp-console-top{color:#c2b4d3;font-family:var(--font-geist-mono),monospace;letter-spacing:.1em;border-bottom:1px solid #46385355;justify-content:space-between;padding:17px 22px;font-size:9px;display:flex}.sp-console-top>span:first-child{align-items:center;gap:10px;display:flex}.sp-status{color:#ffb38d;background:#58382355;border-radius:3px;padding:3px 6px;font-size:8px}.sp-console-body{padding:22px 25px 20px}.sp-console-heading{color:#dca574;justify-content:space-between;display:flex}.sp-console h2{margin:15px 0 7px;font-size:26px}.sp-console-body>p{margin:0 0 24px;font-size:12px}.sp-console-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sp-console label{color:#a69ab6;font-size:9px;font-family:var(--font-geist-mono),monospace;letter-spacing:.1em}.sp-console select{color:#e4d8f2;width:100%;font-family:var(--font-geist-sans),sans-serif;background:#21192d;border:1px solid #826893;border-radius:6px;margin:8px 0 19px;padding:12px;font-size:12px;display:block}.sp-console-result{background:#100d17b3;border:1px solid #45315677;border-left:2px solid #9870d6;border-radius:6px;padding:17px}.sp-console-result .sp-eyebrow{letter-spacing:.12em;font-size:8px}.sp-console-result p{color:#c5b9d3;margin:9px 0 0;font-size:12px;line-height:1.85}.sp-console-bottom{color:#b697d8;justify-content:space-between;align-items:center;margin-top:18px;display:flex}.sp-console-bottom .sp-button{min-height:34px;padding:8px 12px;font-size:10px}.sp-console-foot{font-family:var(--font-geist-mono),monospace;letter-spacing:.12em;color:#a08ba9;background:#100c164d;border-top:1px solid #3b2d494d;justify-content:space-between;padding:12px 23px;font-size:8px;display:flex}.sp-console-foot span{color:#bc927c}.sp-copy-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp-facts{background:#100e16;border-block:1px solid #292330}.sp-facts>.sp-container{color:#aaa0b6;justify-content:space-between;align-items:center;gap:20px;padding-block:23px;font-size:11px;display:flex}.sp-facts strong{color:#e9e0f1;font-family:var(--font-geist-mono),monospace;margin-right:8px;font-size:15px;font-weight:400}.sp-facts a{color:#c3abdf;align-items:center;gap:8px;display:flex}.sp-section{padding-block:76px}.sp-section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px;display:flex}.sp-section-heading h2{margin-bottom:0}.sp-section-heading>p{max-width:320px;margin:0;font-size:13px}.sp-feature-grid,.sp-guide-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.sp-feature-card{background:linear-gradient(145deg,#18141f,#120f18);border:1px solid #312939;border-radius:11px;flex-direction:column;align-items:flex-start;padding:28px;display:flex}.sp-feature-card>svg,.sp-feature-top>svg{color:#b997e4}.sp-feature-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.sp-feature-top .sp-meta{font-size:8px}.sp-feature-card h3{margin:8px 0 12px;font-size:22px;line-height:1.3}.sp-feature-card p{margin:0 0 25px;font-size:13px;line-height:1.8}.sp-feature-card .sp-text-link{margin-top:auto;font-size:11px}.sp-guide-card{background:#15111d;border:1px solid #342c3e;border-radius:11px;transition:border-color .2s;overflow:hidden}.sp-guide-card:hover{border-color:#8360ac}.sp-guide-cover{background:linear-gradient(130deg,#2d203e,#20142d 64%,#57352355);border-bottom:1px solid #3f3049;grid-template-columns:1fr auto;align-items:center;height:149px;padding:23px;display:grid}.sp-guide-cover>span:first-child{letter-spacing:-.07em;color:#baa0d7;font-size:55px;font-weight:350;line-height:1}.sp-guide-cover .sp-eyebrow{grid-column:1;align-self:end;font-size:8px}.sp-guide-cover svg{color:#c59886;grid-area:1/2/3}.sp-guide-body{padding:24px}.sp-guide-body .sp-meta{letter-spacing:.06em;font-size:8px}.sp-guide-body h3{margin:16px 0 12px;font-size:21px;line-height:1.32}.sp-guide-body p{margin:0 0 24px;font-size:12px;line-height:1.8}.sp-guide-body .sp-text-link{font-size:11px}.sp-course-banner{background:linear-gradient(110deg,#241831,#1d1428 67%,#362025);border:1px solid #503951;border-radius:13px;grid-template-columns:1fr 2fr;gap:45px;padding:43px 52px;display:grid}.sp-course-banner h2{margin-top:12px;font-size:35px}.sp-course-banner p{max-width:540px;margin:0 0 22px;font-size:14px}.sp-course-symbol{color:#cfaad3;border-right:1px solid #7554804d;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.sp-course-symbol span{font-family:var(--font-geist-mono),monospace;letter-spacing:.13em;color:#bda0bd;font-size:8px}.sp-principles{grid-template-columns:1fr 1fr;gap:95px;display:grid}.sp-principles>div>p{max-width:360px;font-size:14px}.sp-principle-list>div{border-bottom:1px solid #302637;gap:18px;padding:21px 0;display:flex}.sp-principle-list svg{color:#bd94e5;flex-shrink:0;margin-top:3px}.sp-principle-list h3{margin:0 0 9px;font-size:16px}.sp-principle-list p{margin:0;font-size:12px}.sp-faq{max-width:800px;padding:35px 0 70px}.sp-faq h2{margin-bottom:32px}.sp-faq details{border-bottom:1px solid #382e42}.sp-faq summary{justify-content:space-between;align-items:center;gap:20px;padding:21px 0;font-size:15px;list-style:none;display:flex}.sp-faq summary::-webkit-details-marker{display:none}.sp-faq summary>span{color:#b89ad8;font-size:21px}.sp-faq details[open] summary>span{transform:rotate(45deg)}.sp-faq details p{max-width:700px;margin:0 0 23px;font-size:14px}.sp-bottom-cta{background:linear-gradient(115deg,#271a36,#211526 65%,#5c312930);border-top:1px solid #79576c;border-radius:13px;justify-content:space-between;align-items:center;gap:35px;margin:20px 0 75px;padding:44px 47px;display:flex}.sp-bottom-cta h2{margin:12px 0;font-size:34px}.sp-bottom-cta p{margin:0;font-size:13px}.sp-footer{background:#09080c;border-top:1px solid #2b2332;padding-top:48px}.sp-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:46px;display:grid}.sp-footer-grid>div:first-child p{margin:22px 0 14px;font-size:14px}.sp-footer .sp-brand{font-size:18px}.sp-footer .sp-brand>svg{color:#bd97e8}.sp-footer .sp-small{font-size:10px}.sp-footer h2{letter-spacing:0;margin:0 0 18px;font-size:12px;font-weight:600}.sp-footer-grid>div:not(:first-child)>a{color:#aaa0b7;align-items:center;gap:6px;margin:13px 0;font-size:11px;display:flex}.sp-footer a:hover{color:#e4d7f2}.sp-footer-bottom{color:#91869e;border-top:1px solid #24202a;justify-content:space-between;padding-block:19px;font-size:10px;display:flex}.sp-page-intro{padding-top:70px;padding-bottom:45px}.sp-page-intro h1{letter-spacing:-.055em;max-width:850px;margin:22px 0;font-size:clamp(40px,5.2vw,65px);font-weight:550;line-height:1.1}.sp-page-intro>p{max-width:650px;margin:0;font-size:16px}.sp-editor-note{border-left:2px solid #8261aa;padding-left:15px;line-height:1.8;color:#b4a9bd!important;margin-block:25px!important;font-size:12px!important}.sp-editor-note a{color:#d5baef}.sp-two-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.sp-tool-feature{grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-block:25px 0;display:grid}.sp-tool-feature>div>p{margin:20px 0 28px;font-size:14px}.sp-tool-feature>div>h2{margin-top:22px;font-size:46px}.sp-library{padding-bottom:80px}.sp-library-toolbar{background:#17121f;border:1px solid #3f314a;border-radius:10px;align-items:center;gap:14px;padding:16px;display:flex}.sp-search{color:#a388c0;flex:1;align-items:center;gap:12px;display:flex}.sp-search input{color:#fff;background:0 0;border:0;width:100%;min-width:0;padding:10px;font-size:14px}.sp-library-filter{color:#ad8cce;align-items:center;gap:10px;display:flex}.sp-library-filter select{color:#d6c7e5;background:#1e1828;border:1px solid #806a91;border-radius:6px;max-width:200px;padding:12px;font-size:12px}.sp-library-toolbar>.sp-button{font-size:11px}.sp-library-status{color:#a99ab8;justify-content:space-between;gap:20px;padding:24px 0;font-size:11px;display:flex}.sp-library-status>span{font-family:var(--font-geist-mono),monospace;letter-spacing:.08em;font-size:9px}.sp-palette-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.sp-palette-card{background:linear-gradient(135deg,#1a1422,#110e17);border:1px solid #372a43;border-radius:10px;flex-direction:column;min-width:0;padding:24px;display:flex}.sp-palette-top{justify-content:space-between;align-items:center;display:flex}.sp-tag{color:#d0b5ed;background:#39264f6b;border:1px solid #66487d55;border-radius:4px;padding:4px 8px;font-size:10px}.sp-palette-top .sp-small{font-family:var(--font-geist-mono),monospace;font-size:8px}.sp-palette-card h2{margin:22px 0 7px;font-size:24px}.sp-palette-mood{margin:0 0 17px;font-size:11px;color:#c29eae!important}.sp-palette-prompt{margin:0 0 24px;font-size:12px;line-height:1.8}.sp-palette-actions{border-top:1px solid #3a2c464d;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:17px;display:flex}.sp-palette-actions .sp-button{min-height:35px;padding:8px 12px;font-size:10px}.sp-palette-actions .sp-text-link{white-space:nowrap;font-size:11px}.sp-load-more{text-align:center;padding-top:35px}.sp-empty,.sp-showcase-empty{text-align:center;background:linear-gradient(135deg,#21152c,#120e18);border:1px solid #3e2f48;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:65px 30px;display:flex}.sp-empty svg,.sp-showcase-empty>svg{color:#b98cd6}.sp-empty h2,.sp-showcase-empty h2{margin:12px 0 5px}.sp-empty p,.sp-showcase-empty p{max-width:590px;margin:0 0 17px;font-size:14px}.sp-showcase-empty .sp-eyebrow{color:#c398ab;margin-top:20px}.sp-article-top{padding-top:32px}.sp-article-header{padding-block:48px}.sp-article-header h1{letter-spacing:-.055em;max-width:900px;margin:25px 0;font-size:clamp(38px,5vw,62px);font-weight:550;line-height:1.1}.sp-article-header>p{max-width:680px;font-size:17px}.sp-article-meta{color:#a89ab5;gap:20px;margin-top:26px;font-size:11px;display:flex}.sp-article-grid{grid-template-columns:250px minmax(0,720px);align-items:start;gap:70px;padding-bottom:70px;display:grid}.sp-article-nav{position:sticky;top:118px}.sp-article-nav nav{margin:20px 0 30px;display:grid}.sp-article-nav nav a{color:#b8aac6;border-bottom:1px solid #33273d;gap:11px;padding:12px 0;font-size:12px;line-height:1.7;display:flex}.sp-article-nav nav a>span{color:#bc8ef1;font-family:var(--font-geist-mono),monospace;font-size:10px}.sp-prose{min-width:0}.sp-prose h2{margin:42px 0 20px;font-size:29px}.sp-prose h3{font-size:21px}.sp-prose p{margin:18px 0;font-size:15px;line-height:1.95}.sp-prose p>a,.sp-prose>p>a{text-underline-offset:4px;color:#d3b6f2;text-decoration:underline}.sp-prose section{scroll-margin-top:120px}.sp-prose hr{border:0;border-top:1px solid #3d3048;margin:50px 0}.sp-takeaway,.sp-exercise{background:#22162d;border:1px solid #523561;border-radius:8px;margin:20px 0 28px;padding:23px 26px}.sp-takeaway p,.sp-exercise p{color:#d3c0e2;margin:10px 0 0}.sp-takeaway p:first-child{margin-top:0}.sp-exercise{background:#2a1c1c;border-color:#614335}.sp-exercise .sp-eyebrow{color:#ecb392}.sp-example{background:#100b18;border:1px solid #534063;border-radius:8px;margin-block:28px;padding:25px}.sp-example p{color:#d2c1e2}.sp-related{gap:13px;display:grid}.sp-related a{background:#1e1428;border:1px solid #42324e;border-radius:7px;justify-content:space-between;align-items:center;gap:20px;padding:18px;font-size:14px;display:flex}.sp-prose-standalone{max-width:760px;padding-bottom:75px}.sp-course-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:54px;padding-bottom:80px;display:grid}.sp-course-sidebar{background:#18111f;border:1px solid #46334f;border-radius:9px;padding:24px;position:sticky;top:115px}.sp-course-sidebar>p{font-size:12px}.sp-course-sidebar progress{accent-color:#b58bea;width:100%;height:5px}.sp-course-sidebar nav{gap:8px;margin-block:25px;display:grid}.sp-course-sidebar button{text-align:left;color:#baaac8;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;padding:12px 9px;display:flex}.sp-course-sidebar button[aria-current]{color:#f2e4fc;background:#392149;border-color:#67417e}.sp-course-sidebar button svg{color:#bb8cdf;flex-shrink:0}.sp-course-sidebar button small{font-family:var(--font-geist-mono),monospace;color:#b39ac7;margin-bottom:5px;font-size:8px;display:block}.sp-course-sidebar button span{font-size:12px;line-height:1.5}.sp-course-lesson>h2{margin-top:17px;font-size:34px}.sp-course-controls{border-top:1px solid #45314e;justify-content:space-between;gap:20px;margin-top:35px;padding-top:24px;display:flex}.sp-course-controls>div{gap:8px;display:flex}.sp-icon-button{color:#e5c9f9;background:#2b1b36;border:1px solid #5b416d;border-radius:7px;place-items:center;width:45px;height:45px;display:grid}.sp-site .simple-builder{max-width:1260px;padding:35px 40px 65px}.sp-site .simple-builder header{margin:45px 0 32px}.sp-site .simple-builder h1{font-size:clamp(40px,5vw,62px);font-weight:550}.sp-site .simple-builder h1 em{color:#c3a0ec;font-family:inherit;font-style:normal;font-weight:500}.sp-site .simple-builder .kicker{color:#bd99dc;font-family:var(--font-geist-mono),monospace;font-size:10px}.sp-site .simple-builder-panel{background:linear-gradient(130deg,#1d1426,#120e19);border-color:#46304f;border-radius:11px}.sp-site .simple-builder-panel h2{font-size:23px}.sp-site .simple-builder-panel select,.sp-site .simple-builder-panel input:not([type=checkbox]),.sp-site .simple-builder-panel textarea{color:#f1e4fc;background:#21152c;border-color:#826893}.sp-site .simple-builder-panel textarea{background:#110b18;min-height:310px;padding:22px;font-size:15px}.sp-site .simple-builder-panel label{color:#cbb8d9}.sp-site .simple-builder-help{color:#b6a4c2}.sp-site .simple-builder .text-link{color:#d3b4e9}.sp-site .simple-builder button{color:#eedcff;background:#2b1b38;border-color:#674776;border-radius:7px;font-size:12px}.sp-site .simple-builder .primary-cta{color:#fff!important;background:#7950c9!important;border-color:#a477e2!important;border-radius:7px!important}.sp-site .simple-builder-checkbox input{accent-color:#bd90f0}.sp-site .simple-builder-footer{color:#b5a3c2}@media (max-width:1100px){.sp-header-inner{gap:18px;width:calc(100% - 40px)}.sp-desktop-nav{gap:18px}.sp-header-actions{gap:15px}.sp-signin{display:none}.sp-container{width:calc(100% - 56px)}.sp-home-hero{gap:35px}.sp-hero-copy h1{font-size:61px}.sp-hero-notes{gap:10px;font-size:9px}.sp-article-grid{grid-template-columns:220px minmax(0,1fr);gap:40px}}@media (max-width:800px){.sp-desktop-nav{display:none}.sp-menu-toggle{display:flex}.sp-header-inner{height:72px}.sp-home-hero{grid-template-columns:1fr;gap:40px;padding-block:48px}.sp-home-hero:before{width:100%;right:0}.sp-hero-copy h1{font-size:65px}.sp-hero-copy>p{max-width:550px}.sp-console{width:100%;max-width:620px}.sp-facts>.sp-container{grid-template-columns:1fr 1fr;gap:18px;display:grid}.sp-feature-grid,.sp-guide-grid,.sp-palette-grid{grid-template-columns:1fr 1fr}.sp-feature-grid>article:last-child,.sp-guide-grid>a:last-child{grid-column:1/-1}.sp-principles{gap:35px}.sp-course-banner{grid-template-columns:1fr 2fr;gap:30px;padding:32px}.sp-library-toolbar{flex-wrap:wrap}.sp-search{flex-basis:100%}.sp-tool-feature{grid-template-columns:1fr;gap:40px}.sp-article-grid{grid-template-columns:1fr;gap:20px}.sp-article-nav{position:static}.sp-article-nav nav{grid-template-columns:1fr 1fr;column-gap:20px}.sp-article-nav>.sp-button{display:none}.sp-course-layout{grid-template-columns:1fr;gap:30px}.sp-course-sidebar{position:static}.sp-course-sidebar nav{grid-template-columns:1fr 1fr}.sp-footer-grid{grid-template-columns:1.5fr 1fr 1fr}.sp-footer-grid>div:first-child{grid-column:1/-1}}@media (max-width:560px){.sp-container{width:calc(100% - 36px)}.sp-header-inner{width:calc(100% - 32px)}.sp-header-cta{display:none}.sp-brand{font-size:18px}.sp-home-hero{padding-block:35px 42px}.sp-hero-copy h1{font-size:56px}.sp-hero-copy>p{font-size:14px}.sp-pill{font-size:8px}.sp-actions{gap:21px}.sp-hero-notes{gap:12px;font-size:9px}.sp-console-body{padding:20px}.sp-console-top{padding:16px 20px}.sp-console-result p{font-size:12px}.sp-facts>.sp-container{gap:18px 10px;font-size:9px}.sp-facts strong{margin-right:4px;font-size:13px}.sp-facts a{font-size:9px}.sp-section{padding-block:47px}.sp-section-heading{margin-bottom:24px;display:block}.sp-section-heading>p,.sp-section-heading>.sp-text-link{margin-top:20px}.sp-section-heading>.sp-meta{margin-top:18px}.sp-feature-grid,.sp-guide-grid,.sp-palette-grid,.sp-two-grid{grid-template-columns:1fr}.sp-feature-grid>article:last-child,.sp-guide-grid>a:last-child{grid-column:auto}.sp-feature-card{padding:24px}.sp-course-banner{grid-template-columns:1fr;gap:22px;padding:27px}.sp-course-symbol{display:none}.sp-course-banner h2{font-size:30px}.sp-course-banner .sp-eyebrow{font-size:8px}.sp-principles{grid-template-columns:1fr;gap:20px}.sp-faq{padding-block:20px 45px}.sp-faq summary{font-size:14px}.sp-bottom-cta{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:50px;padding:28px}.sp-bottom-cta h2{font-size:29px}.sp-bottom-cta .sp-eyebrow{font-size:8px}.sp-footer-grid{grid-template-columns:1fr 1fr;gap:32px}.sp-footer-grid>div:first-child{grid-column:1/-1}.sp-page-intro{padding-top:43px;padding-bottom:30px}.sp-page-intro h1{font-size:43px}.sp-page-intro>p{font-size:14px}.sp-library-toolbar{gap:12px;padding:13px}.sp-search input{font-size:12px}.sp-library-filter{flex:1}.sp-library-filter select{width:100%;max-width:none}.sp-library-toolbar>.sp-button{width:100%}.sp-library-status{flex-direction:column;gap:9px}.sp-palette-card{padding:23px}.sp-article-header{padding-block:32px}.sp-article-header h1{font-size:40px}.sp-article-header>p{font-size:15px}.sp-article-meta{flex-wrap:wrap;gap:12px;font-size:10px}.sp-article-nav nav{grid-template-columns:1fr}.sp-prose p{font-size:14px}.sp-prose h2{font-size:26px}.sp-takeaway,.sp-exercise,.sp-example{padding:20px}.sp-course-sidebar nav{grid-template-columns:1fr}.sp-course-controls{gap:12px}.sp-course-controls .sp-button{padding-inline:12px;font-size:11px}.sp-icon-button{width:39px}.sp-site .simple-builder{padding:26px 18px 50px}.sp-site .simple-builder header{margin-top:30px}.sp-site .simple-builder h1{font-size:42px}.sp-site .simple-builder-panel{padding:22px}.sp-site .simple-builder-panel textarea{padding:16px;font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.sp-site *,.sp-site :before,.sp-site :after{transition:none!important;animation:none!important}}.sp-builder-details{border-top:1px solid #51435e;padding:18px 0;font-size:14px;line-height:1.7}.sp-builder-details summary{cursor:pointer;color:#ddc9f6;font-weight:600}.sp-workshop{padding-bottom:80px}.sp-workshop-notice{background:#211a2a;border:1px solid #655075;border-radius:16px;margin-bottom:24px;padding:24px}.sp-workshop p,.sp-workshop li{color:#c4bfcd;line-height:1.7}.sp-workshop a{color:#d5b7fc;text-decoration:underline}.sp-workshop label{gap:8px;margin:18px 0;font-size:14px;display:grid}.sp-workshop input:not([type=checkbox]),.sp-workshop select,.sp-workshop textarea{color:#f3eef8;width:100%;min-width:0;font:inherit;background:#17121e;border:1px solid #826893;border-radius:9px;padding:12px}.sp-workshop .simple-builder-checkbox{align-items:center;display:flex}.sp-workshop button{color:#f3eef8;cursor:pointer;background:#38274f;border:1px solid #826893;border-radius:9px;padding:12px 18px}.sp-workshop button:disabled{opacity:.5;cursor:not-allowed}.sp-score-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sp-experiment-prompt{background:#17121e;border-left:2px solid #aa7cde;margin:0;padding:18px;line-height:1.8}.sp-workshop-review{margin-top:24px}.sp-workshop-status{color:#f3eef8;background:#211a2a;border-radius:9px;margin-top:20px;padding:12px;display:block;position:sticky;bottom:12px}.sp-workshop-status:empty{display:none}.sp-workshop input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sp-artist-picker{margin-block:22px 26px}.sp-picker-label{color:#d5c7e0;margin-bottom:10px;font-size:14px;font-weight:550;display:block}.sp-picker-input-group{color:#c4a6e8;background:#21152c;border:1px solid #826893;border-radius:10px;align-items:center;gap:10px;padding-left:14px;display:flex}.sp-picker-input-group:focus-within{outline-offset:3px;outline:2px solid #c5acff}.sp-site .sp-picker-input-group input{min-width:0;box-shadow:none;font-size:16px;background:0 0!important;border:0!important;outline:none!important;padding-inline:0!important}.sp-site .sp-picker-input-group button{background:0 0;border:0;place-items:center;min-width:44px;padding:10px;display:grid}.sp-site .simple-builder .sp-picker-reset{color:#d3b8f4;text-underline-offset:4px;background:0 0;border:0;min-height:32px;padding:0;font-size:12px;text-decoration:underline}.sp-picker-positioner{z-index:60;width:var(--anchor-width);max-width:calc(100vw - 32px)}.sp-picker-popup{color:#f3edf9;background:#211a2c;border:1px solid #78608e;border-radius:12px;overflow:hidden;box-shadow:0 18px 60px #0008}.sp-picker-caption{letter-spacing:.1em;color:#bda5d5;padding:14px 16px 10px;font-size:10px}.sp-picker-list{max-height:min(320px, var(--available-height,320px));overscroll-behavior:contain;padding:4px 6px 6px;scroll-padding:6px;overflow-y:auto}.sp-picker-item{cursor:pointer;border-radius:7px;outline:none;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:flex}.sp-picker-item strong{font-size:14px;font-weight:550;display:block}.sp-picker-item small{color:#baabc9;text-transform:capitalize;margin-top:4px;font-size:11px;display:block}.sp-picker-item[data-highlighted]{background:#47305f}.sp-picker-item[data-selected]{color:#e1c7ff}.sp-picker-empty{color:#cfc0dc;padding:16px;font-size:14px;line-height:1.6}.sp-picker-empty:empty{display:none}.sp-site .sp-generator .simple-builder-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}.sp-site .sp-generator .simple-builder-output{scrollbar-width:thin;scrollbar-color:#72558b transparent;border-color:#65447c;max-height:calc(100dvh - 130px);scroll-margin-top:108px;position:sticky;top:106px;overflow-y:auto;box-shadow:0 18px 60px #0003}.sp-output-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sp-live-label{color:#c5b6d3;align-items:center;gap:6px;font-size:11px;display:inline-flex}.sp-live-label>span{background:#c5a2f1;border-radius:50%;width:5px;height:5px}.sp-site .sp-generator .simple-builder-output textarea{resize:vertical;background:#130f1b;border-color:#564267;height:240px;min-height:225px;line-height:1.85}.sp-site .sp-generator .simple-builder-actions{gap:10px}.sp-site .sp-generator .simple-builder-actions button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.sp-site .sp-generator .simple-builder-actions .sp-test-prompt{color:#29163d;background:#ede3fa;border-color:#ede3fa;font-weight:650}.sp-site .sp-generator .simple-builder-actions .sp-test-prompt:hover{background:#fff}.sp-mobile-prompt-bar{display:none}@media (max-height:600px) and (min-width:761px){.sp-site .sp-generator .simple-builder-output{max-height:none;position:static;overflow:visible}}@media (max-width:760px){.sp-site .sp-generator{padding-bottom:130px}.sp-site .sp-generator .simple-builder-grid{grid-template-columns:minmax(0,1fr)}.sp-site .sp-generator .simple-builder-output{max-height:none;position:static;overflow:visible}.sp-site .sp-generator .simple-builder-panel input,.sp-site .sp-generator .simple-builder-panel select{font-size:16px}.sp-mobile-prompt-bar{z-index:40;padding:12px max(16px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#17121ef5;border-top:1px solid #72558b;grid-template-columns:1.4fr 1fr 1fr;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #0004}.sp-site .sp-mobile-prompt-bar button{justify-content:center;align-items:center;gap:7px;min-height:46px;padding:10px 8px;font-size:13px;display:flex}.sp-site .sp-mobile-prompt-bar button:nth-child(2){background:#7950c9;border-color:#aa83ec}.sp-mobile-prompt-bar output{color:#e1ceed;grid-column:1/-1;font-size:12px;line-height:1.5}.sp-mobile-prompt-bar output:empty,.sp-desktop-notice{display:none}.sp-picker-positioner{max-height:var(--available-height)}}.sp-site .sp-generator .simple-builder-actions button:nth-child(n+3){color:#c7b6d7;text-underline-offset:4px;background:0 0;border-color:#0000;min-height:36px;padding-inline:4px;text-decoration:underline}@media (max-width:760px){.sp-site .sp-generator .simple-builder-actions{grid-template-columns:1fr 1fr;display:grid}.sp-site .sp-generator .simple-builder-actions button{padding-inline:8px}.sp-site .sp-generator .sp-test-prompt>svg:last-child{display:none}}.sp-site .sp-generator .simple-builder-output{grid-area:1/2/span 2}.sp-site .sp-generator .simple-builder-footer{text-align:left;border:0;grid-area:2/1;margin:0;padding:4px 12px 30px;display:block}.sp-site .sp-generator .simple-builder-footer button{margin-block:8px}.sp-picker-list{max-height:min(320px, calc(var(--available-height,380px) - 60px))}@media (max-width:760px){.sp-site .sp-generator .simple-builder-output,.sp-site .sp-generator .simple-builder-footer{grid-area:auto/1}.sp-site:has(.sp-generator) .sp-footer{padding-bottom:100px}}.sp-site .sp-generator .simple-builder-footer p{text-align:left;max-width:none}.sp-starting-points{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 24px;padding:0;display:grid}.sp-starting-points legend{color:#b9acc7;margin-bottom:12px;font-size:13px}.sp-site .sp-starting-points label{cursor:pointer;margin:0;display:block;position:relative}.sp-starting-points input{opacity:0;width:1px;height:1px;position:absolute}.sp-starting-points span{text-align:center;background:#1b1424;border:1px solid #635174;border-radius:8px;justify-content:center;align-items:center;min-height:52px;padding:8px;font-size:12px;line-height:1.4;display:flex}.sp-starting-points input:checked+span{color:#f7efff;background:#3b2752;border-color:#c3a2ef}.sp-starting-points input:focus-visible+span{outline-offset:3px;outline:2px solid #d4bbfc}.sp-override{color:#c9b4df;justify-content:space-between;align-items:center;gap:10px;margin-top:-8px;font-size:12px;display:flex}.sp-site .sp-override button{text-underline-offset:4px;background:0 0;border:0;flex-shrink:0;padding-inline:4px;text-decoration:underline}.sp-comparison{background:#16101e;border:1px solid #615071;border-radius:12px;margin-block:36px;padding:28px;scroll-margin-top:106px}.sp-comparison-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.sp-comparison-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.sp-comparison-grid article{border:1px solid #493753;border-radius:10px;min-width:0;padding:22px}.sp-comparison-grid h3{margin-top:0;font-size:18px}.sp-comparison-text{white-space:pre-wrap;overflow-wrap:anywhere}.sp-comparison-text mark{color:#fff;background:#48305f;border-bottom:1px solid #c9a4ee;padding-block:2px}.sp-comparison-grid article>div{flex-wrap:wrap;gap:10px;display:flex}.sp-draft-recovery{background:#191220;border:1px solid #584566;border-radius:12px;margin-bottom:26px;padding:24px}.sp-draft-recovery h2{font-size:24px}.sp-draft-recovery>div{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.sp-draft-recovery button{color:#ece1f6;text-align:left;background:#251931;border:1px solid #73598a;border-radius:9px;min-height:74px;padding:16px}.sp-draft-recovery button span{color:#bfaecc;margin-top:8px;font-size:12px;display:block}.sp-autosave-status{color:#d5bdeb;padding:0 0 20px;font-size:13px;display:block}@media (max-width:760px){.sp-comparison{padding:20px}.sp-comparison-grid{grid-template-columns:1fr}.sp-comparison-heading{flex-direction:column;align-items:flex-start}.sp-starting-points{gap:5px}.sp-starting-points span{padding-inline:5px;font-size:11px}}.sp-draft-recovery article>button{width:100%}.sp-draft-recovery details{margin-top:8px;font-size:12px}.sp-draft-recovery details button{min-height:40px;margin:4px;padding:8px 12px;font-size:12px}.sp-draft-recovery output{margin-top:12px;display:block}
.home-workspace,.home-dialog,.home-landing,.home-auth{--home-bg:#0c0b10;--home-rail:#09080c;--home-paper:#15131c;--home-panel:#1b1824;--home-hover:#211c2b;--home-selected:#30253d;--home-line:#302a3b;--home-border:#45384f;--home-border-strong:#72569a;--home-focus:#c5acff;--home-text:#f3f0fa;--home-soft:#d8cfe5;--home-muted:#b1aabc;--home-dim:#a49aae;--home-accent:#b79aff;--home-accent-soft:#d7c6f6;--home-on-accent:#20152f;--home-action:#7551d0;--home-action-hover:#8057d5;--home-action-border:#9571ed;--home-on-action:#fff}