/* Only this independent prototype uses the following paint and layout. */
:root{color-scheme:dark;--bg:#08090b;--ink:#f0f0f1;--text:#ededee;--secondary:#a1a2a8;--muted:#73747b;--line:#ffffff0d;--blue:#759bff;--blue-soft:#172444;--surface:#101114;--radius:16px;background:var(--bg);color:var(--text)}
.glass-demo{margin:0;background:var(--bg);color:var(--text);min-height:100vh}.glass-demo [hidden]{display:none!important}.glass-demo button{color:inherit;font-family:inherit;cursor:pointer}.glass-demo button:disabled{cursor:default}.glass-demo a{color:inherit}.glass-demo input{color:var(--text)}.glass-demo input::placeholder{color:#74767c}.glass-demo button:focus-visible,.glass-demo a:focus-visible,.glass-demo input:focus-visible{outline:2px solid #91adff;outline-offset:4px}.glass-demo .skip-link{position:fixed;z-index:100;background:#171b24;color:#fff;left:30px}.icon{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.content-width{max-width:1320px;padding-inline:40px;margin-inline:auto;position:relative}.ambient{position:absolute;top:0;left:50%;translate:-50% 0;width:min(100%,1440px);height:430px;pointer-events:none;overflow:hidden;mask-image:linear-gradient(#000 15%,transparent 100%)}.ambient i{position:absolute;top:-430px;left:30%;width:220px;height:780px;transform:rotate(-42deg);background:linear-gradient(90deg,#080e2700,#1745b544 40%,#4762a655 66%,#060a1722 68%);filter:blur(1px)}.ambient i:nth-child(2){left:49%;top:-480px;width:250px;background:linear-gradient(90deg,#080c1600,#2643a644 45%,#8fa3e135 65%,#03040644 67%)}.ambient i:nth-child(3){left:69%;top:-590px;background:linear-gradient(90deg,#080c1600,#192d7d44 45%,#5369b344 65%,#080c1600 68%)}
.floating-header{position:fixed;top:16px;left:24px;right:24px;max-width:1432px;margin-inline:auto;z-index:50;border:1px solid #ffffff13;border-radius:18px;background:linear-gradient(135deg,#15161ac2,#0d0e12ad 70%);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:0 1px 0 #ffffff0d inset,0 8px 32px #00000026}.nav-inner{min-height:70px;display:flex;align-items:center;padding-inline:27px;gap:44px}.logo-lockup{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:19px;font-weight:640;letter-spacing:-.65px;line-height:1}.logo-lockup img{object-fit:contain;filter:brightness(1.5) saturate(.85)}.global-nav{display:flex;gap:29px;align-items:center;margin-left:auto}.nav-link{font-size:12px;line-height:1.6;border:0;background:none;padding:8px 0;white-space:nowrap;color:#96979e!important;transition:color .16s}.nav-link:hover,.nav-link.active{color:#f1f1f3!important}.nav-utilities{display:flex;align-items:center;gap:24px;margin-left:auto}.language-trigger{display:flex;align-items:center;gap:7px}.language-trigger>.tiny-chevron .icon{width:11px;height:11px;color:#65676f}.language-trigger .icon{width:15px;height:15px}.account-trigger{min-width:28px}.raised-button{background:linear-gradient(#ededee,#d3d3d5);border:1px solid #f4f4f6;border-radius:7px;box-shadow:0 1px 0 #fff inset,0 0 16px #fff1,0 2px 4px #0003;color:#292a2d!important;padding:7px 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:550;white-space:nowrap;transition:filter .18s,box-shadow .18s}.raised-button:hover{filter:brightness(1.1);box-shadow:0 1px 0 #fff inset,0 0 21px #fff2,0 2px 4px #0003}.raised-button .icon{width:14px;height:14px}.icon-control{border:0;background:transparent;display:grid;place-items:center;width:32px;height:32px;border-radius:6px;color:var(--secondary)!important;padding:0}.icon-control:hover{background:#ffffff0b;color:white!important}.mobile-toggle,.mobile-menu{display:none}.dropdown{position:relative}.popover{position:absolute;top:calc(100% + 15px);right:0;width:210px;padding:6px;z-index:60;border:1px solid #ffffff1a;border-radius:12px;background:linear-gradient(145deg,#202126fa,#141518fa);box-shadow:0 1px 0 #ffffff07 inset,0 18px 45px #0009;backdrop-filter:blur(30px);color:#c0c1c7}.popover-label{display:block;padding:8px 10px;color:#73757e;font-size:10px}.popover button{width:100%;display:flex;align-items:center;gap:8px;justify-content:space-between;padding:10px;border:0;border-radius:6px;background:none;text-align:left;font-size:12px;color:#bfc0c6}.popover button:hover{background:#ffffff09;color:#fff}.popover button.selected{background:#ffffff0a;color:#fff}.popover button .icon{width:14px;height:14px}.popover hr{border:0;border-top:1px solid #ffffff0a;margin:5px}.language-check{font-size:11px;color:#abbcff}.account-avatar{width:24px;height:24px;border:1px solid #677793;border-radius:50%;background:linear-gradient(135deg,#637eaf,#293544);display:grid;place-items:center;font-size:10px;color:white;font-weight:600}.account-trigger{display:flex;align-items:center;gap:7px}.account-trigger .icon{width:11px;height:11px}.account-menu .account-name{padding:10px;font-size:12px;color:white}.account-menu .account-name small{display:block;color:var(--muted);margin-top:3px;font-size:10px}
.store-hero{padding-top:126px;padding-bottom:51px;text-align:center;position:relative}.hero-apps{height:158px;display:flex;align-items:center;justify-content:center;gap:20px;perspective:900px;margin-bottom:25px;isolation:isolate}.hero-app{border:1px solid #ffffff0e;background:linear-gradient(145deg,#25272e44,#0d1017bb);border-radius:22px;width:85px;height:89px;display:grid;place-items:center;box-shadow:0 1px 1px #ffffff12 inset,0 -2px 2px #000c inset,0 15px 25px #0006;transform:translateY(var(--offset,0px)) rotate(var(--angle,0deg));transition:transform .35s,filter .35s,opacity .35s;position:relative;opacity:.9}.hero-app:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 30% 0%,#ffffff0e,transparent 65%);pointer-events:none}.hero-app .app-logo{width:41px;height:41px;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent),transparent 75%))}.hero-app:nth-child(1){--offset:8px;--angle:-9deg;opacity:.28;filter:blur(1px);width:70px;height:74px}.hero-app:nth-child(2){--offset:-19px;--angle:-7deg;opacity:.67}.hero-app:nth-child(3){--offset:3px;--angle:-4deg}.hero-app:nth-child(4){--offset:-12px;--angle:0deg;width:108px;height:113px;border-radius:26px;border-color:#ffffff24;box-shadow:0 1px 2px #ffffff24 inset,0 25px 40px #0009,0 0 50px #45649c0a;background:linear-gradient(155deg,#242a37,#0b0d13 80%);opacity:1}.hero-app:nth-child(4) .app-logo{width:57px;height:57px}.hero-app:nth-child(5){--offset:4px;--angle:4deg}.hero-app:nth-child(6){--offset:-17px;--angle:7deg;opacity:.67}.hero-app:nth-child(7){--offset:11px;--angle:9deg;opacity:.28;filter:blur(1px);width:70px;height:74px}.hero-app:hover{transform:translateY(calc(var(--offset,0px) - 8px)) rotate(var(--angle,0deg));opacity:1;filter:none;border-color:#ffffff2b}.store-hero h1{font-size:45px;line-height:1.3;letter-spacing:-1.5px;font-weight:650;margin:0;background:linear-gradient(#fff,#d9d9dc);background-clip:text;-webkit-text-fill-color:transparent}.store-hero>p{font-size:14px;line-height:1.8;color:#82848d;margin-top:14px}.inset-search{display:flex;align-items:center;border:1px solid #ffffff16;background:#0a0b0ec4;border-radius:10px;box-shadow:0 1px 2px #000b inset,0 1px 0 #ffffff03;gap:9px;color:#676a74;padding:7px 12px}.inset-search:focus-within{border-color:#657590;box-shadow:0 0 0 3px #50689d17}.inset-search input{border:0;background:transparent;min-width:0;flex:1;padding:3px 0;outline:0!important;font-size:12px;box-shadow:none;width:100%}.inset-search>.icon,.inset-search>span .icon{width:15px;height:15px}.hero-search{max-width:460px;margin:26px auto 0;height:44px}.search-submit{width:26px;height:25px;padding:0;border:1px solid #ffffff0e;border-radius:4px;background:linear-gradient(#24262c,#191b20);display:grid;place-items:center;color:#979ba5!important;box-shadow:0 1px 0 #ffffff0a inset}.search-submit:hover{color:#fff!important;border-color:#ffffff2e}.search-submit .icon{width:13px;height:13px}
.section-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.section-caption h2{font-size:18px;font-weight:570;letter-spacing:-.25px;line-height:1.5;color:#e9e9ec;margin:0}.section-caption p{font-size:12px;color:#747680;margin:5px 0 0}.quiet-button{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:6px 0;color:#777983!important;font-size:11px}.quiet-button:hover{color:#dddfe5!important}.quiet-button .icon{width:13px;height:13px}.featured-section{padding-bottom:43px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-card{position:relative;overflow:hidden;isolation:isolate;border:1px solid #ffffff0b;border-radius:13px;background:linear-gradient(160deg,#17181b 0%,#0e0f12 35%,#0d0e10 100%);box-shadow:0 1px 0 #ffffff06 inset,0 -1px 0 #000 inset,0 4px 12px #0002;display:flex;flex-direction:column;align-items:center;text-align:center;padding:29px 25px 23px;transition:border-color .2s,box-shadow .2s,transform .2s;min-height:279px}.feature-card:before,.glass-demo .project-card:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:0;background:radial-gradient(300px circle at var(--mouse-x,50%) var(--mouse-y,0%),#ffffff0d,transparent 80%),linear-gradient(150deg,#ffffff04,transparent 65%);transition:opacity .3s}.feature-card:hover{background-color:#17181a;border-color:#ffffff24;box-shadow:0 1px 0 #ffffff1a inset,0 -1px 0 #000 inset,0 12px 26px #0004;transform:translateY(-2px)}.feature-card:hover:before,.glass-demo .project-card:hover:before{opacity:1}.feature-logo{width:68px;height:70px;display:grid;place-items:center;border-radius:17px;background:radial-gradient(ellipse at 30% 0%,color-mix(in srgb,var(--accent),transparent 87%),transparent 85%),linear-gradient(135deg,#252933,#101218);border:1px solid color-mix(in srgb,var(--accent),transparent 78%);box-shadow:0 1px 0 #ffffff12 inset,0 4px 7px #0008,0 0 20px color-mix(in srgb,var(--accent),transparent 97%);margin-bottom:20px;flex-shrink:0}.feature-logo img{width:38px;height:38px;filter:drop-shadow(0 2px 3px #0004)}.feature-card h3{font-size:18px;letter-spacing:-.5px;font-weight:600;line-height:1.3;margin:0 0 8px}.feature-card h3 a:hover{color:#fff}.feature-summary{color:#80828b;font-size:12px;line-height:1.7;max-width:280px;min-height:41px;margin:0 0 15px}.feature-meta{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#7d7f88;margin-bottom:19px}.feature-meta img{width:15px;height:15px;opacity:.75}.feature-meta .meta-separator{width:2px;height:2px;background:#4e505a;border-radius:50%;margin:0 3px}.feature-meta .icon{width:12px;height:12px}.soft-button{border:1px solid #ffffff1b;background:linear-gradient(#27282d,#1b1c20);box-shadow:0 1px 0 #ffffff0c inset,0 1px 2px #0007;border-radius:7px;color:#bfc0c7!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 11px;font-size:11px;line-height:1.6;transition:color .2s,background .2s,border-color .2s}.soft-button .icon{width:12px;height:12px}.soft-button:hover,.feature-card:hover .soft-button{background:linear-gradient(#3a3b3f,#27282c);border-color:#ffffff3a;color:#fff!important;box-shadow:0 1px 0 #ffffff14 inset,0 2px 3px #0006}.feature-card>.soft-button{margin-top:auto}.project-section{scroll-margin-top:115px}.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:26px;margin:0 0 28px}.segmented-control{display:flex;align-items:center;padding:5px;gap:5px;border:1px solid #ffffff13;border-radius:30px;background:linear-gradient(#101115,#0c0d10);box-shadow:0 1px 0 #ffffff04 inset,0 2px 3px #0003;flex-shrink:0}.segmented-control button{border:1px solid transparent;background:none;color:#858790!important;padding:8px 17px;font-size:12px;border-radius:23px;line-height:1.6;white-space:nowrap}.segmented-control button:hover{color:#e4e5e9!important}.segmented-control button.active{background:radial-gradient(ellipse at 50% -45%,#ffffff33,transparent 80%),linear-gradient(#2b2c31,#191a1e);border-color:#ffffff09;box-shadow:0 1px 0 #ffffff10 inset,0 2px 6px #0004;color:#eeeef0!important}.catalog-tools{display:flex;align-items:center;gap:10px;min-width:0}.category-trigger{display:flex;align-items:center;gap:8px;border:1px solid #ffffff16;background:linear-gradient(#14151a,#101115);border-radius:9px;padding:10px 11px;color:#a5a7b0!important;font-size:11px;box-shadow:0 1px 0 #ffffff04 inset;white-space:nowrap}.category-trigger .icon{width:13px;height:13px}.category-trigger>span:first-child{color:#727783}.category-trigger>span:last-child{color:#71747d}.category-trigger:hover{border-color:#ffffff29}.category-menu{top:calc(100% + 8px);width:240px;max-height:400px;overflow-y:auto;scrollbar-width:thin}.category-menu button>small{color:#656872;font-size:10px}.list-search{width:260px;height:39px;padding:6px 11px;border-radius:9px}.list-search input{font-size:11px}.feed-caption{margin-bottom:20px;align-items:flex-start}.project-count{padding-top:5px;color:#686c77;font-size:10px}.active-filter{display:flex;align-items:center;justify-content:space-between;color:#a0adc7;border:1px solid #ffffff0b;background:#11161f;border-radius:8px;padding:10px 14px;margin-bottom:18px;font-size:11px}.active-filter button{border:0;background:none;color:#aab5c9!important;font-size:11px}
/* The source baseline remains the authority for card heights, spacing and line clamps. */
.glass-demo .project-card{position:relative;isolation:isolate;background:linear-gradient(150deg,#15161a 0%,#101114 34%,#0e0f12 100%);border-color:#ffffff0d;border-radius:12px;box-shadow:0 1px 0 #ffffff06 inset,0 -1px 0 #0005 inset,0 2px 8px #0002;transition:border-color .2s,box-shadow .2s,transform .2s}.glass-demo .project-card:hover{border-color:#ffffff28;box-shadow:0 1px 0 #ffffff16 inset,0 8px 22px #0006;transform:translateY(-2px)}.glass-demo .project-icon{border-radius:11px;background:linear-gradient(145deg,#ffffff0c,#ffffff02);box-shadow:0 1px 0 #ffffff0a inset,0 3px 5px #0003;color:#ddd;font-family:inherit}.glass-demo .project-icon img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 1px 2px #0004)}.glass-demo .project-title{color:#e3e4e8}.glass-demo .project-title:hover{color:#fff}.glass-demo .owner{color:#747782}.glass-demo .badge.pick{background:#ffffff07;color:#9da6bb;box-shadow:0 1px 0 #ffffff08 inset}.glass-demo .badge.fresh{background:#6b9f7e0b;color:#78998a}.glass-demo .card-description{color:#979aa4}.glass-demo .card-tags>span{background:#ffffff04;color:#797e8c;box-shadow:0 1px 0 #ffffff03 inset}.glass-demo .card-footer{border-color:#ffffff06;color:#777c8b}.glass-demo .stars,.glass-demo .stars strong{color:#9da3b1}.glass-demo .language-dot{background:var(--language-color,#7695ba)}.glass-demo .favorite-button{color:#696f80;border-radius:5px}.glass-demo .favorite-button:hover,.glass-demo .favorite-button.saved{background:#a3b7e211;color:#c0d0f2}.glass-demo .favorite-button .icon{width:14px;height:14px}.glass-demo .favorite-button.saved .icon{fill:currentColor}.glass-demo .card-arrow{color:#788296;display:inline-flex;align-items:center}.glass-demo .card-arrow .icon{width:16px;height:17px}.glass-demo .project-card:hover .card-arrow{color:#d2d8e6}.glass-demo .project-card.owner-card{border-color:#52776860}.glass-demo .project-card.skin-silver,.glass-demo .project-card.skin-gold{background:linear-gradient(150deg,#242830,#111319 65%);border-color:#9dadc950;box-shadow:0 1px 0 #ffffff12 inset,0 5px 20px #0005}.glass-demo .project-card.skin-gold{background:linear-gradient(150deg,#2f291f,#161512 65%);border-color:#b69a6450}.glass-demo .card-skin-crest,.glass-demo .card-skin-note{color:#9dabc0}.glass-demo .skin-gold .card-skin-note{color:#b39c76}.glass-demo .project-card.skin-silver .card-description,.glass-demo .project-card.skin-gold .card-description{color:#a5a8b0}.glass-demo .card-skin-powering{background:linear-gradient(#373e47,#23282e);border-color:#ffffff13;box-shadow:0 1px 0 #ffffff09 inset}.glass-demo .skin-gold .card-skin-powering{background:linear-gradient(#54432a,#362c1e);border-color:#b9a17833}
.empty-results{border:1px solid #ffffff0d;border-radius:12px;padding:52px 20px;text-align:center;background:#0e1014}.empty-results>span{display:inline-flex;color:#62697a}.empty-results>span .icon{width:29px;height:29px}.empty-results h3{font-size:18px;font-weight:500;margin:16px 0 9px}.empty-results p{font-size:12px;color:#828795;margin-bottom:20px}.empty-results .raised-button{padding:6px 16px}.feed-end{display:flex;justify-content:center;align-items:center;gap:16px;padding:40px 0 38px;color:#555b6a}.feed-end>span{width:32px;height:1px;background:#ffffff0a}.feed-end p{font-size:10px;margin:0}.glass-footer{border-top:1px solid #ffffff09;padding:27px 0 35px;display:flex;align-items:center;justify-content:space-between;color:#747986;gap:25px}.glass-footer .logo-lockup{font-size:16px;color:#9ba0ad}.glass-footer img{opacity:.7}.glass-footer>div{display:flex;align-items:center;gap:25px;font-size:10px}.glass-footer button{padding:0;border:0;background:none;font-size:10px;color:#828895}.glass-footer button:hover{color:#ddd}.glass-dialog{color:#e2e4e9;background:radial-gradient(ellipse at 0% 0%,#28304544,transparent 65%),#121419;border:1px solid #ffffff1d;border-radius:18px;width:min(640px,calc(100vw - 32px));padding:0;max-height:88vh;overflow:auto;box-shadow:0 1px 0 #ffffff0a inset,0 25px 100px #000c}.glass-dialog::backdrop{background:#030509b0;backdrop-filter:blur(9px)}.glass-dialog[open]{animation:modal-in .18s ease-out}.dialog-close{position:absolute;right:18px;top:17px;z-index:5}.detail-head{padding:34px 36px 28px;border-bottom:1px solid #ffffff0b}.detail-head .feature-logo{width:67px;height:69px;float:left;margin:0 18px 0 0}.detail-head h2{font-size:27px;margin:4px 35px 3px 0;font-weight:600;letter-spacing:-.5px}.detail-slug{font-size:12px;color:#747e90}.detail-summary{clear:both;padding-top:24px;color:#a1a8b7;font-size:14px;line-height:1.9}.detail-facts{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.detail-facts span{border:1px solid #ffffff0b;background:#ffffff03;border-radius:5px;padding:5px 8px;font-size:10px;color:#979faf}.detail-body{padding:25px 36px 30px}.detail-body h3{font-size:15px;margin:0 0 10px;font-weight:550}.detail-body>p{white-space:pre-line;font-size:12px;color:#a0a7b6;line-height:1.95}.detail-links{display:flex;gap:11px;margin-top:24px}.detail-links .soft-button,.detail-links .raised-button{padding:8px 15px;font-size:12px}.detail-note{margin-top:20px!important;font-size:10px!important;color:#697285!important}.utility-dialog{width:min(470px,calc(100vw - 32px));padding:34px}.utility-dialog h2{font-size:24px;font-weight:580;letter-spacing:-.6px;margin:16px 28px 11px 0}.utility-dialog .dialog-brand{width:40px;height:40px;object-fit:contain;filter:brightness(1.45)}.utility-dialog p{font-size:12px;line-height:1.9;color:#919aac}.dialog-form label{margin:20px 0 8px;font-size:11px;color:#a7adba}.dialog-form input,.dialog-form textarea{background:#090c12;border-color:#ffffff14;color:#d8dce5;font-size:12px;border-radius:7px;padding:11px}.dialog-form textarea{min-height:87px}.dialog-form .raised-button{width:100%;margin-top:22px;padding:10px}.utility-dialog .login-button{width:100%;margin-top:24px;padding:10px;font-size:12px}.utility-dialog .login-button .icon{width:17px;height:17px}.utility-dialog .demo-login{width:100%;margin-top:11px;padding:10px}.utility-dialog .footnote{margin-top:18px;color:#647083;font-size:10px;line-height:1.8}.form-feedback{margin-top:15px;color:#b8ccef!important;font-size:11px!important}.about-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;font-size:12px;color:#bacdf5}.about-list{padding:0;margin:17px 0 0;list-style:none}.about-list li{padding:9px 0;border-top:1px solid #ffffff08;color:#99a5b9;font-size:11px;line-height:1.8}.glass-toast{position:fixed;z-index:90;left:50%;bottom:26px;translate:-50% 0;padding:12px 19px;background:linear-gradient(#282d37ee,#1a1e28f5);border:1px solid #ffffff22;border-radius:9px;box-shadow:0 8px 30px #0009;color:#dfe6f4;font-size:12px;max-width:calc(100vw - 30px);width:max-content;backdrop-filter:blur(18px)}.modal-open{overflow:hidden}@keyframes modal-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){.content-width{max-width:1480px}.nav-inner{padding-inline:30px;min-height:74px}.floating-header{max-width:1512px}.store-hero{padding-top:133px;padding-bottom:57px}.hero-apps{height:174px}.store-hero h1{font-size:49px}}
@media(max-width:1150px){.nav-inner{gap:28px;padding-inline:22px}.global-nav{gap:23px}.nav-utilities{gap:18px}.logo-lockup{font-size:18px}.featured-grid{gap:20px}.catalog-controls{gap:18px}.segmented-control button{padding-inline:13px}.list-search{width:210px}}
@media(max-width:850px){.content-width{padding-inline:24px}.floating-header{left:16px;right:16px;top:12px;border-radius:15px}.nav-inner{min-height:65px;gap:20px;padding-inline:18px}.global-nav{gap:18px}.nav-link{font-size:11px}.logo-lockup{font-size:17px;gap:7px}.logo-lockup img{width:26px;height:26px}.nav-utilities{gap:14px}.language-trigger #language-current{display:none}.language-trigger>.tiny-chevron{display:none}.nav-submit{font-size:11px;padding:6px 9px}.hero-apps{gap:13px;height:141px}.hero-app{width:69px;height:73px;border-radius:19px}.hero-app .app-logo{width:34px;height:34px}.hero-app:nth-child(4){width:91px;height:96px;border-radius:23px}.hero-app:nth-child(4) .app-logo{width:49px;height:49px}.hero-app:nth-child(1),.hero-app:nth-child(7){width:54px;height:59px}.store-hero{padding-top:119px;padding-bottom:43px}.store-hero h1{font-size:39px}.store-hero>p{font-size:12px}.featured-grid{gap:17px}.feature-card{padding:24px 16px 20px;min-height:286px}.feature-summary{font-size:11px;min-height:56px}.feature-card h3{font-size:17px}.feature-logo{width:61px;height:64px;margin-bottom:17px;border-radius:16px}.feature-logo img{width:34px;height:34px}.feature-meta{font-size:9px;gap:4px;flex-wrap:wrap}.catalog-controls{flex-wrap:wrap;gap:20px}.catalog-tools{margin-left:auto}.segmented-control button{font-size:11px;padding-inline:14px}.category-trigger{font-size:10px;padding:9px}.list-search{width:210px;height:36px}.feed-caption{margin-bottom:19px}.featured-section{padding-bottom:35px}.section-caption p{font-size:11px}.section-caption h2{font-size:17px}.category-menu{width:225px}.glass-footer>div{gap:17px}}
@media(max-width:680px){.global-nav{display:none}.nav-utilities{margin-left:auto}.mobile-toggle{display:grid}.nav-submit{display:none}.mobile-menu{display:grid;grid-template-columns:1fr 1fr;padding:12px;border-top:1px solid #ffffff0a;gap:3px}.mobile-menu button{border:0;background:none;text-align:left;padding:12px 10px;font-size:12px;color:#a8adba;border-radius:6px}.mobile-menu button:hover{background:#ffffff07}.floating-header:has(.mobile-menu:not([hidden])){background:#12151dee;backdrop-filter:blur(25px)}.featured-grid{gap:12px}.feature-card{padding-inline:12px}.feature-meta img{display:none}.feature-meta .meta-separator{display:none}.feature-meta{gap:6px}.feature-summary{font-size:10px}.hero-apps{gap:13px}.hero-app:nth-child(1),.hero-app:nth-child(7){display:none}.catalog-controls{display:block}.catalog-tools{justify-content:space-between;margin-top:20px}.list-search{flex:1;max-width:340px}.category-dropdown{flex-shrink:0}.segmented-control{width:max-content}.segmented-control button{font-size:12px;padding-inline:19px}.category-menu{left:0;right:auto}.glass-footer{gap:20px}.glass-footer>div{gap:14px}.glass-footer>div>span{font-size:9px}}
@media(max-width:560px){.content-width{padding-inline:18px}.floating-header{left:12px;right:12px;top:10px;border-radius:15px}.nav-inner{min-height:58px;padding-inline:14px;gap:13px}.logo-lockup{font-size:17px;gap:6px}.logo-lockup img{width:26px;height:26px}.nav-utilities{gap:14px}.nav-link{font-size:11px}.language-trigger .icon{width:16px;height:16px}.mobile-toggle{width:23px}.mobile-toggle .icon{width:18px;height:18px}.account-trigger{font-size:11px}.account-trigger .account-label{display:none}.language-menu{right:-55px}.account-menu{right:-28px}.popover{top:calc(100% + 17px)}.store-hero{padding-top:104px;padding-bottom:34px}.hero-apps{height:114px;margin-bottom:18px;gap:12px}.hero-app{width:58px;height:63px;border-radius:16px}.hero-app .app-logo{width:31px;height:31px}.hero-app:nth-child(2),.hero-app:nth-child(6){width:46px;height:52px;opacity:.5;--offset:0px}.hero-app:nth-child(2) .app-logo,.hero-app:nth-child(6) .app-logo{width:26px;height:26px}.hero-app:nth-child(3),.hero-app:nth-child(5){--offset:9px}.hero-app:nth-child(4){width:77px;height:82px;border-radius:21px;--offset:-4px}.hero-app:nth-child(4) .app-logo{width:41px;height:41px}.store-hero h1{font-size:33px;letter-spacing:-1px}.store-hero>p{font-size:11px;line-height:1.8;margin-top:12px}.hero-search{margin-top:22px;max-width:100%;height:42px}.hero-search input{font-size:11px}.ambient{height:360px}.ambient i{left:10%;top:-500px}.ambient i:nth-child(2){left:45%;top:-500px}.ambient i:nth-child(3){left:80%;top:-590px}.section-caption{margin-bottom:17px}.section-caption h2{font-size:17px}.section-caption p{font-size:10px}.quiet-button{font-size:10px;gap:5px}.featured-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#303541 transparent;gap:13px;margin-inline:-18px;padding:2px 18px 13px}.feature-card{flex:0 0 78%;padding:25px 25px 21px;min-height:268px;scroll-snap-align:center}.feature-card h3{font-size:18px}.feature-logo{width:66px;height:69px;margin-bottom:19px}.feature-logo img{width:37px;height:37px}.feature-summary{font-size:12px;min-height:41px;max-width:100%}.feature-meta{font-size:10px;gap:6px;margin-bottom:18px}.feature-meta img{display:block}.feature-meta .meta-separator{display:block}.feature-card .soft-button{font-size:11px}.featured-section{padding-bottom:26px}.catalog-controls{margin-bottom:25px}.segmented-control{width:100%;justify-content:space-between;gap:2px;padding:4px}.segmented-control button{font-size:11px;padding:8px 13px;flex:1}.catalog-tools{margin-top:17px;gap:9px}.category-trigger{font-size:10px;padding:9px 10px;gap:6px}.category-trigger .icon{width:12px;height:12px}.list-search{height:36px;padding-inline:9px}.list-search input{font-size:10px}.list-search .icon{width:12px;height:12px}.feed-caption{margin-bottom:19px}.project-count{font-size:9px;padding-top:4px}.project-section{scroll-margin-top:89px}.glass-footer{align-items:flex-start;padding-block:24px 28px;flex-direction:column;gap:20px}.glass-footer .logo-lockup{font-size:16px}.glass-footer>div{width:100%;justify-content:space-between;gap:10px}.glass-footer button{font-size:10px}.feed-end{padding-block:29px;font-size:9px}.detail-head{padding:30px 24px 23px}.detail-head .feature-logo{width:58px;height:60px;margin-right:14px}.detail-head h2{font-size:23px}.detail-slug{font-size:10px}.detail-summary{font-size:12px;padding-top:22px}.detail-body{padding:22px 24px}.detail-body>p{font-size:12px}.detail-links{flex-wrap:wrap}.detail-links>*{flex:1;white-space:nowrap}.utility-dialog{padding:28px 24px}.utility-dialog h2{font-size:23px}.dialog-close{right:13px;top:13px}.feature-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-app:hover,.feature-card:hover,.glass-demo .project-card:hover{transform:none}}