:root{--ink:#14211d;--muted:#617069;--paper:#f7f8f3;--surface:#fff;--line:#dfe5dd;--mint:#1e795a;--mint-dark:#15543f;--mint-soft:#e1f2e9;--lime:#cde56f;--orange:#f3a76f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f8f3eb;border-bottom:1px solid #dfe5dde6;justify-content:space-between;align-items:center;min-height:72px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:15px;display:inline-flex}.brand-mark{background:var(--mint);color:#fff;border-radius:12px 4px;place-items:center;width:36px;height:36px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;display:grid}.site-header nav{align-items:center;gap:28px;font-size:14px;font-weight:650;display:flex}.site-header nav>a:not(.nav-submit):hover{color:var(--mint)}.github-link{align-items:center;gap:7px;display:inline-flex}.nav-submit{background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px}.nav-submit:hover{background:var(--mint-dark)}.eyebrow{color:var(--mint);letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:800}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:14px;font-weight:750;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--mint);color:#fff}.button.primary:hover{background:var(--mint-dark)}.button.secondary{background:#ffffff80;border-color:#b8c4ba}.button.secondary:hover{border-color:var(--mint);background:#fff}.catalog-section{min-height:70vh;padding:58px 5vw 116px}.catalog-heading{justify-content:space-between;align-items:end;gap:40px;max-width:1320px;margin:0 auto 30px;display:flex}.catalog-heading h1,.submit-intro h2{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,62px);font-weight:500;line-height:1}.catalog-heading>div:last-child{text-align:right;max-width:470px}.catalog-heading>div:last-child p{color:var(--muted);margin:0 0 10px;font-size:14px;line-height:1.55}.catalog-heading>div:last-child span{color:var(--mint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:750}.filter-panel{border:1px solid var(--line);background:#ffffffad;border-radius:20px;max-width:1320px;margin:0 auto 34px;padding:18px}.search-field{height:52px;color:var(--muted);background:#fff;border:1px solid #cfd8d0;border-radius:13px;align-items:center;gap:12px;padding:0 16px;display:flex}.search-field>span:not(.sr-only){font-size:25px;line-height:1;transform:rotate(-15deg)}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.tag-filters{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tag-filters button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:7px 12px;font-size:13px}.tag-filters button:hover,.tag-filters button.selected{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-dark)}.tag-filters .clear-filter{background:0 0;border-color:#0000;margin-left:auto;text-decoration:underline}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1320px;margin:0 auto;display:grid}.phantom-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;overflow:visible;box-shadow:0 14px 40px #1a362b0d}.card-image{aspect-ratio:16/10;background:#e4ebe4;border-radius:21px 21px 0 0;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.image-placeholder{background:repeating-radial-gradient(circle,#0000 0 22px,#1e795a1f 23px 24px),linear-gradient(135deg,#e5f1e7,#f5e9dc);place-items:center;width:100%;height:100%;display:grid}.image-placeholder span{background:var(--mint);color:#fff;border-radius:24px 8px;place-items:center;width:68px;height:68px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;font-weight:800;display:grid}.preview-label{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#14211dd1;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;position:absolute;top:14px;left:14px}.card-body{padding:23px}.card-heading{position:relative}.card-heading h3{letter-spacing:-.035em;margin:0 0 10px;font-size:22px;line-height:1.15}.card-facts{justify-content:space-between;align-items:center;gap:12px;min-height:17px;display:flex}.card-facts>span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700}.compatibility{width:fit-content;position:relative}.compatibility summary{cursor:pointer;width:fit-content;color:var(--mint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:750;list-style:none}.compatibility summary::-webkit-details-marker{display:none}.compatibility-details{z-index:10;background:var(--ink);color:#fff;border:1px solid #31463d;border-radius:14px;width:260px;padding:16px;display:none;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 16px 34px #14211d38}.compatibility:hover .compatibility-details,.compatibility:focus-within .compatibility-details,.compatibility[open] .compatibility-details{display:block}.compatibility-details strong{margin-bottom:9px;font-size:12px;display:block}.compatibility-details dl{margin:0}.compatibility-details dl div{border-top:1px solid #ffffff1f;justify-content:space-between;gap:14px;padding:5px 0;font-size:11px;display:flex}.compatibility-details dd{color:var(--lime);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.description{min-height:78px;color:var(--muted);margin:19px 0;font-size:14px;line-height:1.6}.card-tags{flex-wrap:wrap;gap:7px;margin:0 0 20px;padding:0;list-style:none;display:flex}.card-tags li{color:#486158;background:#eef2ec;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.card-links{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding-top:18px;font-size:13px;font-weight:750;display:flex}.card-links a:hover,.card-links .primary-link{color:var(--mint)}.submitted-by{color:var(--muted);align-items:center;gap:9px;margin-top:19px;font-size:11px;display:flex}.submitted-by a{color:var(--ink);font-weight:750}.avatar{background:var(--mint-soft);width:25px;height:25px;color:var(--mint-dark);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.empty-state{text-align:center;border:1px dashed #becac0;border-radius:24px;max-width:1320px;margin:0 auto;padding:70px 28px}.empty-state>span{background:var(--mint-soft);width:54px;height:54px;color:var(--mint);border-radius:18px 6px;place-items:center;margin:0 auto 18px;font-weight:850;display:grid}.empty-state h3{margin:0 0 8px;font-size:24px}.empty-state p{color:var(--muted);margin:0 0 24px}.empty-state button{color:var(--mint);cursor:pointer;background:0 0;border:0;font-weight:750;text-decoration:underline}.submit-section{background:var(--ink);color:#fff;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:7vw;padding:104px 7vw;display:grid}.submit-intro{align-self:start}.submit-intro .eyebrow{color:var(--lime)}.submit-intro>p:not(.eyebrow){color:#b8c6c0;max-width:570px;margin:26px 0;font-size:16px;line-height:1.7}.submit-intro ol{gap:15px;margin:30px 0 42px;padding:0;list-style:none;display:grid}.submit-intro li{color:#d7e0dc;align-items:center;gap:12px;font-size:13px;display:flex}.submit-intro li span{width:28px;height:28px;color:var(--lime);border:1px solid #456159;border-radius:50%;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:grid}.submit-intro .preview-card{max-width:460px;color:var(--ink)}.submission-form{background:var(--surface);color:var(--ink);border-radius:26px;gap:21px;padding:clamp(24px,4vw,46px);display:grid}.form-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;padding-bottom:18px;display:flex}.form-heading h3{letter-spacing:-.03em;margin:0;font-size:26px}.form-heading>span{color:var(--muted);font-size:11px}.submission-form label{gap:8px;display:grid}.submission-form label>span,.submission-form legend{align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.submission-form label>span b,.submission-form legend b{background:var(--mint-soft);color:var(--mint-dark);letter-spacing:.08em;text-transform:uppercase;border-radius:5px;padding:3px 6px;font-size:8px}.submission-form label>span i{color:#89958f;font-size:10px;font-style:normal;font-weight:600}.submission-form label>span em{color:var(--muted);margin-left:auto;font-size:10px;font-style:normal;font-weight:600}.submission-form input,.submission-form textarea{width:100%;color:var(--ink);background:#fbfcfa;border:1px solid #cfd8d0;border-radius:11px;outline:0;padding:13px 14px;font-size:13px;transition:border .12s,box-shadow .12s}.submission-form textarea{resize:vertical}.submission-form input:focus,.submission-form textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #1e795a1c}.submission-form small{color:var(--muted);font-size:10px;line-height:1.45}.submission-form small.error{color:#a33b31;font-weight:700}.field-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.submission-form fieldset{border:1px solid var(--line);border-radius:14px;margin:0;padding:20px}.submission-form fieldset>p{color:var(--muted);margin:6px 0 16px;font-size:11px}.version-grid{gap:10px;display:grid}.version-grid label{grid-template-columns:minmax(120px,1fr) minmax(86px,.55fr);align-items:center}.subpackage-grid{grid-template-columns:1fr 1fr;gap:10px 13px;display:grid}.version-grid input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.submit-note{background:#f0f5ef;border-radius:11px;gap:10px;padding:13px;display:flex}.submit-note>span{background:var(--mint);color:#fff;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.submit-note p{color:var(--muted);margin:2px 0 0;font-size:11px;line-height:1.45}.submit-note strong{color:var(--ink)}.submit-button{border:0;width:100%}.form-footnote{color:var(--muted);text-align:center;margin:-10px 0 0;font-size:10px}footer{border-top:1px solid var(--line);color:var(--muted);background:#eef1ea;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:30px 5vw;font-size:11px;display:grid}footer p{text-align:center}footer>a:last-child{color:var(--ink);justify-self:end;font-weight:750}@media (max-width:1020px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.submit-section{grid-template-columns:1fr}.submit-intro{grid-template-columns:1fr 1fr;column-gap:36px;display:grid}.submit-intro>.eyebrow,.submit-intro>h2,.submit-intro>p,.submit-intro>ol{grid-column:1}.submit-intro .preview-card{grid-area:1/2/span 5;align-self:center}}@media (max-width:720px){.site-header{padding:0 18px}.site-header nav>a:not(.nav-submit),.brand>span:last-child{display:none}.catalog-section{padding:44px 18px 78px}.catalog-heading{flex-direction:column;align-items:start;gap:16px}.catalog-heading>div:last-child{text-align:left}.card-grid{grid-template-columns:1fr}.submit-section{padding:78px 18px}.submit-intro{display:block}.submit-intro .preview-card{margin-top:34px}.field-pair,.subpackage-grid{grid-template-columns:1fr}.form-heading{flex-direction:column;align-items:start}footer{grid-template-columns:1fr auto}footer p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important}}