:root{--color-void-black: #0e100f;--color-cream-glow: #fffce1;--color-olive-stone: #42433d;--color-ash-gray: #7c7c6f;--color-pulse-green: #0ae448;--color-candy-pink: #fec5fb;--color-ember-orange: #ff8709;--color-electric-violet: #9d95ff;--color-signal-blue: #00bae2;--color-lime-flash: #abff84;--font-display: "Inter Tight", "Manrope", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--color-void-black);color:var(--color-cream-glow);font-family:var(--font-display);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--color-void-black)}a{color:inherit;text-decoration:none}button,input{font:inherit}:focus-visible{outline:2px solid var(--color-pulse-green);outline-offset:3px}.app-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 80% 12%,rgba(10,228,72,.12),transparent 28%),var(--color-void-black)}.announcement-strip{display:grid;min-height:34px;place-items:center;background:var(--color-pulse-green);color:var(--color-void-black);font-size:13px;font-weight:700;letter-spacing:0;text-align:center}.site-header,.hero-section,.archive-section,.footer-stats{width:min(100% - 40px,1280px);margin:0 auto}.site-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;padding:22px 0;border-bottom:1px solid var(--color-olive-stone)}.wordmark{display:inline-flex;align-items:center;gap:12px;min-width:0;font-weight:700}.wordmark-mark{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid var(--color-cream-glow);border-radius:100px;color:var(--color-pulse-green)}.wordmark small{display:block;margin-top:2px;color:var(--color-ash-gray);font-size:12px;font-weight:500}.nav-links{display:flex;flex-wrap:wrap;gap:8px}.nav-links a,.pill-button,.text-link{transition:color .18s ease,border-color .18s ease,transform .18s ease,background .18s ease}.nav-links a{border:1px solid var(--color-olive-stone);border-radius:100px;padding:8px 13px;color:var(--color-cream-glow);font-size:14px}.nav-links a:hover,.text-link:hover{color:var(--color-pulse-green)}.pill-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-cream-glow);border-radius:100px;background:transparent;color:var(--color-cream-glow);padding:13px 18px;font-weight:700;line-height:1}.pill-button:hover{border-color:var(--color-pulse-green);background:var(--color-pulse-green);color:var(--color-void-black);transform:translateY(-2px)}.pill-button.compact{padding:10px 14px;font-size:14px}.hero-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:center;gap:48px;min-height:620px;padding:70px 0 54px}.hero-copy{display:grid;gap:22px}.section-tag{margin:0;color:var(--color-cream-glow);font-size:14px;letter-spacing:0}h1,h2{margin:0;color:var(--color-cream-glow);letter-spacing:0}h1{max-width:980px;font-size:96px;line-height:.92}h1 span{color:var(--color-pulse-green)}h2{font-size:48px;line-height:1}.hero-description,.section-copy{max-width:660px;margin:0;color:var(--color-ash-gray);font-size:18px;line-height:1.48}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.text-link{color:var(--color-cream-glow);font-weight:700}.preview-art{position:relative;min-height:360px;overflow:hidden;border:1px solid var(--color-olive-stone);border-radius:8px;background:linear-gradient(135deg,rgba(255,252,225,.08),transparent 36%),var(--color-void-black);isolation:isolate}.preview-art:before,.preview-art:after,.preview-ring,.preview-blob,.preview-line{position:absolute;content:""}.preview-art:before{top:12%;right:12%;bottom:12%;left:12%;border:1px solid color-mix(in srgb,var(--preview-accent) 76%,transparent);border-radius:999px;animation:drift 7s ease-in-out infinite alternate}.preview-art:after{width:46%;aspect-ratio:1;right:10%;bottom:12%;border-radius:32% 68% 56% 44%;background:var(--preview-accent);filter:blur(1px);opacity:.9;transform:rotate(-18deg)}.preview-ring{width:54%;aspect-ratio:1;left:12%;top:14%;border:2px solid var(--color-cream-glow);border-radius:999px;opacity:.86}.preview-blob{width:22%;aspect-ratio:1;left:58%;top:18%;border-radius:50%;background:var(--color-cream-glow)}.preview-line{left:10%;right:10%;bottom:18%;height:2px;background:linear-gradient(90deg,transparent,var(--color-cream-glow),transparent);transform:rotate(-8deg)}.accent-green{--preview-accent: var(--color-pulse-green)}.accent-pink{--preview-accent: var(--color-candy-pink)}.accent-orange{--preview-accent: var(--color-ember-orange)}.accent-violet{--preview-accent: var(--color-electric-violet)}.accent-blue{--preview-accent: var(--color-signal-blue)}.accent-lime{--preview-accent: var(--color-lime-flash)}.archive-section{display:grid;gap:18px;padding:66px 0;border-top:1px solid var(--color-olive-stone)}.filter-bar{display:grid;gap:18px;margin:14px 0 12px;padding:24px 0;border-top:1px solid var(--color-olive-stone);border-bottom:1px solid var(--color-olive-stone)}.search-field{display:grid;gap:8px;max-width:540px;color:var(--color-ash-gray);font-size:14px}.search-field input{width:100%;border:1px solid var(--color-cream-glow);border-radius:100px;background:transparent;color:var(--color-cream-glow);padding:13px 18px}.search-field input::placeholder{color:var(--color-ash-gray)}.filter-group{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{max-width:100%;border:1px solid var(--color-olive-stone);border-radius:100px;background:transparent;color:var(--color-cream-glow);padding:9px 14px;cursor:pointer;line-height:1;transition:color .18s ease,border-color .18s ease,transform .18s ease,background .18s ease}.filter-pill:hover{border-color:var(--color-cream-glow);transform:translateY(-1px)}.filter-pill.active{border-color:var(--color-pulse-green);background:#0ae4481a;color:var(--color-pulse-green)}.filter-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--color-ash-gray)}.pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pattern-card{display:grid;gap:18px;min-width:0;border:1px solid var(--color-olive-stone);border-radius:8px;padding:14px;background:var(--color-void-black);transition:transform .18s ease,border-color .18s ease}.pattern-card:hover{transform:translateY(-4px);border-color:var(--preview-accent)}.pattern-card .preview-art{min-height:170px}.pattern-card-body{display:grid;gap:12px;min-width:0}.pattern-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--color-ash-gray);font-size:12px}.pattern-category,.pattern-card h3,.pattern-card p,.empty-state h3,.empty-state p{margin:0}.pattern-category{color:var(--preview-accent);font-weight:700}.pattern-card h3{overflow-wrap:anywhere;font-size:24px;line-height:1.1}.pattern-card p{color:var(--color-ash-gray);line-height:1.35}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.card-tags span{max-width:100%;border:1px solid var(--color-olive-stone);border-radius:100px;padding:5px 9px;color:var(--color-cream-glow);font-size:12px;overflow-wrap:anywhere}.empty-state{display:grid;gap:16px;border:1px solid var(--color-olive-stone);border-radius:8px;padding:32px}.empty-state h3{font-size:28px;line-height:1.08}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0e100fe0}.pattern-modal{position:relative;display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:26px;width:min(1080px,100%);max-height:min(840px,calc(100vh - 36px));overflow:auto;border:1px solid var(--color-cream-glow);border-radius:8px;background:var(--color-void-black);padding:18px}.modal-close{position:absolute;top:14px;right:14px;z-index:1;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--color-cream-glow);border-radius:100px;background:var(--color-void-black);color:var(--color-cream-glow);cursor:pointer;line-height:1}.modal-close:hover{border-color:var(--color-pulse-green);color:var(--color-pulse-green)}.modal-preview .preview-art{min-height:100%}.modal-content{display:grid;gap:18px;min-width:0;padding:24px 42px 24px 0}.modal-content h2,.modal-content h3,.modal-summary{margin:0}.modal-content h2{overflow-wrap:anywhere;font-size:52px;line-height:.98}.modal-summary,.detail-columns li,.muted-copy{color:var(--color-ash-gray);line-height:1.4}.detail-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.detail-list{min-width:0}.detail-columns ul{margin:10px 0 0;padding-left:18px}.detail-columns li+li{margin-top:6px}.snippet-tabs{display:grid;gap:10px;min-width:0}.snippet-tab-list{display:flex;flex-wrap:wrap;gap:8px}.snippet-tab-list button{border:1px solid var(--color-olive-stone);border-radius:100px;background:transparent;color:var(--color-cream-glow);padding:7px 11px;cursor:pointer}.snippet-tab-list button.active{border-color:var(--color-pulse-green);color:var(--color-pulse-green)}.code-block{max-height:260px;margin:0;overflow:auto;border:1px solid var(--color-olive-stone);border-radius:8px;padding:16px;color:var(--color-cream-glow);white-space:pre-wrap;overflow-wrap:anywhere}.footer-stats{display:grid;gap:22px;padding:42px 0 56px;border-top:1px solid var(--color-olive-stone)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--color-olive-stone);border-radius:8px}.stat-item{display:grid;gap:8px;min-width:0;padding:22px}.stat-item+.stat-item{border-left:1px solid var(--color-olive-stone)}.stat-item strong{color:var(--color-pulse-green);font-size:40px;line-height:1}.stat-item span{color:var(--color-ash-gray)}@keyframes drift{0%{transform:translate3d(-8px,8px,0) rotate(-6deg)}to{transform:translate3d(10px,-10px,0) rotate(8deg)}}@media(max-width:900px){.site-header{grid-template-columns:1fr}.hero-section{grid-template-columns:1fr;min-height:auto}h1{font-size:68px}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-modal,.detail-columns{grid-template-columns:1fr}.modal-preview .preview-art{min-height:260px}.modal-content{padding-right:0}.modal-content h2{font-size:36px}}@media(max-width:640px){.site-header,.hero-section,.archive-section,.footer-stats{width:min(100% - 24px,1280px)}h1{font-size:48px}h2{font-size:34px}.filter-meta{align-items:flex-start;flex-direction:column}.pattern-grid{grid-template-columns:1fr}.pill-button,.filter-pill{white-space:normal}.preview-art{min-height:260px}.stat-grid{grid-template-columns:1fr}.stat-item+.stat-item{border-top:1px solid var(--color-olive-stone);border-left:0}}@media(max-width:420px){.site-header,.hero-section,.archive-section,.footer-stats{width:min(100% - 20px,1280px)}.pill-button,.filter-pill{max-width:100%;white-space:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}