@keyframes coffee-pop{0%{transform:scale(1)}55%{transform:scale(1.18)}78%{transform:scale(1.09)}to{transform:scale(1.13)}}@keyframes donation-pulse{0%,to{transform:scale(1)}35%{transform:scale(1.18);filter:brightness(1.4)}70%{transform:scale(1.04);filter:brightness(1.1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes star-pop{0%,to{transform:scale(1) translateY(0)}30%{transform:scale(1.9) translateY(-16px)}60%{transform:scale(1.3) translateY(-8px)}}@keyframes newest-pulse{0%,to{box-shadow:0 0 12px 0 rgba(232,83,26,.22),0 0 32px 0 rgba(232,83,26,.08)}22%{box-shadow:0 0 18px 0 rgba(232,83,26,.28),0 0 44px 0 rgba(232,83,26,.1)}40%{box-shadow:0 0 10px 0 rgba(232,83,26,.18),0 0 26px 0 rgba(232,83,26,.06)}61%{box-shadow:0 0 20px 0 rgba(232,83,26,.26),0 0 48px 0 rgba(232,83,26,.09)}79%{box-shadow:0 0 13px 0 rgba(232,83,26,.2),0 0 34px 0 rgba(232,83,26,.07)}91%{box-shadow:0 0 16px 0 rgba(232,83,26,.24),0 0 40px 0 rgba(232,83,26,.08)}}@keyframes hls-yt-spin{to{transform:rotate(360deg)}}@font-face{font-family:"DM Sans";font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/dm-sans-latin-ext.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"DM Sans";font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/dm-sans-latin.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jb-mono-latin-ext.woff2)format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jb-mono-latin.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f5f1;--bg-card:#ffffff;--bg-card-alt:#faf9f6;--bg-thumb:#e8e4dc;--border:#e5e3dd;--border-strong:#ccc9c1;--text:#111110;--text-muted:#4a4844;--text-faint:#5a5854;--accent:#e8531a;--accent-text:#b84415;--accent-dim:#f07040;--accent-bg:#fef0ea;--accent-border:#fad4c0;--radius:24px;--font-sans:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono:'JetBrains Mono', 'SF Mono', Monaco, Inconsolata, 'Fira Code', monospace;--card-shadow:0 1px 0 rgba(255,255,255,0.9), 0 1px 4px rgba(0,0,0,0.07), 0 4px 20px rgba(0,0,0,0.05);--card-shadow-hover:0 2px 0 rgba(255,255,255,0.9), 0 8px 32px rgba(0,0,0,0.14);--thumb-inset:inset 0 6px 18px rgba(0,0,0,0.13), inset 0 2px 4px rgba(0,0,0,0.08), inset 0 0 0 1px rgba(0,0,0,0.07);--thumb-bg:var(--bg-thumb)}[data-dark=true]{--text-muted:#a09e97;--card-shadow:0 0 0 1px rgba(255,255,255,0.12), 0 1px 0 rgba(255,255,255,0.08), 0 4px 24px rgba(0,0,0,0.55);--bg:#0e0d0b;--bg-card:#211f1b;--bg-card-alt:#272421;--bg-thumb:#0a0908;--border:#2e2b26;--border-strong:#3e3b35;--text:#f0ede6;--text-muted:#a8a59d;--text-faint:#8c8985;--accent:#f06535;--accent-text:#ff8a50;--accent-dim:#c84818;--accent-bg:#1c0e07;--accent-border:#3a1a0a;--card-shadow:0 0 0 1px rgba(255,255,255,0.12), 0 1px 0 rgba(255,255,255,0.08), 0 4px 24px rgba(0,0,0,0.55), 0 1px 4px rgba(0,0,0,0.4);--card-shadow-hover:0 0 0 1px rgba(255,255,255,0.16), 0 1px 0 rgba(255,255,255,0.10), 0 12px 40px rgba(0,0,0,0.8), 0 2px 8px rgba(0,0,0,0.5);--thumb-inset:inset 0 6px 20px rgba(0,0,0,0.7), inset 0 2px 4px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(0,0,0,0.5);--thumb-bg:var(--bg-thumb)}html{scroll-behavior:smooth}body{background:var(--bg);font-family:var(--font-sans);min-height:100vh;transition:background .25s,color .25s;-webkit-font-smoothing:antialiased}#root{max-width:1360px;margin:0 auto;padding:0 clamp(14px,3vw,24px) clamp(60px,8vw,80px)}.nav{display:flex;align-items:center;justify-content:space-between;padding:clamp(20px,3vw,28px)0 clamp(24px,3vw,36px)}.nav-logo,body{color:var(--text)}.nav-logo{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.02em;text-decoration:none}.nav-logo-dot{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:16px}.donate-link,.nav-tagline{font-family:var(--font-mono);font-size:11px}.donate-link{color:#c44114;text-decoration:none;padding:5px 12px;border:1px solid var(--accent-border);border-radius:100px;background:var(--accent-bg);transition:all .15s;position:relative}.donate-link::before{content:"";position:absolute;top:50%;left:0;width:100%;height:44px;transform:translateY(-50%)}.donate-link:hover{background:var(--accent);color:#fff}.nav-tagline{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.dark-toggle{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:100px;cursor:pointer;width:44px;height:24px;position:relative;transition:background .2s,border-color .2s;flex-shrink:0}.dark-toggle::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-faint);transition:transform .22s cubic-bezier(.4,0,.2,1),background .2s}[data-dark=true] .dark-toggle{background:var(--bg-card-alt)}[data-dark=true] .dark-toggle::after{transform:translateX(20px);background:var(--accent)}.about-donate::before,.dark-toggle::before{content:"";position:absolute;top:50%;left:0;width:100%;height:44px;transform:translateY(-50%)}.hero-photo{position:absolute;top:-75px;bottom:0;right:-25px;left:38%;pointer-events:none;z-index:0;overflow:hidden}.hero-photo img,.hero-photo video{width:100%;height:100%;object-fit:cover;object-position:center 5%;filter:grayscale(.05) brightness(1.05);opacity:.65;mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.6) 15%,#000 40%);-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.6) 15%,#000 40%)}.hero-photo video{position:absolute;inset:0;opacity:0;pointer-events:auto}.hero-photo video.is-ready{opacity:.65}.hero-photo img,.hero-photo video{transition:opacity .6s ease-out}.hero-photo.video-active img{opacity:0}[data-dark=true] .hero-photo{opacity:.85;filter:grayscale(.1) brightness(1.1)}.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-bottom:16px}.bento-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(20px,3vw,28px);box-shadow:var(--card-shadow);transition:background .25s,border-color .25s,box-shadow .25s;overflow:hidden;position:relative}.card-hero{grid-column:1/8;padding:40px 44px;display:flex;flex-direction:column;justify-content:space-between;min-height:260px}.hero-name{font-size:clamp(40px,5vw,50px);font-weight:600;line-height:1.05;letter-spacing:-.03em;margin:0}.hero-name img{display:block;width:clamp(240px,28vw,320px);height:auto;max-width:100%;margin-left:-16px}.hero-name-dot{color:var(--accent)}.hero-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;margin-top:12px}.hero-bottom{display:flex;align-items:center;gap:10px;margin-top:32px;flex-wrap:wrap}.hero-badge,.hero-badge-neutral{font-family:var(--font-mono);font-size:11px;background:var(--bg-card-alt);color:var(--text-muted);border:1px solid var(--border);border-radius:8px;padding:5px 12px}.card-about{grid-column:8/13;display:flex;flex-direction:column;justify-content:space-between;min-height:260px}.about-label{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.about-text{font-size:14px;line-height:1.7;color:var(--text-muted);text-wrap:pretty}.about-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.about-donate,.about-link{font-family:var(--font-mono);text-decoration:none;white-space:nowrap}.about-donate{font-size:13px;font-weight:600;color:#c44114;padding:8px 18px;border:1.5px solid var(--accent);border-radius:100px;background:var(--accent-bg);transition:background .25s ease-in-out,color .25s ease-in-out,box-shadow .25s ease-in-out;display:inline-block;position:relative}.about-donate:hover{background:var(--accent);color:#fff;animation:coffee-pop .38s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 6px 22px rgba(232,83,26,.5)}.about-link{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted);letter-spacing:.05em;transition:color .15s}.about-link:hover{color:var(--accent)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.card-stat{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;min-height:110px;container-type:inline-size}.stat-bottom{display:flex;align-items:center;gap:10px}.stat-blurb{font-size:12px;color:var(--text-faint);line-height:1.4}.stat-blurb-pills{display:flex;flex-wrap:wrap;gap:3px}.stat-blurb-pill{font-size:11px;font-family:var(--font-mono);color:var(--text-faint);border:1px solid var(--border);border-radius:4px;padding:1px 5px;white-space:nowrap}a.card-stat{cursor:pointer;transition:border-color .15s,background .15s;text-decoration:none;color:inherit}a.card-stat:hover{border-color:var(--accent);background:var(--bg-card-hover, var(--bg-card))}.stat-num{font-size:clamp(26px,4vw,40px);font-weight:600;letter-spacing:-.04em;line-height:1}.stat-skeleton{opacity:.35;user-select:none}.donation-pulse{animation:donation-pulse 1.2s cubic-bezier(.34,1.56,.64,1);display:inline-block;transform-origin:left center}.stat-label{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding-bottom:6px}.section-header{display:flex;align-items:center;gap:14px;margin:16px 0}.section-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;margin:0;font-weight:400}.section-line{flex:1;height:1px;background:var(--border)}.section-all,.section-count{font-family:var(--font-mono);font-size:11px}.section-count{color:var(--text-faint)}.section-all{color:var(--accent);text-decoration:none;letter-spacing:.05em;white-space:nowrap;transition:opacity .15s}.section-all:hover{opacity:.7}.filter-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-btn,.tag-suggestion{font-size:11px;border-radius:100px;cursor:pointer}.filter-btn{font-family:var(--font-mono);letter-spacing:.05em;padding:5px 14px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);transition:all .15s;box-shadow:var(--card-shadow)}.filter-btn:hover{border-color:var(--border-strong);color:var(--text)}.tag-suggestion{padding:2px 9px;background:0 0;border:1px dashed var(--border);color:var(--text-faint);transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.tag-suggestion:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border);border-style:solid}.filter-bar-divider{width:1px;height:16px;background:var(--border);align-self:center;flex-shrink:0}.filter-btn.active{background:#c44114;border-color:#c44114;color:#fff;box-shadow:0 2px 12px rgba(196,65,20,.25)}[data-dark=true] .filter-btn.active{color:#fff;box-shadow:0 2px 12px rgba(240,101,53,.3)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:clamp(8px,2vw,16px)}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;box-shadow:var(--card-shadow);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,background .25s,border-color .25s,opacity .2s;animation:fadeUp .35s both;text-decoration:none;display:block;animation-delay:var(--anim-delay, 0ms)}.project-card:hover{box-shadow:var(--card-shadow-hover)}.project-card.hidden{display:none}.project-card.project-wip{cursor:default;opacity:.85}.project-card.project-wip:hover{transform:none;box-shadow:var(--card-shadow)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--card-shadow);transition:transform .2s,box-shadow .2s,background .25s,border-color .25s;animation:fadeUp .35s both;display:flex;flex-direction:column;gap:8px}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover);border-color:var(--accent-border)}.tool-card.hidden{display:none}.tool-emoji{font-size:28px;line-height:1}.tool-name{font-size:14px;font-weight:600;color:var(--text)}.tool-desc{font-size:12px;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tool-category{font-family:var(--font-mono);font-size:10px;color:var(--accent-text);text-transform:uppercase;letter-spacing:.05em;margin-top:auto;padding-top:8px}.carousel-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .15s,border-color .15s}.carousel-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.carousel-btn:disabled{opacity:.55;color:var(--border-strong);border-color:var(--border);cursor:not-allowed;pointer-events:none}.fav-toggle-btn{transition:transform .2s ease,background .15s,border-color .15s,color .15s}#favorites.collapsed .fav-toggle-btn{transform:rotate(-90deg)}#favorites.collapsed .tools-carousel-wrapper{display:none}.tools-carousel-wrapper{position:relative;overflow:hidden;margin:0-24px;padding:0 24px}#experiments .tools-carousel-wrapper{min-height:260px}#appsSection .tools-carousel-wrapper{min-height:200px;overflow:visible}.tools-carousel{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:4px 4px 16px;scrollbar-width:none;-ms-overflow-style:none}.tools-carousel.snap-on{scroll-snap-type:x mandatory}.tools-carousel::-webkit-scrollbar{display:none}.tools-carousel .tool-card{flex:0 0 200px;scroll-snap-align:start}.tools-carousel .project-card{flex:0 0 270px;scroll-snap-align:start}.tools-carousel .app-card{flex:0 0 340px;scroll-snap-align:start}@media (max-width:600px){.tools-carousel-wrapper{margin:0-14px;padding:0 14px}.tools-carousel .tool-card{flex:0 0 160px}.tools-carousel .project-card{flex:0 0 250px}.tools-carousel .app-card{flex:0 0 290px}}.category-section{margin-bottom:2rem;animation:fadeUp .5s both;animation-delay:var(--anim-delay, 0ms)}.category-carousel{padding:8px 4px 16px}.category-carousel .project-card{flex:0 0 270px;scroll-snap-align:start}@media (max-width:600px){.category-carousel .project-card{flex:0 0 260px}}.fav-btn{position:absolute;top:0;right:0;width:44px;height:44px;border:0;background:0 0;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;z-index:10;padding:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55));transition:transform .15s}.fav-btn:hover{transform:scale(1.2)}.fav-btn.popping{animation:star-pop .48s cubic-bezier(.34,1.56,.64,1) forwards}.project-card,.tool-card{position:relative}.hidden{display:none!important}.app-card.newest-card,.newest-card,.project-card.newest-card{animation:newest-pulse 12s ease-in-out infinite;border-radius:var(--radius)}.card-thumb{width:100%;aspect-ratio:16/9;background:var(--thumb-bg, var(--bg-card-alt));position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.7)}[data-dark=true] .card-thumb{border-bottom:1px solid rgba(255,255,255,.06)}.card-thumb::after{content:"";inset:0;box-shadow:var(--thumb-inset);z-index:3;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px)0 0;background:linear-gradient(to bottom,rgba(0,0,0,.04)0,transparent 40%)}[data-dark=true] .card-thumb::after{background:linear-gradient(to bottom,rgba(0,0,0,.25)0,transparent 50%)}.thumb-svg{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.card-thumb::after,.mrr-ribbon-slot{position:absolute;pointer-events:none}.mrr-ribbon-slot{--size:116px;--radius:var(--radius);top:0;left:0;width:var(--size);height:var(--size);overflow:hidden;border-top-left-radius:var(--radius);z-index:4}.mrr-ribbon{--ribbon-w:calc(var(--size) * 1.51);position:absolute;width:var(--ribbon-w);top:calc(var(--size)*.224);left:calc((var(--ribbon-w) - var(--size))/-2 - 4px);transform:rotate(-45deg);transform-origin:center;text-align:center;line-height:1;background:#ff6b3d;color:#1a0d04;padding:7px 0;font-family:var(--font-sans);font-weight:600;font-size:12px;letter-spacing:.02em;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0-1px 0 rgba(0,0,0,.15) inset,0 6px 14px -4px rgba(201,70,31,.55)}.mrr-ribbon.is-dim{background:#3a342d;color:#b0aaa0;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0-1px 0 rgba(0,0,0,.2) inset}.app-card .mrr-ribbon-slot{--size:96px}.app-card .mrr-ribbon{top:calc(var(--size)*.16);left:calc((var(--ribbon-w) - var(--size))/-2 - 10px);padding:7px 18px 7px 0}@media (max-width:600px){.mrr-ribbon-slot{--size:100px}.app-card .mrr-ribbon-slot{--size:88px}}.card-body{padding:16px 18px 18px}.card-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.3;letter-spacing:-.01em;margin-bottom:6px}.card-desc{font-size:13px;color:var(--text-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.55em*3)}.card-footer{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin-top:14px;flex-wrap:nowrap;overflow:hidden}.status-badge{font-family:var(--font-mono);font-size:10px;font-weight:500;padding:3px 9px;border-radius:100px;letter-spacing:.04em;text-transform:uppercase}.status-live{background:#e6f5e9;color:#247a34;border:1px solid #c2e0c9}.status-wip{background:#fef6e2;color:#6b4a00;border:1px solid #f0dcaa}.status-archived{background:var(--bg-card-alt);color:var(--text-faint);border:1px solid var(--border)}[data-dark=true] .status-live{background:#0b2212;color:#4db865;border-color:#1a4428}[data-dark=true] .status-wip{background:#1c1600;color:#d4a820;border-color:#3a2e00}.launch-btn,.stack-badge{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.stack-badge{letter-spacing:.04em}.launch-btn{letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;cursor:pointer;padding:0;transition:color .15s}.launch-btn:hover{color:var(--accent)}.sponsored-section{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;padding:24px!important;margin:16px 0!important;box-shadow:var(--card-shadow)!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important}.sponsored-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sponsored-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.sponsored-visit{font-size:12px;font-weight:500;color:var(--accent-text);text-decoration:none;transition:opacity .15s}.sponsored-visit:hover{opacity:.75;text-decoration:underline}.sponsored-fade{transition:opacity .55s cubic-bezier(.4,0,.2,1),filter .55s cubic-bezier(.4,0,.2,1),transform .55s cubic-bezier(.4,0,.2,1);will-change:opacity,filter,transform}.sponsored-fade.is-out{opacity:0;filter:blur(6px);transform:translateY(-3px)}.sponsored-fade.is-in{opacity:1;filter:blur(0);transform:translateY(0);transition:opacity .6s cubic-bezier(.16,1,.3,1),filter .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.sponsored-pause{background:0 0;border:0;color:var(--text-faint);font-size:11px;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;font-family:var(--font-mono);transition:color .15s,background .15s}.sponsored-pause:hover{color:var(--text);background:var(--bg-card-alt)}.sponsored-pause:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sponsored-link{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--text)}.sponsored-link:hover{color:var(--accent)}.sponsored-title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.sponsored-emoji{font-size:20px}.sponsored-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:500;display:flex;align-items:flex-end;justify-content:center;padding:0 16px;opacity:0;pointer-events:none;transition:opacity .25s}[data-dark=true] .modal-overlay{background:rgba(0,0,0,.65)}.modal-overlay.open{opacity:1;pointer-events:all}.modal,.modal-thumb{width:100%;overflow:hidden}.modal{background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius)0 0;max-width:680px;box-shadow:0-8px 60px rgba(0,0,0,.18);transform:translateY(40px);transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:90vh;display:flex;flex-direction:column}[data-dark=true] .modal{box-shadow:0-8px 60px rgba(0,0,0,.6)}.modal-overlay.open .modal{transform:translateY(0)}.modal-thumb{aspect-ratio:16/6;background:var(--bg-card-alt);position:relative;flex-shrink:0}.app-card-img::after,.modal-thumb::after{content:"";position:absolute;inset:0;pointer-events:none}.modal-thumb::after{box-shadow:var(--thumb-inset);z-index:3}.modal-body{padding:28px 32px 36px;overflow-y:auto}.modal-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.modal-title{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}.modal-desc{font-size:15px;line-height:1.7;color:var(--text-muted);margin-bottom:24px;text-wrap:pretty}.modal-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.modal-tag{font-family:var(--font-mono);font-size:11px;padding:4px 12px;border-radius:100px;background:var(--bg-card-alt);border:1px solid var(--border);color:var(--text-muted)}.modal-actions{display:flex;align-items:center;gap:12px}.modal-close,.modal-launch{font-family:var(--font-mono);border:0;cursor:pointer}.modal-launch{font-size:12px;background:var(--accent);color:#fff;border-radius:10px;padding:10px 22px;letter-spacing:.04em;transition:opacity .15s,transform .15s}.modal-launch:hover{opacity:.88;transform:translateY(-1px)}.modal-close{font-size:11px;color:var(--text-muted);background:0 0;padding:10px 16px;letter-spacing:.05em;transition:color .15s}.modal-close:hover{color:var(--text)}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:720px){.apps-grid{grid-template-columns:1fr;gap:12px}}.app-card,.app-card-img{position:relative;overflow:hidden}.app-card{background:var(--bg-card);border:1px solid var(--border);border-top:2px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--card-shadow);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s,background .25s;animation:fadeUp .35s both;display:flex;flex-direction:row;cursor:default}.app-card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}.app-card[data-status=live]:hover{border-top-color:#2a9940}.app-card[data-status=building]:hover{border-top-color:#c47a00}.app-card[data-status=idea]:hover{border-top-color:#e8531a}[data-dark=true] .app-card[data-status=live]:hover{border-top-color:#4db865}[data-dark=true] .app-card[data-status=building]:hover{border-top-color:#d4a820}[data-dark=true] .app-card[data-status=idea]:hover{border-top-color:#f06535}.app-card-img{width:164px;aspect-ratio:1/1;flex-shrink:0;background:var(--bg-card-alt)}.app-card-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.app-img-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-card-alt) 0%,color-mix(in srgb,var(--accent) 12%,var(--bg-card-alt)) 100%)}.app-img-placeholder span{font-size:3rem;font-weight:600;color:var(--accent);opacity:.35;font-family:var(--font-body);line-height:1;user-select:none}.app-card-img::after{box-shadow:inset -6px 0 14px rgba(0,0,0,.18),inset 4px 0 8px rgba(0,0,0,.1),inset 0 6px 12px rgba(0,0,0,.1),inset 0-6px 12px rgba(0,0,0,.1)}[data-dark=true] .app-card-img::after{box-shadow:inset -8px 0 18px rgba(0,0,0,.35),inset 4px 0 10px rgba(0,0,0,.2),inset 0 8px 16px rgba(0,0,0,.2),inset 0-8px 16px rgba(0,0,0,.2)}.app-card-body{flex:1;min-width:0;padding:14px 16px 12px;display:flex;flex-direction:column;gap:6px}.app-name{font-size:17px;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.2}.app-name a{color:inherit;text-decoration:none}.app-name a:hover{text-decoration:underline;text-underline-offset:3px}.app-desc{font-size:12px;color:var(--text-muted);line-height:1.55;flex:1}.app-tags{display:flex;gap:5px;flex-wrap:wrap}.app-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border);margin-top:auto}.app-tag{font-size:11px;padding:2px 9px;border-radius:100px;background:var(--bg-card-alt);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s;user-select:none;white-space:nowrap;flex-shrink:0}.app-tag.active,.app-tag:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.app-filter-clear,.app-visit-link{font-family:var(--font-mono);transition:opacity .15s}.app-filter-clear{font-size:10px;padding:3px 10px;border-radius:100px;background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;letter-spacing:.03em}.app-filter-clear:hover,.app-visit-link:hover{opacity:.7}.app-visit-link{font-size:11px;color:var(--accent-text);text-decoration:none;letter-spacing:.04em;white-space:nowrap}.status-idea,[data-dark=true] .status-idea{background:var(--bg-card-alt);color:var(--text-faint)}.status-idea{border:1px solid var(--border)}.status-building{background:#fef6e2;color:#6b4a00;border:1px solid #f0dcaa}[data-dark=true] .status-idea{border-color:var(--border)}[data-dark=true] .status-building{background:#1c1600;color:#d4a820;border-color:#3a2e00}.footer{margin-top:80px;padding-top:24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.footer-logo,.footer-right{font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.footer-right{font-size:11px}.footer-logo span{color:var(--accent)}@media (max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}.card-about,.card-hero{grid-column:1/-1}.card-hero{min-height:200px}.card-about{min-height:auto}.hero-photo{left:50%;opacity:.55}}@media (max-width:600px){.nav-tagline{display:none}.card-hero{padding:28px 22px}.modal-body{padding:20px 20px 28px}.about-donate{font-size:11px;padding:6px 12px;white-space:nowrap}}@container (max-width: 200px){.stat-bottom{flex-direction:column;align-items:flex-start;gap:4px}}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px 16px;text-decoration:none;font-family:var(--font-mono);font-size:12px;z-index:1000;transition:top .2s}.skip-link:focus{top:0}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}overlay-slider{--os-bg:var(--bg-card);--os-fg:var(--text);--os-border:var(--border);--os-shadow:var(--card-shadow-hover);--os-backdrop:rgba(14, 13, 11, 0.55);--os-z:9999}overlay-slider[open]{--os-handle-bg:var(--accent);--os-handle-fg:#1a1815}overlay-slider:not(:defined){display:none}[data-dark=true] overlay-slider{--os-backdrop:rgba(0, 0, 0, 0.65)}.hls-slider-content{max-width:720px;margin:0 auto;padding:24px 24px 32px}.hls-slider-stub{padding:0;max-width:720px;margin:24px auto 0}.hls-slider-stub__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.hls-slider-stub__title{font-size:clamp(22px,3vw,28px);font-weight:600;letter-spacing:-.02em;color:var(--text);margin-bottom:8px}.hls-slider-stub__body{font-size:14px;line-height:1.6;color:var(--text-muted);margin:0;max-width:56ch}@media (max-width:540px){.hls-slider-content{padding:16px 16px 24px}.hls-slider-stub{padding:0}}.hls-yt{max-width:720px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}[data-dark=true] .hls-yt{background:#000;border-color:#2a2a2a}.hls-yt__facade{position:relative;width:100%;aspect-ratio:16/9;background:#000;cursor:pointer;display:block;outline-offset:4px;overflow:hidden}.hls-yt__facade:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hls-yt__iframe,.hls-yt__thumb{width:100%;height:100%;display:block}.hls-yt__thumb{object-fit:cover;opacity:.92;transition:opacity .2s ease,transform .4s ease}.hls-yt__facade:hover .hls-yt__thumb{opacity:.72;transform:scale(1.02)}.hls-yt__iframe{position:absolute;inset:0;border:0}.hls-yt__play{position:absolute;inset:0;pointer-events:none}.hls-yt__play,.hls-yt__play-btn,.hls-yt__state{display:flex;align-items:center;justify-content:center}.hls-yt__play-btn{width:64px;height:64px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.35);color:#fff;box-shadow:0 6px 24px rgba(0,0,0,.45);opacity:.5;transition:transform .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}.hls-yt__facade:hover .hls-yt__play-btn{transform:scale(1.08);background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.55);opacity:1}.hls-yt__state{position:absolute;inset:0;flex-direction:column;gap:12px;color:rgba(255,255,255,.7);font-size:13px;font-family:var(--font-mono);padding:16px;text-align:center}.hls-yt__state--error a{color:#fff;text-decoration:underline}.hls-yt__spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.18);border-top-color:rgba(255,255,255,.7);border-radius:50%;animation:hls-yt-spin .9s linear infinite}.hls-yt__meta{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}.hls-yt__badge{align-self:flex-start;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--text-muted);background:var(--bg-card-alt);border:1px solid var(--border);padding:3px 8px;border-radius:4px;margin-bottom:4px}.hls-yt__badge--live{color:#fff;background:#f03;border-color:#f03}.hls-yt__title{margin:0;font-size:15px;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2*1.3em)}.hls-yt__sub{margin:0;font-size:12px;color:var(--text-muted)}@media (max-width:540px){.hls-yt{border-radius:10px}.hls-yt__play-btn{width:52px;height:52px}.hls-yt__title{font-size:14px}}.nav-logo{display:flex;align-items:center;gap:8px}.nav-logo img{width:24px;height:24px;opacity:.7;transition:opacity .2s,transform .2s}.nav-logo:hover img{opacity:1;transform:rotate(-5deg) scale(1.05)}.about-mouse-bg{position:absolute;top:0;right:-20px;bottom:0;width:75%;height:100%;object-fit:cover;object-position:center right;opacity:.15;pointer-events:none;z-index:0;mask-image:linear-gradient(to left,rgba(0,0,0,.8)0,rgba(0,0,0,.4) 50%,transparent 85%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8)0,rgba(0,0,0,.4) 50%,transparent 85%);filter:grayscale(.2)}[data-dark=true] .about-mouse-bg{opacity:.22;filter:grayscale(.15) brightness(1.1)}.card-about,.u-rel-z1{position:relative}.u-rel-z1{z-index:1}.u-flex-c-6{gap:6px}.u-flex-c-10,.u-flex-c-14,.u-flex-c-6,.u-flex-c-8{display:flex;align-items:center}.u-flex-c-8{gap:8px}.u-flex-c-10{gap:10px}.u-flex-c-14{gap:14px}.hls-yt-info__btn svg,.u-flex-shrink-0{flex-shrink:0}.u-text-accent{color:var(--accent)}.u-empty-state{padding:2rem;color:var(--text-muted)}.u-empty-tag{color:var(--text-faint);font-size:13px;padding:8px 0}.nojs-section{margin:2rem 0;padding:clamp(20px,3vw,32px)}.nojs-title{font-size:clamp(20px,3vw,26px);font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.nojs-desc{color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.nojs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.nojs-link{padding:1rem;text-decoration:none;color:inherit;display:block}.nojs-link-num{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);margin-bottom:.25rem}.nojs-link-name{font-weight:600}.nojs-footer,.nojs-link-desc{font-size:.85rem;color:var(--text-muted)}.nojs-link-desc{margin-top:.4rem}.nojs-footer{margin-top:1.5rem}.tool-card-more{display:flex;align-items:center;justify-content:center;background:var(--bg-card-alt);flex:0 0 140px}.tool-card-more-text{text-align:center;color:var(--text-muted);font-size:12px}.tool-card-more-num{font-size:20px;margin-bottom:4px}.hls-yt__iframe--api,.hls-yt__player-wrap{position:absolute;inset:0}.hls-yt__iframe--api{width:100%;height:100%;border:0}.hls-yt__chrome{position:absolute;top:10px;right:10px;display:flex;opacity:0;transition:opacity .25s ease;pointer-events:none}.hls-yt__player-wrap:focus-within .hls-yt__chrome,.hls-yt__player-wrap:hover .hls-yt__chrome{opacity:1;pointer-events:auto}.hls-yt__vol-btn,.hls-yt__volume{display:inline-flex;align-items:center;border-radius:999px}.hls-yt__volume{gap:8px;padding:5px 12px 5px 5px;background:rgba(0,0,0,.62);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border:1px solid rgba(255,255,255,.18)}.hls-yt__vol-btn{position:relative;justify-content:center;width:30px;height:30px;border:0;background:0 0;color:#fff;cursor:pointer;padding:0}.hls-yt__vol-btn:hover{background:rgba(255,255,255,.12)}.hls-yt__vol-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.hls-yt__vol-btn .hls-yt__icon{position:absolute;inset:0;margin:auto;display:block}.hls-yt__volume[data-state=muted] .hls-yt__icon--vol-on,.hls-yt__volume[data-state=unmuted] .hls-yt__icon--vol-off{display:none}.hls-yt__vol-slider{-webkit-appearance:none;appearance:none;width:84px;height:4px;border-radius:999px;background:linear-gradient(to right,#fff 0%,#fff var(--vol-fill,0%),rgba(255,255,255,.22) var(--vol-fill,0%),rgba(255,255,255,.22) 100%);outline:0;cursor:pointer;margin:0;padding:0}.hls-yt__vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:0;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.4)}.hls-yt__vol-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:0;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.4)}.hls-yt__vol-slider:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:999px}.hls-yt--short .hls-yt__vol-slider{width:56px}.hls-yt-bundle{display:flex;gap:clamp(6px,1.5vw,12px);max-width:960px;margin:0 auto;align-items:stretch}.hls-yt-bundle>.hls-yt{margin:0;max-width:none}.hls-yt-bundle>.hls-yt--short{flex:1 1 0;min-width:0}.hls-yt-bundle>.hls-yt--stream{flex:3.16 1 0;min-width:0}.hls-yt{position:relative}.hls-yt--short .hls-yt__facade{aspect-ratio:9/16}.hls-yt__badge--short{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.hls-yt-info{max-width:960px;margin:14px auto 0;display:flex;gap:10px;align-items:stretch;justify-content:center}.hls-yt-info__btn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.04em;padding:14px 18px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card-alt);color:var(--text);text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .15s;white-space:nowrap;line-height:1}.hls-yt-info__btn:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border);transform:translateY(-1px)}.hls-yt-info__btn--sub:hover{background:#f03;color:#fff;border-color:#f03}.hls-yt-info__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hls-slider-close-x,.hls-yt[data-collapsed=true] .hls-yt__facade{display:none}@media (max-width:768px){.hls-slider-close-x{display:inline-flex;align-items:center;justify-content:center;position:fixed;bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));z-index:10000;width:52px;height:52px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;padding:0;box-shadow:0 6px 24px rgba(0,0,0,.45)}[data-dark=true] .hls-slider-close-x{background:#000;border-color:#2a2a2a}.hls-slider-close-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.hls-yt{--collapse-clearance:44px}.hls-yt .hls-yt__meta{padding-right:var(--collapse-clearance)}.hls-yt__collapse{position:absolute;bottom:10px;right:10px;z-index:6;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.55);color:#fff;cursor:pointer;padding:0;transition:background .15s,transform .15s}.hls-yt__collapse::before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.hls-yt__collapse:hover{background:rgba(0,0,0,.78);transform:scale(1.06)}.hls-yt__collapse:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hls-yt[data-collapsed=true] .hls-yt__collapse svg{transform:rotate(45deg)}@media (max-width:540px){.hls-yt-info{gap:6px;margin-top:10px}.hls-yt-info__btn{padding:10px 8px;gap:5px;font-size:11px;border-radius:10px}.hls-yt-info__btn svg{width:13px;height:13px}}@media (max-width:768px) and (orientation:portrait){.hls-yt__sub,.hls-yt__title{display:none}.hls-yt__meta{padding:12px 10px;min-height:48px}.hls-yt--short .hls-yt__meta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hls-yt--short .hls-yt__badge{margin:0 auto;align-self:center;display:inline-block}.hls-yt--stream .hls-yt__meta{align-items:flex-start;justify-content:center}.hls-yt--stream .hls-yt__badge{margin:0;align-self:flex-start}.hls-slider-content{min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;padding:24px 10px calc(96px + env(safe-area-inset-bottom));gap:14px;box-sizing:border-box}.hls-yt-info{flex-direction:column;gap:10px;align-items:stretch;margin:0;max-width:none}.hls-yt-info__btn{display:flex;width:100%;flex:0 0 auto;justify-content:flex-start;padding:16px 18px;gap:12px;font-size:14px;border-radius:14px}.hls-yt-info__btn svg{width:18px;height:18px}}@media (max-width:768px) and (orientation:landscape){.hls-slider-content{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;max-width:none;padding:20px 16px;box-sizing:border-box}.hls-yt-bundle,.hls-yt-info{max-width:none;width:100%;margin:0 auto}.hls-yt-info{margin:12px auto 0}}