@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;0,9..144,700;1,9..144,400&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--color-bg:oklch(100% 0 0);--color-surface:oklch(98% .004 340);--color-surface-2:oklch(95% .006 340);--color-border:oklch(91% .006 340);--color-navbar-bg:#fffc;--color-primary:oklch(58% .18 340);--color-primary-dim:oklch(48% .15 340);--color-accent:oklch(70% .14 75);--color-accent-dim:oklch(94% .04 75);--color-ink:oklch(12% .004 340);--color-muted:oklch(45% .008 340);--color-subtle:oklch(65% .006 340);--color-success:oklch(60% .18 145);--color-warning:oklch(68% .16 75);--color-error:oklch(52% .22 25);--font-display:"Fraunces", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:clamp(1.75rem, 4vw, 2.25rem);--text-4xl:clamp(2rem, 5vw, 3rem);--leading-tight:1.2;--leading-snug:1.4;--leading-base:1.6;--leading-loose:1.8;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px oklch(0% 0 0/.08);--shadow-md:0 4px 16px oklch(0% 0 0/.08), 0 1px 4px oklch(0% 0 0/.04);--shadow-lg:0 8px 32px oklch(0% 0 0/.12), 0 2px 8px oklch(0% 0 0/.04);--shadow-glow-primary:0 0 24px oklch(58% .18 340/.12);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--layout-max:1400px;--layout-gutter:clamp(1rem, 4vw, 2.5rem);--gallery-cols:repeat(auto-fill, minmax(280px, 1fr));--gallery-gap:var(--space-6);--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500;--z-tooltip:600}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{max-width:var(--layout-max);width:100%;padding:var(--space-12) var(--layout-gutter);flex:1;margin:0 auto}.text-display{font-family:var(--font-display)}.text-italic{font-style:italic}.text-wrap-balance{text-wrap:balance}.text-wrap-pretty{text-wrap:pretty}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp var(--duration-slow) var(--ease-out-quart) both}.animate-fade-up[style*=--item-index]{animation-delay:calc(var(--item-index) * 40ms)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.navbar{background-color:var(--color-navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);width:100%;z-index:var(--z-sticky);position:sticky;top:0;left:0}.navbar-container{max-width:var(--layout-max);padding:var(--space-4) var(--layout-gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{font-size:var(--text-2xl);color:var(--color-primary);letter-spacing:var(--tracking-tight);transition:opacity var(--duration-fast) var(--ease-out-quart);font-weight:700}.navbar-logo:hover{opacity:.85}.navbar-links{align-items:center;gap:var(--space-6);display:flex}.navbar-link{font-size:var(--text-sm);color:var(--color-muted);transition:color var(--duration-fast) var(--ease-out-quart);font-weight:500}.navbar-link:hover{color:var(--color-ink)}.navbar-link.active{color:var(--color-ink);font-weight:600;position:relative}.navbar-link.active:after{content:"";background-color:var(--color-primary);border-radius:var(--radius-sm);width:100%;height:2px;position:absolute;bottom:-6px;left:0}.home-header,.page-header{margin-bottom:var(--space-10);max-width:65ch}.home-title,.page-title{font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-tight);color:var(--color-ink);margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight)}.home-subtitle,.page-subtitle{font-size:var(--text-lg);color:var(--color-muted);line-height:var(--leading-base)}.filter-controls{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}.search-bar-container{width:100%;max-width:450px;position:relative}.search-icon{left:var(--space-4);color:var(--color-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-8) + var(--space-2));color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out-quart)}.search-input:focus{border-color:var(--color-primary);background-color:var(--color-surface-2);box-shadow:var(--shadow-glow-primary);outline:none}.search-input::placeholder{color:var(--color-subtle)}.category-scroll-wrapper{align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.category-chip{padding:var(--space-2) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--text-sm);color:var(--color-muted);transition:all var(--duration-fast) var(--ease-out-quart);flex-shrink:0;font-weight:500}.category-chip:hover{background-color:var(--color-surface-2);color:var(--color-ink)}.category-chip.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.gallery-grid{grid-template-columns:var(--gallery-cols);gap:var(--gallery-gap);display:grid}.screenshot-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart);flex-direction:column;display:flex;overflow:hidden}.screenshot-card:hover{background-color:var(--color-surface-2);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card-image-container{aspect-ratio:16/10;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);width:100%;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;display:block}.card-badge{top:var(--space-3);left:var(--space-3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);font-size:var(--text-xs);color:var(--color-accent);background-color:oklch(100% 0 0/.85);font-weight:600;position:absolute}.card-meta{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.card-app-name{font-size:var(--text-base);color:var(--color-ink);font-weight:600}.card-title-subtext{font-size:var(--text-xs);color:var(--color-muted);line-height:var(--leading-tight)}.card-tags{gap:var(--space-1) var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.tag-pill{font-size:var(--text-xs);color:var(--color-muted);background-color:var(--color-surface-2);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-weight:500}.empty-state{padding:var(--space-16) 0;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-text{color:var(--color-muted);font-size:var(--text-lg);margin-bottom:var(--space-4)}.empty-state-btn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);font-size:var(--text-sm);padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out-quart);font-weight:600}.empty-state-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100vw;height:100vh;z-index:var(--z-modal-backdrop);padding:var(--space-8);background-color:oklch(5% 0 0/.85);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}@keyframes modalEntrance{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:1100px;max-height:calc(100vh - var(--space-16));box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.animate-modal-entrance{animation:modalEntrance var(--duration-base) var(--ease-out-expo) both}.modal-close-btn{top:var(--space-4);right:var(--space-4);background-color:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-muted);width:var(--space-8);height:var(--space-8);transition:all var(--duration-fast) var(--ease-out-quart);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close-btn:hover{color:var(--color-ink);border-color:var(--color-primary);background-color:var(--color-surface-2)}.modal-body{max-height:calc(100vh - var(--space-16));grid-template-columns:1.5fr 1fr;display:grid;overflow:hidden}@media (width<=768px){.modal-body{grid-template-columns:1fr;overflow-y:auto}}.modal-image-panel{background-color:var(--color-bg);padding:var(--space-8);border-right:1px solid var(--color-border);height:100%;max-height:calc(100vh - var(--space-16));justify-content:center;align-items:center;display:flex;overflow-y:auto}@media (width<=768px){.modal-image-panel{border-right:none;border-bottom:1px solid var(--color-border);max-height:45vh}}.modal-image{border-radius:var(--radius-md);max-width:100%;height:auto;max-height:70vh;box-shadow:var(--shadow-md);display:block}.modal-info-panel{padding:var(--space-8);gap:var(--space-6);max-height:calc(100vh - var(--space-16));flex-direction:column;display:flex;overflow-y:auto}.modal-header-section{gap:var(--space-2);flex-direction:column;display:flex}.modal-category{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-accent);font-weight:600}.modal-app-name{font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight)}.modal-title-text{font-size:var(--text-base);color:var(--color-muted);font-weight:400}.modal-description{font-size:var(--text-sm);color:var(--color-muted);line-height:var(--leading-base)}.modal-tags-section{gap:var(--space-2);flex-direction:column;display:flex}.section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-subtle);font-weight:600}.modal-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.modal-action-btn{background-color:var(--color-primary);color:#fff;font-size:var(--text-sm);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out-quart);text-align:center;justify-content:center;align-items:center;margin-top:auto;font-weight:600;display:inline-flex}.modal-action-btn:hover{background-color:var(--color-primary-dim)}.changelog-timeline{gap:var(--space-8);margin-top:var(--space-10);flex-direction:column;max-width:800px;display:flex;position:relative}.changelog-item{gap:var(--space-4);grid-template-columns:32px 1fr;display:grid}.changelog-marker{flex-direction:column;align-items:center;display:flex;position:relative}.marker-dot{background-color:var(--color-primary);z-index:2;width:12px;height:12px;box-shadow:0 0 8px var(--color-primary);border-radius:50%;margin-top:6px}.marker-line{background-color:var(--color-border);z-index:1;width:2px;position:absolute;top:18px;bottom:-32px}.changelog-content{background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius-lg)}.changelog-meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.changelog-version{font-size:var(--text-sm);color:var(--color-primary);font-weight:700}.changelog-date{font-size:var(--text-xs);color:var(--color-muted)}.changelog-badge{font-size:var(--text-xs);background-color:var(--color-accent-dim);color:var(--color-accent);padding:1px var(--space-2);border-radius:var(--radius-sm);font-weight:600}.changelog-title{font-size:var(--text-xl);color:var(--color-ink);margin-bottom:var(--space-3);font-weight:600}.changelog-desc{font-size:var(--text-base);color:var(--color-muted);line-height:var(--leading-base);margin-bottom:var(--space-4)}.changelog-points{padding-left:var(--space-2);gap:var(--space-2);flex-direction:column;list-style-type:none;display:flex}.changelog-point-item{padding-left:var(--space-4);font-size:var(--text-sm);color:var(--color-ink);line-height:var(--leading-snug);position:relative}.changelog-point-item:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:0}.roadmap-columns{gap:var(--space-6);margin-top:var(--space-10);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}@media (width<=992px){.roadmap-columns{gap:var(--space-8);grid-template-columns:1fr}}.roadmap-column{gap:var(--space-4);flex-direction:column;display:flex}.column-title{font-size:var(--text-lg);color:var(--color-ink);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);justify-content:space-between;align-items:center;font-weight:600;display:flex}.column-count{font-size:var(--text-xs);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-muted);padding:2px var(--space-2);border-radius:var(--radius-sm);font-weight:600}.column-list{gap:var(--space-4);flex-direction:column;display:flex}.roadmap-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-border);padding:var(--space-5);border-radius:var(--radius-md);gap:var(--space-3);transition:border-color var(--duration-fast) var(--ease-out-quart);flex-direction:column;display:flex}.roadmap-card:has(.status-completed){border-top-color:var(--color-success)}.roadmap-card:has(.status-inprogress){border-top-color:var(--color-primary)}.roadmap-card:has(.status-planned){border-top-color:var(--color-accent)}.roadmap-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.status-pill{font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-sm);font-weight:600}.status-completed{color:var(--color-success);background-color:oklch(72% .18 145/.15)}.status-inprogress{color:var(--color-primary);background-color:oklch(68% .195 340/.15)}.status-planned{color:var(--color-accent);background-color:oklch(80% .14 75/.15)}.roadmap-card-date{font-size:var(--text-xs);color:var(--color-muted)}.roadmap-card-title{font-size:var(--text-base);color:var(--color-ink);font-weight:600}.roadmap-card-desc{font-size:var(--text-sm);color:var(--color-muted);line-height:var(--leading-snug)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.landing-page{gap:var(--space-20);padding:var(--space-8) 0;flex-direction:column;display:flex}.landing-hero{width:100%;max-width:100%;padding:var(--space-20) var(--layout-gutter);border-radius:var(--radius-xl);background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.hero-bg-glow{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glow-blob{filter:blur(100px);opacity:.18;border-radius:50%;position:absolute}.glow-rose{background-color:var(--color-primary);width:300px;height:300px;animation:25s ease-in-out infinite alternate float-blob-1;top:-10%;left:10%}.glow-amber{background-color:var(--color-accent);width:320px;height:320px;animation:30s ease-in-out infinite alternate float-blob-2;bottom:-15%;right:15%}.glow-rose-light{background-color:var(--color-primary-dim);width:250px;height:250px;animation:22s ease-in-out infinite alternate float-blob-3;top:30%;right:25%}@keyframes float-blob-1{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,40px)scale(1.15)}to{transform:translate(-30px,-20px)scale(.9)}}@keyframes float-blob-2{0%{transform:translate(0)scale(1)}50%{transform:translate(-50px,-60px)scale(.85)}to{transform:translate(40px,30px)scale(1.1)}}@keyframes float-blob-3{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-40px)scale(1.1)}to{transform:translate(-40px,40px)scale(.95)}}.hero-content{z-index:2;text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;max-width:800px;margin:0 auto;display:flex;position:relative}.landing-hero .hero-title{font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);color:var(--color-ink);letter-spacing:var(--tracking-tight)}.landing-hero .hero-subtitle{font-size:var(--text-lg);color:var(--color-muted);line-height:var(--leading-base);max-width:65ch}.hero-actions{margin-top:var(--space-4)}.btn-primary{background-color:var(--color-primary);color:#fff;font-size:var(--text-sm);padding:var(--space-3) var(--space-8);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out-quart);align-items:center;font-weight:600;display:inline-flex}.btn-primary:hover{background-color:var(--color-primary-dim);box-shadow:var(--shadow-md)}.ethos-section{width:100%}.ethos-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.ethos-card{background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-8);border-radius:var(--radius-lg);gap:var(--space-4);transition:all var(--duration-fast) var(--ease-out-quart);flex-direction:column;display:flex}.ethos-card:hover{background-color:var(--color-surface-2);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ethos-number{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-accent);opacity:.8;font-weight:600}.ethos-title{font-size:var(--text-xl);color:var(--color-ink);font-weight:600}.ethos-desc{font-size:var(--text-sm);color:var(--color-muted);line-height:var(--leading-base)}.preview-section{gap:var(--space-6);flex-direction:column;display:flex}.preview-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);justify-content:space-between;align-items:flex-end;display:flex}.preview-title{font-size:var(--text-2xl);color:var(--color-ink);font-weight:600}.preview-link{font-size:var(--text-sm);color:var(--color-primary);align-items:center;gap:var(--space-1);transition:color var(--duration-fast) var(--ease-out-quart);font-weight:600;display:inline-flex}.preview-link:hover{color:var(--color-primary-dim)}.preview-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.preview-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out-quart);flex-direction:column;display:flex;overflow:hidden}.preview-card:hover{background-color:var(--color-surface-2);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.preview-image-wrap{aspect-ratio:16/10;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);width:100%;position:relative;overflow:hidden}.preview-image{object-fit:cover;width:100%;height:100%;display:block}.preview-badge{top:var(--space-3);left:var(--space-3);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);font-size:var(--text-xs);color:var(--color-accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:oklch(100% 0 0/.85);font-weight:600;position:absolute}.preview-meta{padding:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.preview-card-app{font-size:var(--text-sm);color:var(--color-ink);font-weight:600}.preview-card-title{font-size:var(--text-xs);color:var(--color-muted)}.manifesto-section{text-align:center;width:100%;max-width:800px;padding:var(--space-12) 0;margin:0 auto}.manifesto-content{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.manifesto-quote{font-size:clamp(1.25rem,3.5vw,1.75rem);font-style:italic;font-weight:400;line-height:var(--leading-base);color:var(--color-ink);letter-spacing:var(--tracking-tight)}.manifesto-divider{background-color:var(--color-border);width:60px;height:1px}.manifesto-author{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-accent);font-weight:600}