:root{--gray-0:#090b11;--gray-50:#141925;--gray-100:#283044;--gray-200:#3d4663;--gray-300:#505d84;--gray-400:#6474a2;--gray-500:#8490b5;--gray-600:#a3acc8;--gray-700:#c3cadb;--gray-800:#e3e6ee;--gray-900:#f3f4f7;--gray-999-basis:0, 0%, 100%;--gray-999_40:hsla(var(--gray-999-basis), .4);--gray-999:#fff;--accent-light:#c561f6;--accent-regular:#7611a6;--accent-dark:#1c0056;--accent-overlay:#c460f654;--accent-subtle-overlay:var(--accent-overlay);--accent-text-over:var(--gray-999);--link-color:var(--accent-regular);--gradient-stop-1:var(--accent-light);--gradient-stop-2:var(--accent-regular);--gradient-stop-3:var(--accent-dark);--gradient-subtle:linear-gradient(150deg, var(--gray-900) 19%, var(--gray-999) 150%);--gradient-accent:linear-gradient(150deg, var(--gradient-stop-1), var(--gradient-stop-2), var(--gradient-stop-3));--gradient-accent-orange:linear-gradient(150deg, #ca7879, var(--accent-regular), var(--accent-dark));--gradient-stroke:linear-gradient(180deg, var(--gray-900), var(--gray-700));--shadow-sm:0px 6px 3px #090b1103, 0px 4px 2px #090b1103, 0px 2px 2px #090b1105, 0px 0px 1px #090b1108;--shadow-md:0px 28px 11px #090b1103, 0px 16px 10px #090b1108, 0px 7px 7px #090b110d, 0px 2px 4px #090b110f;--shadow-lg:0px 62px 25px #090b1103, 0px 35px 21px #090b110d, 0px 16px 16px #090b111a, 0px 4px 9px #090b111f;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:2.125rem;--text-3xl:2.625rem;--text-4xl:3.5rem;--text-5xl:4.5rem;--font-system:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-body:"Public Sans", var(--font-system);--font-brand:Rubik, var(--font-system);--theme-transition:.2s ease-in-out}:root.theme-dark{--gray-0:#fff;--gray-50:#f3f4f7;--gray-100:#e3e6ee;--gray-200:#c3cadb;--gray-300:#a3acc8;--gray-400:#8490b5;--gray-500:#6474a2;--gray-600:#505d84;--gray-700:#3d4663;--gray-800:#283044;--gray-900:#141925;--gray-999-basis:225, 31%, 5%;--gray-999:#090b11;--accent-light:#1c0056;--accent-regular:#7611a6;--accent-dark:#c561f6;--accent-overlay:#c460f654;--accent-subtle-overlay:#7711a654;--accent-text-over:var(--gray-0);--link-color:var(--accent-dark);--gradient-stop-1:#4c11c6;--gradient-subtle:linear-gradient(150deg, var(--gray-900) 19%, var(--gray-999) 81%);--gradient-accent-orange:linear-gradient(150deg, #ca7879, var(--accent-regular), var(--accent-light));--gradient-stroke:linear-gradient(180deg, var(--gray-600), var(--gray-800));--shadow-sm:0px 6px 3px #ffffff03, 0px 4px 2px #ffffff03, 0px 2px 2px #ffffff05, 0px 0px 1px #ffffff08;--shadow-md:0px 28px 11px #ffffff03, 0px 16px 10px #ffffff08, 0px 7px 7px #ffffff0d, 0px 2px 4px #ffffff0f;--shadow-lg:0px 62px 25px #ffffff03, 0px 35px 21px #ffffff0d, 0px 16px 16px #ffffff1a, 0px 4px 9px #ffffff1f}html,body{min-height:100%;overflow-x:clip}body{background-color:var(--gray-999);color:var(--gray-200);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5}*,:after,:before{box-sizing:border-box;margin:0}img{max-width:100%;height:auto}a{color:var(--link-color)}h1,h2,h3,h4,h5{line-height:1.1;font-family:var(--font-brand);color:var(--gray-100);font-weight:600}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrapper{width:100%;max-width:83rem;margin-inline:auto;padding-inline:1.5rem}.stack{flex-direction:column;display:flex}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-15{gap:3.75rem}.gap-20{gap:5rem}.gap-30{gap:7.5rem}.gap-48{gap:12rem}@media (width>=50em){.lg\:gap-2{gap:.5rem}.lg\:gap-4{gap:1rem}.lg\:gap-8{gap:2rem}.lg\:gap-10{gap:2.5rem}.lg\:gap-15{gap:3.75rem}.lg\:gap-20{gap:5rem}.lg\:gap-30{gap:7.5rem}.lg\:gap-48{gap:12rem}}:root{--font-body:system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;--font-brand:var(--font-body);--surface:#ffffffbf;--border:#505d8433;--muted:var(--gray-400)}:root.theme-dark{--surface:#141925b8;--border:#a3acc833;--muted:var(--gray-500)}html{scroll-behavior:smooth}body{font-size:1rem}a,button,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent-light);outline-offset:5px}button{color:inherit}button[hidden],[hidden]{display:none!important}.wrapper{width:min(100% - 3rem,1160px);margin-inline:auto}.main-content{gap:6rem;padding-block:3rem 5rem}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-block:1.7rem;display:flex;position:relative}.brand{color:var(--gray-100);letter-spacing:.02em;align-items:center;gap:.75rem;font-weight:700;text-decoration:none;display:flex}.brand small{letter-spacing:.22em;color:var(--muted);font-size:.62rem;font-weight:500;display:block}.brand-mark{background:var(--gradient-accent);color:#fff;border-radius:.9rem;place-items:center;width:2.8rem;height:2.8rem;font-weight:600;display:grid}.nav-actions{align-items:center;gap:1.5rem;display:flex}#site-nav{gap:.25rem;display:flex}#site-nav a{color:var(--gray-300);border-radius:99px;padding:.65rem .8rem;font-size:.92rem;text-decoration:none}#site-nav a:hover,#site-nav a[aria-current]{background:var(--accent-subtle-overlay);color:var(--gray-100)}.menu-toggle{background:var(--surface);border:1px solid var(--border);border-radius:99px;min-height:44px;padding:.5rem .8rem;display:none}.skip-link{z-index:20;background:var(--gray-999);padding:1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.eyebrow{color:var(--muted);letter-spacing:.13em;font-size:.72rem;font-weight:700;line-height:1.7;display:block}.home-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:3rem;min-height:600px;padding-block:1.5rem;display:grid}.home-hero h1{letter-spacing:-.045em;margin-top:1.5rem;font-size:clamp(2.7rem,4.9vw,4.1rem);line-height:1.22}.gradient-text{background:var(--gradient-accent-orange);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-intro{max-width:32rem;color:var(--gray-300);margin-block:1.8rem;font-size:1.15rem;line-height:1.9}.hero-buttons{flex-wrap:wrap;gap:.8rem;display:flex}.button{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--gray-100);border-radius:99px;justify-content:center;align-items:center;gap:1.5rem;padding:.8rem 1.25rem;font-size:.9rem;text-decoration:none;display:inline-flex}.button.primary{background:var(--gradient-accent);color:#fff;border:0}.hero-notes{color:var(--muted);flex-wrap:wrap;gap:1.1rem;margin-top:2.2rem;font-size:.8rem;display:flex}.hero-notes span:before{content:"✧";color:var(--accent-light);padding-right:.4rem}.hero-showcase{box-shadow:var(--shadow-lg);color:#fff;background:linear-gradient(145deg,#4a3e6b,#29283f 50%,#6b5e7c);border:1px solid #a49ab654;border-radius:2rem;height:520px;padding:1.4rem 1.6rem 1.6rem;text-decoration:none;display:block;position:relative;overflow:hidden}.showcase-top{letter-spacing:.1em;color:#e4dcf4;justify-content:space-between;gap:1rem;font-size:.65rem;display:flex}.hero-phone{border:6px solid #25202e;border-radius:1.5rem;width:230px;height:400px;position:absolute;top:4rem;left:50%;overflow:hidden;transform:translate(-50%)rotate(6deg);box-shadow:0 14px 45px #15102180}.hero-phone img{width:100%;height:auto;display:block}.showcase-title{background:linear-gradient(#0000,#292438 40%);gap:.4rem;padding:3rem 1.6rem 1.6rem;display:grid;position:absolute;bottom:0;left:0;right:0}.showcase-title strong{font-size:1.5rem}.showcase-title span{color:#d0c8dc;font-size:.85rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.8rem;display:flex}.section-heading h2{letter-spacing:-.025em;margin-top:.4rem;font-size:clamp(1.8rem,3vw,2.35rem)}.text-link{white-space:normal;min-height:36px;padding-block:.4rem;font-size:.9rem;text-decoration:none;display:inline-block}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.work-card{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:1.4rem;text-decoration:none;transition:transform .18s;overflow:hidden}.work-card:hover{transform:translateY(-4px)}.work-cover{background:linear-gradient(125deg,#b8a9a2,#9a856f);height:270px;position:relative;overflow:hidden}.work-cover.cool{background:linear-gradient(125deg,#6474a2,#a7afc4)}.work-cover img{border-radius:1rem;width:46%;height:auto;display:block;position:absolute;top:1.6rem;left:27%;box-shadow:0 10px 25px #1c1a312b}.work-cover.cool img{object-fit:cover;opacity:.75;width:100%;height:100%;top:0;left:0}.card-arrow{color:#282331;background:#ffffffd9;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:1.2rem;display:grid;position:absolute;top:1.2rem;right:1.2rem}.card-content{padding:1.6rem}.card-content h3{margin:.45rem 0 .65rem;font-size:1.55rem}.card-content p{color:var(--gray-300);font-size:.95rem;line-height:1.8}.status{color:var(--muted);margin-top:.8rem;font-size:.75rem;line-height:1.7;display:inline-block}.post-list{border-top:1px solid var(--border)}.post-row{color:inherit;border-bottom:1px solid var(--border);grid-template-columns:105px 1fr 24px;align-items:start;gap:1.2rem;padding:1.7rem .3rem;text-decoration:none;display:grid}.post-row time{color:var(--muted);padding-top:.35rem;font-size:.8rem}.post-row h2,.post-row h3{font-size:1.25rem;line-height:1.5}.post-row p{color:var(--gray-300);margin-block:.6rem;font-size:.9rem;line-height:1.8}.post-row:hover h3,.post-row:hover h2{color:var(--accent-regular)}.tags{color:var(--muted);flex-wrap:wrap;gap:.5rem;font-size:.75rem;display:flex}.tags span{background:var(--accent-subtle-overlay);border-radius:99px;padding:.2rem .55rem}.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.explore-card{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:1.4rem;flex-direction:column;gap:.9rem;min-height:250px;padding:1.7rem;text-decoration:none;display:flex;position:relative}.explore-card h2,.explore-card h3{font-size:1.5rem;line-height:1.5}.explore-card p{color:var(--gray-300);font-size:.9rem;line-height:1.85}.explore-number{color:var(--accent-overlay);font-size:2rem;font-weight:700;position:absolute;top:1rem;right:1.3rem}.explore-card .text-link{margin-top:auto}.site-footer{border-top:1px solid var(--border);color:var(--muted);grid-template-columns:1fr auto;gap:2rem;padding-block:3rem;font-size:.85rem;display:grid}.footer-brand{color:var(--gray-100);font-size:1.2rem;font-weight:700;text-decoration:none}.site-footer p{margin-top:.6rem}.footer-links{flex-wrap:wrap;gap:1rem;display:flex}.footer-links a{color:var(--gray-300);min-height:44px;text-decoration:none}.site-footer small{grid-column:1/-1;font-size:.72rem;line-height:1.9}.page-heading{max-width:850px;padding-block:1rem 3rem}.page-heading h1{letter-spacing:-.04em;margin-block:1rem;font-size:clamp(2.35rem,5vw,3.5rem);line-height:1.3}.page-heading p{color:var(--gray-300);font-size:1.1rem;line-height:1.9}.back-link{padding-block:1rem;font-size:.85rem;text-decoration:none;display:inline-block}.project-overview{grid-template-columns:minmax(0,1fr) 300px;gap:4rem;display:grid}.project-access{background:var(--surface);border:1px solid var(--border);border-radius:1.4rem;align-self:start;gap:1rem;padding:1.4rem;display:grid}.project-access h2{font-size:1.4rem}.project-access p{font-size:.9rem;line-height:1.8}.search-name{color:var(--gray-100);font-size:1.4rem}.image-button{cursor:zoom-in;background:0 0;border:0;border-radius:1rem;width:100%;padding:0;display:block;overflow:hidden}.image-button img{width:100%;height:auto;display:block}.qr-image{aspect-ratio:1;background:#fff}.qr-image img{width:100%;max-width:100%;transform:translateY(-14%)}.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.screenshot-grid figure{min-width:0}.screenshot-grid img{border:1px solid var(--border);border-radius:1rem}.screenshot-grid figcaption{color:var(--muted);margin-top:.8rem;font-size:.8rem;line-height:1.6}.section-block{margin-top:4rem}.home-hero+.section-block{margin-top:0}.small{line-height:1.8;font-size:.8rem!important}.muted{color:var(--muted)}.prose{overflow-wrap:anywhere;min-width:0;max-width:75ch;font-size:1rem;line-height:2}.prose h2{margin:2rem 0 1rem;font-size:1.65rem;line-height:1.4}.prose h3{margin:1.5rem 0 .75rem;font-size:1.3rem}.prose p{margin-bottom:1.25rem}.prose li{margin-bottom:.6rem}.prose ul,.prose ol{margin-bottom:1.5rem;padding-left:1.4rem}.prose img{border-radius:1rem;max-width:100%;margin-block:1.5rem;display:block}.prose pre{border-radius:.7rem;max-width:100%;padding:1rem;font-size:.85rem;overflow:auto}.article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:3rem;display:grid}.toc{border-left:1px solid var(--border);align-self:start;padding-left:1.2rem;position:sticky;top:2rem}.toc h2{margin-bottom:1rem;font-size:1rem}.toc nav{gap:.65rem;display:grid}.toc a{overflow-wrap:anywhere;font-size:.8rem;line-height:1.6;text-decoration:none}.article-end{border-top:1px solid var(--border);color:var(--muted);margin-top:3rem;padding-top:2rem;font-size:.85rem}.search-field{gap:.75rem;font-size:.9rem;display:grid}.search-field input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:52px;color:var(--gray-100);border-radius:1rem;padding:1rem 1.2rem}.filter-chips{flex-wrap:wrap;gap:.6rem;margin-block:1.2rem;display:flex}.filter-chips button{border:1px solid var(--border);background:var(--surface);border-radius:99px;min-height:44px;padding:.5rem 1rem}.filter-chips button[aria-pressed=true]{background:var(--gradient-accent);color:#fff}.result-count{color:var(--muted);margin-block:1rem;font-size:.85rem}.links-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.link-card{background:var(--surface);border:1px solid var(--border);border-radius:1.2rem;flex-direction:column;gap:.9rem;min-width:0;padding:1.5rem;display:flex}.link-card h2{font-size:1.2rem;line-height:1.5}.link-card h2 a{color:var(--gray-100);text-decoration:none}.link-card p{color:var(--gray-300);font-size:.9rem;line-height:1.8}.link-url{overflow-wrap:anywhere;min-height:36px;margin-top:auto;padding-top:.5rem;font-size:.75rem}.empty-state{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:1.5rem;padding:4rem 2rem}.empty-state>span{color:var(--accent-light);font-size:3rem}.empty-state h2{margin:1rem;font-size:1.6rem}.empty-state p{color:var(--muted);margin-block:1rem 2rem;line-height:1.9}#image-dialog{border:1px solid var(--border);background:var(--gray-999);max-width:95vw;max-height:95dvh;color:var(--gray-100);border-radius:1rem;margin:auto;padding:3.5rem 1rem 1rem;position:fixed;overflow:auto}#image-dialog::backdrop{background:#090b11d9}#dialog-image{object-fit:contain;width:auto;max-width:85vw;max-height:78dvh;margin:auto;display:block}#dialog-caption{text-align:center;margin-top:1rem;font-size:.85rem}.dialog-close{border:1px solid var(--border);background:var(--surface);border-radius:99px;min-height:40px;padding:.5rem 1rem;position:absolute;top:.65rem;right:.7rem}@media (width<=900px){.nav-actions{gap:.8rem}#site-nav a{padding:.6rem .5rem}.home-hero{gap:1.5rem}.home-hero h1{font-size:3rem}.hero-showcase{height:470px}.hero-phone{width:205px}.explore-grid,.links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-overview{grid-template-columns:minmax(0,1fr) 260px;gap:2rem}}@media (width<=720px){.wrapper{width:calc(100% - 2rem)}.site-header{padding-block:1rem}.nav-actions{gap:.75rem}.menu-toggle{display:block}#site-nav{z-index:10;border:1px solid var(--border);background:var(--gray-999);box-shadow:var(--shadow-md);border-radius:1rem;padding:.8rem;display:none;position:absolute;top:calc(100% + .4rem);left:0;right:0}#site-nav.is-open{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}#site-nav a{align-items:center;min-height:44px;padding:.7rem;display:flex}.main-content{gap:3rem;padding-block:1.8rem 3rem}.home-hero{grid-template-columns:1fr;gap:2rem;min-height:0;padding-block:1rem}.home-hero h1{font-size:clamp(2.5rem,8vw,3.4rem)}.hero-intro{font-size:1rem;line-height:1.9}.hero-showcase{height:400px}.hero-phone{width:200px;height:340px;top:3.5rem}.showcase-title{padding-top:2.5rem}.hero-notes{margin-top:1.5rem}.section-block{margin-top:3rem}.section-heading{align-items:start}.section-heading h2{font-size:1.8rem}.section-heading>.text-link{flex-shrink:0;padding-top:1rem;font-size:.8rem}.works-grid{grid-template-columns:1fr;gap:1.2rem}.work-cover{height:240px}.work-cover img{width:44%;left:28%}.card-content{padding:1.3rem}.post-row{grid-template-columns:1fr 20px;gap:.6rem;padding-block:1.4rem}.post-row time{grid-column:1/-1}.post-row p{font-size:.85rem}.explore-grid,.links-grid{grid-template-columns:1fr}.explore-card{min-height:210px}.site-footer{grid-template-columns:1fr;gap:1.2rem;padding-block:2rem}.footer-links{gap:1.3rem}.page-heading{padding-bottom:2rem}.page-heading h1{font-size:2.35rem}.page-heading p{font-size:1rem}.project-overview{grid-template-columns:1fr;gap:2rem}.project-access{width:100%;max-width:420px;margin:auto}.qr-image{max-width:270px;margin:auto}.screenshot-grid{grid-template-columns:1fr;gap:2rem;max-width:380px;margin:auto}.screenshot-grid img{max-height:none}.article-layout{grid-template-columns:1fr}.toc{grid-row:1;position:static}.prose{font-size:1rem}.brand small{font-size:.55rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}theme-toggle button,.dialog-close{min-height:44px}:root.theme-dark{--muted:#a6afcd}.theme-dark .gradient-text{background-image:linear-gradient(120deg,#f2c5db,#c5a2ff,#a8b5ff)}.project-jumps{margin-top:1.5rem}#project-access,#project-screenshots{scroll-margin-top:1.5rem}.project-access .button{width:100%}@media (width<=720px){.project-access{grid-row:1}.project-jumps .button{flex:145px}.showcase-title span{line-height:1.6}}.button,.menu-toggle,.filter-chips button,.dialog-close,theme-toggle button,#site-nav a,.work-card,.explore-card,.hero-showcase,.image-button{touch-action:manipulation;transition:transform .15s,background-color .15s,border-color .15s,box-shadow .15s}@media (hover:hover) and (pointer:fine){.button:hover,.menu-toggle:hover,.filter-chips button:hover{border-color:var(--accent-light)}.explore-card:hover{transform:translateY(-2px)}}.button:active,.menu-toggle:active,.filter-chips button:active,.dialog-close:active,theme-toggle button:active,#site-nav a:active{transform:scale(.97)}.work-card:active,.explore-card:active,.hero-showcase:active,.image-button:active{transform:scale(.99)}@media (prefers-reduced-motion:reduce){.button:active,.menu-toggle:active,.filter-chips button:active,.dialog-close:active,theme-toggle button:active,#site-nav a:active,.work-card:active,.explore-card:active,.hero-showcase:active,.image-button:active,.work-card:hover,.explore-card:hover{transform:none}*,:before,:after{transition:none!important;animation:none!important}}.toc a{border-radius:.4rem;transition:color .12s,background-color .12s}.toc a:hover,.toc a:focus-visible{color:var(--accent-regular);background:var(--accent-subtle-overlay);text-underline-offset:.25em;text-decoration:underline}@media (prefers-reduced-motion:reduce){.toc a{transition:none}}html.custom-palette body>.backgrounds{background:linear-gradient(150deg,hsl(var(--palette-h) var(--palette-s) 96%),hsl(calc(var(--palette-h) + 24) var(--palette-s) 90%));background-blend-mode:normal}html.custom-palette.theme-dark body>.backgrounds{background:linear-gradient(150deg,hsl(var(--palette-h) var(--palette-s) 9%),hsl(calc(var(--palette-h) + 24) var(--palette-s) 15%))}.palette-layout{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.palette-directions{border:0;grid-template-columns:1fr 1fr;gap:.8rem;margin:0 0 1.3rem;padding:0;display:grid}.palette-directions legend{margin-bottom:1rem;font-weight:600}.palette-choice{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:1rem;align-items:center;gap:.7rem;min-height:82px;padding:1rem;display:flex}.palette-choice:has(input:checked){border-color:var(--accent-regular);background:var(--accent-subtle-overlay)}.palette-choice input{accent-color:var(--accent-regular);flex-shrink:0;width:18px;height:18px}.palette-choice strong,.palette-choice small{display:block}.palette-choice small{color:var(--muted);margin-top:.25rem;font-size:.75rem;line-height:1.7}.palette-layout .hero-buttons{margin-top:1.2rem}.palette-preview{border:1px solid var(--border);background:var(--surface);border-radius:1.4rem;overflow:hidden}.palette-sky{background:var(--accent-subtle-overlay);flex-direction:column;gap:1.3rem;min-height:300px;padding:2rem;display:flex}.palette-sky .eyebrow{color:inherit}.palette-sky h2{font-size:2rem}.palette-sky p{line-height:1.9}.palette-controls{padding:1.4rem;line-height:1.8}.palette-dots{gap:.6rem;margin-top:auto;display:flex}.palette-dots span{border:1px solid #8883;border-radius:50%;width:42px;height:42px}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.palette-page .muted{line-height:1.9}@media (width<=720px){.palette-layout{grid-template-columns:1fr}.palette-directions{gap:.6rem}.palette-choice{padding:.8rem}.palette-sky{min-height:260px;padding:1.5rem}}@supports (color:oklch(.5 .1 120)){html.custom-palette{--surface:oklch(.98 calc(var(--palette-c) * .12) var(--palette-h) / .94);--border:oklch(.72 calc(var(--palette-c) * .45) var(--palette-h) / .5);--accent-regular:oklch(.4 calc(var(--palette-c) * 1.1) var(--palette-h));--accent-light:oklch(.55 var(--palette-c) var(--palette-h));--accent-subtle-overlay:oklch(.8 var(--palette-c) var(--palette-h) / .26);--gradient-accent:linear-gradient(130deg,oklch(.42 var(--palette-c) var(--palette-h)),oklch(.35 var(--palette-c) calc(var(--palette-h) + var(--palette-o5,55))));--gradient-accent-orange:linear-gradient(120deg,oklch(.43 var(--palette-c) var(--palette-h)),oklch(.43 var(--palette-c) calc(var(--palette-h) + var(--palette-o5,55))))}html.custom-palette.theme-dark{--surface:oklch(.22 calc(var(--palette-c) * .22) var(--palette-h) / .95);--border:oklch(.6 calc(var(--palette-c) * .55) var(--palette-h) / .45);--accent-regular:oklch(.8 calc(var(--palette-c) * .85) var(--palette-h));--accent-light:oklch(.82 calc(var(--palette-c) * .8) var(--palette-h));--accent-subtle-overlay:oklch(.5 var(--palette-c) var(--palette-h) / .3);--gradient-accent:linear-gradient(130deg,oklch(.42 var(--palette-c) var(--palette-h)),oklch(.35 var(--palette-c) calc(var(--palette-h) + var(--palette-o5,55))));--gradient-accent-orange:linear-gradient(120deg,oklch(.82 var(--palette-c) var(--palette-h)),oklch(.8 var(--palette-c) calc(var(--palette-h) + var(--palette-o5,55))))}html.custom-palette body>.backgrounds{background:radial-gradient(ellipse at 0 0,oklch(.82 var(--palette-c) var(--palette-h)) 0,transparent 60%),radial-gradient(ellipse at 100% 80%,oklch(.85 calc(var(--palette-c) * .8) calc(var(--palette-h) + var(--palette-o2,155))) 0,transparent 65%),oklch(.94 calc(var(--palette-c) * .3) calc(var(--palette-h) + var(--palette-o4,48)));background-attachment:fixed}html.custom-palette.theme-dark body>.backgrounds{background:radial-gradient(ellipse at 0 0,oklch(.32 var(--palette-c) var(--palette-h)) 0,transparent 60%),radial-gradient(ellipse at 100% 80%,oklch(.27 calc(var(--palette-c) * .8) calc(var(--palette-h) + var(--palette-o2,155))) 0,transparent 65%),oklch(.19 calc(var(--palette-c) * .3) calc(var(--palette-h) + var(--palette-o4,48)));background-attachment:fixed}html.custom-palette .button.primary,html.custom-palette .filter-chips button[aria-pressed=true],html.custom-palette .brand-mark{background:var(--gradient-accent);color:#fff}html.custom-palette.theme-dark .gradient-text{background-image:var(--gradient-accent-orange)}html.custom-palette .hero-showcase{background:linear-gradient(145deg,oklch(.32 var(--palette-c) var(--palette-h)),oklch(.26 var(--palette-c) calc(var(--palette-h) + var(--palette-o5,55))))}}.palette-dots{flex-wrap:wrap}.palette-dots span{width:44px;height:44px}@supports (color:oklch(.5 .1 120)){html.custom-palette,.palette-sky[data-generated]{--palette-l1:.82;--palette-l2:.85;--palette-l3:.88;--palette-base:.94;--palette-ink:#283044}html.custom-palette.theme-dark,.palette-sky[data-generated].palette-night{--palette-l1:.32;--palette-l2:.27;--palette-l3:.3;--palette-base:.19;--palette-ink:#edf0f5}html.custom-palette body>.backgrounds,html.custom-palette.theme-dark body>.backgrounds,.palette-sky[data-generated]{--palette-scene:radial-gradient(ellipse at var(--palette-x1,0%) var(--palette-y1,0%),oklch(var(--palette-l1) var(--palette-c) var(--palette-h)) 0,transparent var(--palette-spread,65%)),radial-gradient(ellipse at var(--palette-x2,100%) var(--palette-y2,80%),oklch(var(--palette-l2) calc(var(--palette-c) * .8) calc(var(--palette-h) + var(--palette-o2,155))) 0,transparent var(--palette-spread,65%)),radial-gradient(ellipse at var(--palette-x3,50%) var(--palette-y3,40%),oklch(var(--palette-l3) calc(var(--palette-c) * .55) calc(var(--palette-h) + var(--palette-o3,220))) 0,transparent 70%),linear-gradient(var(--palette-angle,150deg),oklch(var(--palette-base) calc(var(--palette-c) * .3) calc(var(--palette-h) + var(--palette-o4,48))),oklch(var(--palette-base) calc(var(--palette-c) * .4) var(--palette-h)));background:var(--palette-scene);background-attachment:scroll}.palette-sky[data-generated]{color:var(--palette-ink);background-attachment:scroll}}.palette-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.palette-actions .button{width:100%;min-width:0;padding-inline:.7rem}.palette-controls>.text-link{margin-top:.8rem}@supports (color:oklch(.5 .1 120)){html.custom-palette body>.backgrounds,html.custom-palette.theme-dark body>.backgrounds{background:0 0;position:relative}html.custom-palette body>.backgrounds:before{content:"";z-index:-1;pointer-events:none;background:var(--palette-scene);position:fixed;inset:0;transform:translateZ(0)}}svg[data-astro-cid-ccg5yoga]{vertical-align:middle;width:var(--size,1em);height:var(--size,1em)}button[data-astro-cid-l6lhmie6]{background-color:var(--gray-999);box-shadow:inset 0 0 0 1px var(--accent-overlay);cursor:pointer;border:0;border-radius:999rem;padding:0;display:flex}.icon[data-astro-cid-l6lhmie6]{z-index:1;width:2rem;height:2rem;color:var(--accent-overlay);padding:.5rem;font-size:1rem;display:flex;position:relative}.icon[data-astro-cid-l6lhmie6].light:before{content:"";z-index:-1;background-color:var(--accent-regular);border-radius:999rem;position:absolute;inset:0}.theme-dark .icon[data-astro-cid-l6lhmie6].light:before{transform:translate(100%)}.theme-dark .icon[data-astro-cid-l6lhmie6].dark,html:not(.theme-dark) .icon[data-astro-cid-l6lhmie6].light,button[data-astro-cid-l6lhmie6][aria-pressed=false] .icon[data-astro-cid-l6lhmie6].light{color:var(--accent-text-over)}@media (prefers-reduced-motion:no-preference){.icon[data-astro-cid-l6lhmie6],.icon[data-astro-cid-l6lhmie6].light:before{transition:transform var(--theme-transition), color var(--theme-transition)}}@media (forced-colors:active){.icon[data-astro-cid-l6lhmie6].light:before{background-color:selecteditem}}:root{--_placeholder-bg:linear-gradient(transparent, transparent);--bg-image-main:url(/assets/backgrounds/bg-main-light-800w.jpg);--bg-image-main-curves:url(/assets/backgrounds/bg-main-light.svg);--bg-image-subtle-1:var(--_placeholder-bg);--bg-image-subtle-2:var(--_placeholder-bg);--bg-image-footer:var(--_placeholder-bg);--bg-svg-blend-mode:overlay;--bg-blend-mode:darken;--bg-image-aspect-ratio:2.25;--bg-scale:1.68;--bg-aspect-ratio:calc(var(--bg-image-aspect-ratio) / var(--bg-scale));--bg-gradient-size:calc(var(--bg-scale) * 100%)}:root.theme-dark{--bg-image-main:url(/assets/backgrounds/bg-main-dark-800w.jpg);--bg-image-main-curves:url(/assets/backgrounds/bg-main-dark.svg);--bg-svg-blend-mode:darken;--bg-blend-mode:lighten}:root.loaded{--bg-image-subtle-1:url(/assets/backgrounds/bg-subtle-1-light-800w.jpg);--bg-image-subtle-2:url(/assets/backgrounds/bg-subtle-2-light-800w.jpg);--bg-image-footer:url(/assets/backgrounds/bg-footer-light-800w.jpg)}:root.loaded.theme-dark{--bg-image-subtle-1:url(/assets/backgrounds/bg-subtle-1-dark-800w.jpg);--bg-image-subtle-2:url(/assets/backgrounds/bg-subtle-2-dark-800w.jpg);--bg-image-footer:url(/assets/backgrounds/bg-footer-dark-800w.jpg)}@media (width>=50em){:root{--bg-scale:1;--bg-image-main:url(/assets/backgrounds/bg-main-light-1440w.jpg)}:root.theme-dark{--bg-image-main:url(/assets/backgrounds/bg-main-dark-1440w.jpg)}:root.loaded{--bg-image-subtle-1:url(/assets/backgrounds/bg-subtle-1-light-1440w.jpg);--bg-image-subtle-2:url(/assets/backgrounds/bg-subtle-2-light-1440w.jpg);--bg-image-footer:url(/assets/backgrounds/bg-footer-light-1440w.jpg)}:root.loaded.theme-dark{--bg-image-subtle-1:url(/assets/backgrounds/bg-subtle-1-dark-1440w.jpg);--bg-image-subtle-2:url(/assets/backgrounds/bg-subtle-2-dark-1440w.jpg);--bg-image-footer:url(/assets/backgrounds/bg-footer-dark-1440w.jpg)}}.backgrounds[data-astro-cid-z4jru4n3]{isolation:isolate;background: url(/assets/backgrounds/noise.png) top center/220px repeat, var(--bg-image-footer) bottom center/var(--bg-gradient-size) no-repeat, var(--bg-image-main-curves) top center/var(--bg-gradient-size) no-repeat, var(--bg-image-main) top center/var(--bg-gradient-size) no-repeat, var(--gray-999);background-blend-mode: overlay,  var(--bg-blend-mode),  var(--bg-svg-blend-mode),  normal,  normal;min-height:100%}@media (forced-colors:active){.backgrounds[data-astro-cid-z4jru4n3]{background-blend-mode:none;--bg-gradient-size:none;background:0 0}}