:root{--brand-blue: #2f62df;--accent-red: #ff0000;--bg: #ffffff;--fg: #222222;--card-bg: #ffffff;--card-border: rgba(47, 98, 223, .12);--muted: #777777;--shadow: 0 1px 2px rgba(0, 0, 0, .06)}html,body{margin:0;padding:0}html{overflow:scroll;overflow-x:hidden;scrollbar-width:none}body{color:var(--fg);background-color:var(--bg);background-image:linear-gradient(135deg,#31313112 0% 12.5%,#4c4c4c12 12.5% 25%,#66666612 25% 37.5%,#81818112 37.5% 50%,#9b9b9b12 50% 62.5%,#b6b6b612 62.5% 75%,#d0d0d012 75% 87.5%,#ebebeb12 87.5% 100%),linear-gradient(45deg,#05050512 0% 12.5%,#27272712 12.5% 25%,#49494912 25% 37.5%,#6b6b6b12 37.5% 50%,#8d8d8d12 50% 62.5%,#afafaf12 62.5% 75%,#d1d1d112 75% 87.5%,#f3f3f312 87.5% 100%);font:400 14px CoreSans,Helvetica Neue,Arial,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'><g fill-rule='evenodd' fill='%232f62df' fill-opacity='0.07'><path d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/></g></svg>");background-size:56px 98px;will-change:transform}::-webkit-scrollbar{width:0;background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-red)}a{color:var(--brand-blue);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:1280px;margin:0 auto;padding:16px 20px 80px}.header{display:flex;align-items:center;gap:16px;padding:8px 0 20px;border-bottom:1px solid var(--card-border);margin-bottom:24px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--fg);text-decoration:none}.brand:hover,.brand:focus-visible{text-decoration:none}.brand-mark{width:46px;height:46px;flex:none;overflow:visible;filter:drop-shadow(0 3px 8px rgba(47,98,223,.28))}.brand-ring,.brand-core{transform-box:fill-box;transform-origin:center}.brand-ring{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.brand-core{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.brand:hover .brand-ring,.brand:focus-visible .brand-ring{transform:rotate(60deg)}.brand:hover .brand-core,.brand:focus-visible .brand-core{transform:scale(1.22)}.brand-text{display:flex;flex-direction:column;gap:5px}.brand-word{font-size:24px;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--fg)}.brand-meme{margin-left:.24em;background:linear-gradient(120deg,#2f62df,#4a8eff 55%,#7b5cff);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);font:500 11px/1 Menlo,Monaco,monospace;letter-spacing:.06em}@media(max-width:440px){.tagline{display:none}.brand-mark{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.brand-ring,.brand-core{transition:none}}.header .right{margin-left:auto;display:flex;gap:12px;align-items:center}.progress-bar{background:#0000000a;height:3px;position:fixed;top:0;left:0;right:0;z-index:1000}.progress{height:3px;background:var(--brand-blue);width:0;transition:width .1s linear}.gallery:has(.gallery-column){display:flex;gap:16px;align-items:flex-start}.gallery-column{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px}@media(max-width:640px){.gallery:has(.gallery-column){gap:10px}.gallery-column{gap:10px}}@media(max-width:640px){.toolbar{margin:0 -20px 4px;padding:8px 12px}.toolbar .search{gap:8px}.toolbar .search-wrap{flex:1 1 100%}.toolbar .filter-pill{padding:8px 10px;font-size:12.5px}.toolbar .filter-pill:disabled{display:none}.toolbar .hex-btn{display:none}.order-seg button{padding:6px 10px;font-size:12.5px}.vibe{width:80px}.vibe-hex{width:62px;height:71px}.vibes-verse{display:none}.card-actions{top:6px;right:6px;gap:4px}.card-new{top:6px;left:6px;padding:2px 7px;font-size:9px}}.gallery:not(:has(.gallery-column)){display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;align-items:start}.gallery .card{display:block;width:100%}.card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,opacity .22s ease,filter .22s ease;animation:card-in .35s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--card-i, 0) * 14ms);content-visibility:auto;contain-intrinsic-size:auto 360px}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card[data-focused=true]{outline:3px solid var(--brand-blue);outline-offset:2px;box-shadow:0 0 0 6px #2f62df33,0 4px 16px #2f62df4d}.card[data-lit=true]{transform:scale(1.025);box-shadow:0 6px 22px #2f62df47,0 0 0 2px var(--brand-blue);animation:card-pulse 2.4s ease-in-out infinite}@keyframes card-pulse{0%,to{box-shadow:0 6px 22px #2f62df38,0 0 0 2px #2f62dfb3}50%{box-shadow:0 10px 28px #2f62df66,0 0 0 3px #2f62df}}.card[data-dim=true]{opacity:.18;filter:grayscale(.85) saturate(.7);transform:scale(.97);pointer-events:none}@media(prefers-reduced-motion:reduce){.card,.card[data-lit=true]{animation:none}}.match-count{margin:2px 0 14px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 0}.match-count strong{color:var(--brand-blue)}.load-sentinel{text-align:center;padding:48px 0;color:var(--muted);font-family:Menlo,Monaco,monospace;font-size:12px;letter-spacing:.25em;animation:load-pulse 1.6s ease-in-out infinite}@keyframes load-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.85;transform:translateY(-2px)}}.load-more{text-align:center;padding:40px 0 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.load-more-count{color:var(--muted);font-family:Menlo,Monaco,monospace;font-size:12px;letter-spacing:.1em;margin:0}.load-more-count strong{color:var(--brand-blue);font-weight:700}.hex-btn.verse-hex:before{background:linear-gradient(135deg,#2f62df,#8fb2ff)}.hex-btn.verse-hex:after{background:#0a1024}.hex-btn.verse-hex{color:#8fb2ff}.hex-btn.verse-hex:hover{color:#fff}.hex-btn.verse-hex .hex-btn-label{animation:verse-hex-pulse 3.2s ease-in-out infinite}@keyframes verse-hex-pulse{0%,to{filter:drop-shadow(0 0 0 rgba(74,142,255,0))}50%{filter:drop-shadow(0 0 5px rgba(120,170,255,.9))}}@media(prefers-reduced-motion:reduce){.hex-btn.verse-hex .hex-btn-label{animation:none}}.vibes{margin:0 0 6px}.vibes-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}.vibes-title{margin:0;font:700 11px Menlo,Monaco,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.vibes-title span{color:var(--brand-blue)}.vibes-verse{font-size:12.5px;font-weight:600;white-space:nowrap}.vibes-verse:hover{text-decoration:none;filter:brightness(1.2)}.vibes-rail{position:relative}.vibes-scroll{display:flex;gap:6px;overflow-x:auto;padding:6px 4px 10px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}.vibes-rail.at-start .vibes-scroll{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)}.vibes-rail.at-end .vibes-scroll{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 100%)}.vibes-scroll::-webkit-scrollbar{display:none}.vibe{flex:0 0 auto;width:92px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px 6px;border:0;border-radius:12px;background:transparent;color:var(--fg);font-family:inherit;cursor:pointer;scroll-snap-align:start}.vibe-hex{position:relative;width:72px;height:82px;display:grid;place-items:center;background:var(--card-border);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease,filter .2s ease}.vibe-hex img{width:calc(100% - 6px);height:calc(100% - 7px);object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--card-bg)}.vibe-all{color:var(--brand-blue);background:var(--card-border)}.vibe-all svg{width:calc(100% - 6px);height:calc(100% - 7px);padding:14px;box-sizing:border-box;background:var(--card-bg);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.vibe-tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 12px/1.2 Menlo,Monaco,monospace;color:var(--fg)}.vibe-n{font:500 10.5px/1 Menlo,Monaco,monospace;color:var(--muted);min-height:10px}.vibe:hover .vibe-hex{transform:translateY(-3px) scale(1.04);background:var(--brand-blue)}.vibe.on .vibe-hex{background:linear-gradient(135deg,#2f62df,#8fb2ff);filter:drop-shadow(0 4px 12px rgba(47,98,223,.45));transform:scale(1.06)}.vibe.on .vibe-tag{color:var(--brand-blue)}.vibe:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.vibes-arrow{position:absolute;top:34px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--card-border);background:var(--card-bg);color:var(--fg);font-size:22px;line-height:1;cursor:pointer;box-shadow:0 4px 14px #0000001f;opacity:0;transition:opacity .15s ease}.vibes-arrow.prev{left:-6px}.vibes-arrow.next{right:-6px}.vibes-rail:hover .vibes-arrow{opacity:1}.vibes-rail.at-start .vibes-arrow.prev,.vibes-rail.at-end .vibes-arrow.next{opacity:0;pointer-events:none}@media(hover:none){.vibes-arrow{display:none}}.toolbar-sentinel{height:0}.toolbar{position:sticky;top:0;z-index:40;margin:0 -20px 4px;padding:10px 20px;border-bottom:1px solid transparent;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.toolbar.is-stuck{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom-color:var(--card-border);box-shadow:0 8px 24px -16px #14286459}.toolbar .search{margin-bottom:0}.order-seg{display:inline-flex;padding:3px;gap:2px;border-radius:10px;background:var(--card-bg);border:1.5px solid var(--card-border)}.order-seg button{border:0;border-radius:7px;padding:7px 12px;background:transparent;color:var(--muted);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.order-seg button:hover{color:var(--brand-blue)}.order-seg button.on{background:var(--brand-blue);color:#fff;box-shadow:0 2px 8px #2f62df4d}.card img{display:block;width:100%;height:auto;background:#f4f4f4}.gallery:has(.gallery-column):not([data-cols="1"]) .card img{max-height:60vh;object-fit:cover;object-position:center top}.card-overlay{position:absolute;bottom:0;left:0;right:0;padding:34px 12px 10px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 55%,transparent 100%);color:#fff;opacity:0;transition:opacity .15s ease}.card-caption{display:flex;flex-direction:column;gap:2px;min-width:0}.card-title{font-size:13.5px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5)}.card-tags{font:600 11px Menlo,Monaco,monospace;color:#b9d0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-overlay-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-actions{position:absolute;top:10px;right:10px;z-index:3;display:flex;gap:6px}.card-actions .card-link{position:relative;top:auto;right:auto}.card-link-svg{width:17px;height:17px}.card-new{position:absolute;top:10px;left:10px;z-index:2;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#2f62df,#7b5cff);color:#fff;font:800 10px Menlo,Monaco,monospace;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 2px 10px #2f62df80;pointer-events:none}.card:hover .card-overlay,.card.focused .card-overlay{opacity:1}.card-link{position:absolute;top:10px;right:10px;width:36px;height:42px;background:#0009;border:none;padding:0;cursor:pointer;opacity:0;z-index:3;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:opacity .15s ease,transform .15s ease,background .15s ease;display:inline-flex;align-items:center;justify-content:center;color:#fff}.card-link-icon{font-size:16px;line-height:1;display:inline-flex}.card:hover .card-link,.card[data-focused] .card-link{opacity:1}.card-link:hover{background:#2f62dfe6;transform:scale(1.1)}.card-link:focus-visible{opacity:1;outline:none;filter:drop-shadow(0 0 3px rgba(47,98,223,.7))}.modal-overlay-top-right .card-link,.permalink-overlay-top-right .card-link{position:relative;top:auto;right:auto;opacity:1}.like-btn,.tag-btn{background:#fffffff2;border:none;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--fg);cursor:pointer;display:inline-flex;gap:4px;align-items:center;font-family:inherit}.like-btn:hover,.tag-btn:hover{background:#fff;transform:scale(1.08)}.like-btn.liked,.like-btn.liked .heart{color:var(--accent-red)}.reaction-row{display:inline-flex;gap:4px;align-items:center}.reaction-btn{background:#00000080;border:none;border-radius:999px;padding:4px 8px;color:#fff;cursor:pointer;display:inline-flex;gap:5px;align-items:center;font-family:inherit;font-size:13px;font-weight:700;line-height:1;transition:transform .12s ease,background .15s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);position:relative}.reaction-btn:hover{background:#000000b3;transform:scale(1.1)}.reaction-btn:active{transform:scale(.92)}.reaction-btn.liked{background:#2f62dfd9}.reaction-particle{position:absolute;top:-6px;left:50%;transform:translate(-50%);pointer-events:none;font-size:22px;line-height:1;z-index:3;animation:reaction-float .9s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));--drift: 0px}@keyframes reaction-float{0%{opacity:0;transform:translate(calc(-50% + (var(--drift) * 0)),4px) scale(.6)}15%{opacity:1;transform:translate(calc(-50% + (var(--drift) * .2)),-6px) scale(1.15)}to{opacity:0;transform:translate(calc(-50% + var(--drift)),-64px) scale(1.4)}}@media(prefers-reduced-motion:reduce){.reaction-particle{display:none}}.reaction-icon{font-size:16px;line-height:1;display:inline-flex;align-items:center}.reaction-count{font-variant-numeric:tabular-nums;font-size:11px;opacity:.9}.reaction-total{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;opacity:.85;background:#2f62df99;padding:2px 8px;border-radius:999px;font-weight:700}.search{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-wrap{flex:1 1 280px;position:relative;display:flex;align-items:center}.search-wrap .search-icon{position:absolute;left:14px;width:18px;height:18px;color:var(--muted);pointer-events:none;transition:color .15s ease}.search-wrap input{width:100%;padding:13px 16px 13px 42px;border:1.5px solid var(--card-border);border-radius:10px;font-size:15px;font-family:inherit;background:var(--card-bg);color:var(--fg);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.search-wrap input::placeholder{color:var(--muted)}.search-wrap input:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 4px #2f62df26}.search-wrap:focus-within .search-icon{color:var(--brand-blue)}.search-clear{position:absolute;right:10px;width:24px;height:24px;border:none;background:var(--card-border);color:var(--fg);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;padding:0}.search-clear:hover{background:var(--brand-blue);color:#fff}.search-wrap input[type=search]::-webkit-search-cancel-button,.search-wrap input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:10px;list-style:none;margin:0;padding:6px;z-index:200;max-height:320px;overflow-y:auto;box-shadow:0 12px 32px #0000001f}[data-theme=dark] .suggestions{box-shadow:0 12px 32px #00000080}.suggestion{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:transparent;border:none;border-radius:6px;font-family:inherit;font-size:14px;color:var(--fg);cursor:pointer;text-align:left;transition:background .1s ease}.suggestion:hover{background:#2f62df1a}.suggestion-tag{color:var(--brand-blue);font-weight:600}.suggestion-count{color:var(--muted);font-family:Menlo,Monaco,monospace;font-size:11px;background:#0000000a;padding:2px 8px;border-radius:999px}[data-theme=dark] .suggestion-count{background:#ffffff0f}.filter-pill{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;color:var(--fg);transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;font-family:inherit;white-space:nowrap}.filter-pill:hover{border-color:var(--brand-blue);color:var(--brand-blue)}.filter-pill.active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue);box-shadow:0 2px 8px #2f62df4d}.filter-pill:disabled{opacity:.4;cursor:not-allowed}.filter-pill .hex{font-size:10px;opacity:.7}.filter-pill.active .hex{opacity:1}.icon-btn{background:var(--card-bg);border:1.5px solid var(--card-border);width:44px;height:44px;border-radius:50%;cursor:pointer;color:var(--fg);font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.icon-btn:hover{border-color:var(--brand-blue);color:var(--brand-blue);transform:translateY(-1px)}.hex-btn{position:relative;width:40px;height:46px;background:transparent;border:none;cursor:pointer;color:var(--fg);font-size:14px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;font-family:inherit;transition:transform .15s ease;flex:none}.hex-btn:before{content:"";position:absolute;inset:0;background:var(--card-border);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:background .15s ease;z-index:0}.hex-btn:after{content:"";position:absolute;inset:1.5px;background:var(--card-bg);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:background .15s ease;z-index:0}.hex-btn-label{position:relative;z-index:2;line-height:1;pointer-events:none}.hex-btn:hover{transform:translateY(-1px)}.hex-btn:hover:before{background:var(--brand-blue)}.hex-btn:focus-visible{outline:none;filter:drop-shadow(0 0 3px rgba(47,98,223,.6))}.hex-btn:focus-visible:before{background:var(--brand-blue)}.modal-backdrop{position:fixed;inset:0;background:#000000bf;z-index:500;display:flex;align-items:center;justify-content:center;padding:24px}.modal-content{max-width:92vw;max-height:92vh;background:transparent;border:2px ridge var(--brand-blue);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;position:relative}.modal-content img{max-width:100%;max-height:78vh;display:block;object-fit:contain}.modal-img-wrap{position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#000;text-decoration:none}.modal-img-wrap:hover{text-decoration:none}.modal-img-wrap.loading:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,#2f62df0f,#2f62df0f 12px,#2f62df1f 12px 24px);pointer-events:none;animation:modal-shimmer 1.2s linear infinite}@keyframes modal-shimmer{0%{background-position:0 0}to{background-position:34px 0}}@media(prefers-reduced-motion:reduce){.modal-img-wrap.loading:after{animation:none}}.modal-overlay-top-left,.modal-overlay-top-right,.modal-overlay-bottom{position:absolute;z-index:2;display:flex;gap:8px;align-items:center;pointer-events:none}.modal-overlay-top-left>*,.modal-overlay-top-right>*,.modal-overlay-bottom>*{pointer-events:auto}.modal-overlay-top-left{top:12px;left:12px;flex-wrap:wrap;max-width:60%}.modal-overlay-top-right{top:12px;right:12px}.modal-overlay-bottom{bottom:12px;left:12px;right:12px;justify-content:space-between}.modal-position-pill{padding:4px 10px;background:#000000a6;color:#fff;border-radius:999px;font-family:Menlo,Monaco,monospace;font-size:12px;letter-spacing:.04em;backdrop-filter:blur(6px);display:flex;align-items:center;gap:4px}.modal-position-pill strong{color:#fff;font-weight:700}.modal-tag{color:#fff;font-weight:600;font-size:11px;padding:3px 9px;background:#2f62dfbf;border-radius:999px;backdrop-filter:blur(6px)}.modal-nav{position:fixed;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#00000080;color:#fff;font-size:32px;font-weight:300;line-height:1;cursor:pointer;z-index:510;transition:background .15s ease,transform .15s ease,opacity .15s ease;display:flex;align-items:center;justify-content:center;padding:0 0 4px}.modal-nav:hover{background:#2f62dfcc;border-color:#fff;transform:translateY(-50%) scale(1.05)}.modal-nav:disabled{opacity:.25;cursor:default;transform:translateY(-50%)}.modal-nav.prev{left:24px}.modal-nav.next{right:24px}@media(max-width:640px){.modal-nav{width:40px;height:40px;font-size:24px}.modal-nav.prev{left:8px}.modal-nav.next{right:8px}}.permalink{max-width:960px;margin:0 auto;text-align:center}.permalink-stage{position:relative;display:inline-block;max-width:100%;margin:0 auto;border-radius:12px;transform-style:preserve-3d;transform:perspective(1400px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .25s cubic-bezier(.2,.8,.2,1);will-change:transform}.permalink-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 50%),rgba(255,255,255,.22),transparent 55%);opacity:var(--shine-opacity, 0);transition:opacity .25s ease;pointer-events:none;mix-blend-mode:screen;border-radius:inherit;z-index:3}.permalink-img{display:block;max-width:100%;max-height:72vh;margin:0 auto;border-radius:12px;border:1px solid var(--card-border);background:#fff;box-shadow:0 20px 40px #0000001f;object-fit:contain;transform:translateZ(10px)}[data-theme=dark] .permalink-img{background:#1a1f2a;box-shadow:0 20px 40px #00000080}.permalink-overlay-top-right{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:4;transform:translateZ(40px)}.permalink-overlay-bottom{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:4;pointer-events:none;transform:translateZ(40px)}.permalink-overlay-bottom>*{pointer-events:auto}@media(prefers-reduced-motion:reduce){.permalink-stage{transform:none;transition:none}.permalink-stage:after{display:none}}.permalink-meta{margin-top:24px}.permalink-title{font-size:28px;font-weight:800;margin:0 0 12px;color:var(--fg);letter-spacing:-.02em;line-height:1.2}.permalink-description{color:var(--fg);opacity:.85;font-size:15px;line-height:1.5;max-width:640px;margin:0 auto 16px}.permalink-tags{margin:16px auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tag-chip{background:#2f62df1a;color:var(--brand-blue);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.01em;transition:all .15s ease;border:1px solid transparent}.tag-chip:hover{background:var(--brand-blue);color:#fff;text-decoration:none;transform:translateY(-1px)}.permalink-credit{color:var(--muted);font-size:13px;margin:12px 0 0}.permalink-credit a{color:var(--brand-blue)}.permalink-actions{display:flex;gap:10px;margin:24px 0 0;flex-wrap:wrap;justify-content:center}.permalink-nav{display:flex;gap:10px;margin:16px 0 0;flex-wrap:wrap;justify-content:center;padding-top:16px;border-top:1px solid var(--card-border)}.related-section{margin-top:56px}.related-heading{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin:0 0 16px;text-align:center}.related-section .gallery{text-align:left}.btn{background:var(--brand-blue);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:#2752c5;color:#fff;text-decoration:none}.btn.ghost{background:transparent;color:var(--brand-blue);border:1px solid var(--card-border)}.btn.ghost:hover{background:#2f62df0f;color:var(--brand-blue)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--brand-blue);color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;z-index:1001;box-shadow:0 4px 12px #0003;animation:toast-in .15s ease}.reactions-offline{position:fixed;bottom:24px;right:24px;background:#1e293be6;color:#ffffffd9;padding:8px 14px;border-radius:999px;font-size:11px;font-family:Menlo,Monaco,monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(239,68,68,.45);z-index:1001;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.shortcut-dialog{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:600}.shortcut-panel{background:#fff;border-radius:10px;padding:24px 28px;max-width:420px;width:100%}.shortcut-panel h3{margin:0 0 12px;color:var(--brand-blue)}.shortcut-panel dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}.shortcut-panel dt{font-family:Menlo,Monaco,monospace;background:#f4f4f4;padding:2px 8px;border-radius:4px;font-size:12px}.shortcut-panel dd{margin:0;color:var(--muted);font-size:13px}.footer{margin-top:48px;padding:24px 0;border-top:1px solid var(--card-border);color:var(--muted);font-size:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.footer>p{margin:0}.stats-strip{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;font-family:Menlo,Monaco,monospace;font-size:12px;letter-spacing:.04em}.stats-strip strong{color:var(--brand-blue);font-weight:700}.stats-strip .dot{color:var(--brand-blue);opacity:.5;font-size:10px}.map-page{max-width:1200px;margin:0 auto}.map-header{text-align:center;margin-bottom:24px}.map-title{font-size:48px;font-weight:900;letter-spacing:-1.5px;margin:0 0 8px}.map-sub{color:var(--muted);font-size:14px;margin:0}.map-footnote{text-align:center;margin-top:24px}.constellation{position:relative;width:100%;height:70vh;min-height:520px;border:1px solid var(--card-border);border-radius:16px;background:radial-gradient(ellipse at 50% 50%,rgba(47,98,223,.08) 0%,transparent 70%),var(--card-bg);overflow:hidden}.constellation-canvas{display:block;width:100%;height:100%;cursor:grab}.constellation-canvas:active{cursor:grabbing}.constellation-hover{position:absolute;top:16px;left:16px;padding:8px 14px;background:#0f172ae6;color:#fff;border-radius:999px;font-size:14px;font-weight:600;pointer-events:none;display:flex;align-items:center;gap:10px}.constellation-hover strong{color:#fff}.constellation-hover span{opacity:.75;font-weight:500;font-size:12px}.constellation-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:14px}.constellation-reset{position:absolute;top:16px;right:16px;padding:8px 14px;background:#0f172ad9;color:#ffffffe6;border:1px solid rgba(47,98,223,.45);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(6px);transition:border-color .15s ease,color .15s ease}.constellation-reset:hover{border-color:var(--brand-blue);color:#fff}.grid-hex{position:relative;width:100%;height:78vh;min-height:560px;border:1px solid var(--card-border);border-radius:16px;background:radial-gradient(ellipse at 50% 50%,rgba(47,98,223,.08) 0%,transparent 70%),var(--card-bg);overflow:hidden}.grid-hex-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.grid-hex-canvas:active{cursor:grabbing}.shuffle-overlay{position:fixed;inset:0;z-index:10000;background:#080c16f5;display:flex;align-items:center;justify-content:center;padding:24px;animation:shuffle-fade .2s ease-out}@keyframes shuffle-fade{0%{opacity:0}to{opacity:1}}.shuffle-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);background:#0f172abf;color:#ffffffe6;border-radius:999px;font-size:24px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);transition:border-color .15s ease}.shuffle-close:hover{border-color:var(--brand-blue)}.shuffle-stage{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:100%;max-height:100%;cursor:pointer}.shuffle-image{max-width:min(92vw,1100px);max-height:78vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080;animation:shuffle-in .25s cubic-bezier(.2,.8,.2,1)}@keyframes shuffle-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.shuffle-meta{display:flex;flex-direction:column;align-items:center;gap:6px;color:#ffffffe6}.shuffle-title{color:#fffffff2;font-size:18px;font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}.shuffle-title:hover{border-bottom-color:var(--brand-blue)}.shuffle-hint{margin:0;font-family:Menlo,Monaco,monospace;font-size:11px;letter-spacing:.08em;color:#ffffff80}.shuffle-preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.shuffle-loading{color:#ffffffb3;font-family:Menlo,Monaco,monospace;font-size:12px;letter-spacing:.08em}.weekly,.weekly-index{max-width:880px;margin:0 auto}.weekly-header{text-align:center;margin-bottom:40px}.weekly-eyebrow{font-family:Menlo,Monaco,monospace;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--brand-blue);margin:0 0 8px}.weekly-title{font-size:64px;font-weight:900;letter-spacing:-2px;margin:0 0 8px}.weekly-range{color:var(--muted);font-size:14px;margin:0}.weekly-empty{text-align:center;color:var(--muted);padding:40px 0}.weekly-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.weekly-row{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg);transition:transform .15s ease,border-color .15s ease}.weekly-row:hover{transform:translateY(-2px);border-color:var(--brand-blue)}.weekly-rank{font-family:Menlo,Monaco,monospace;font-size:20px;font-weight:700;color:var(--brand-blue);min-width:36px}.weekly-thumb{display:block;flex-shrink:0}.weekly-thumb img{width:120px;height:120px;object-fit:cover;border-radius:8px;background:#f4f4f4}.weekly-meta{flex:1;min-width:0}.weekly-meme-title{display:block;font-weight:700;font-size:18px;color:var(--fg);text-decoration:none;margin-bottom:4px}.weekly-meme-title:hover{color:var(--brand-blue)}.weekly-tags{margin:0 0 8px;color:var(--muted);font-size:13px}.weekly-counts{display:flex;gap:12px;flex-wrap:wrap;margin:0;font-size:13px;color:var(--muted);font-family:Menlo,Monaco,monospace}.weekly-counts strong{color:var(--brand-blue);margin-left:auto}.weekly-nav{display:flex;gap:12px;justify-content:center;margin-top:32px}.weekly-index-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.weekly-index-list a{display:flex;align-items:center;gap:20px;padding:16px 20px;border:1px solid var(--card-border);border-radius:10px;background:var(--card-bg);text-decoration:none;color:var(--fg);font-family:Menlo,Monaco,monospace;transition:border-color .15s ease,transform .15s ease}.weekly-index-list a:hover{border-color:var(--brand-blue);transform:translate(4px)}.weekly-index-list strong{color:var(--brand-blue);font-size:16px}.weekly-index-total{margin-left:auto;color:var(--muted);font-size:12px}.contribute{max-width:880px;margin:0 auto}.contribute-header{text-align:center;margin-bottom:48px}.contribute-eyebrow{font-family:Menlo,Monaco,monospace;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--brand-blue);margin:0 0 8px}.contribute-title{font-size:64px;font-weight:900;letter-spacing:-2px;margin:0 0 12px;line-height:1.05}.contribute-sub{color:var(--muted);font-size:15px;max-width:560px;margin:0 auto;line-height:1.55}.contribute-section{margin:0 0 40px}.contribute-section-eyebrow{font-family:Menlo,Monaco,monospace;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--brand-blue);margin:0 0 14px}.contribute-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.contribute-step{display:flex;align-items:flex-start;gap:16px;padding:16px 18px;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg);transition:transform .15s ease,border-color .15s ease}.contribute-step:hover{transform:translateY(-2px);border-color:var(--brand-blue)}.contribute-step-rank{font-family:Menlo,Monaco,monospace;font-size:18px;font-weight:700;color:var(--brand-blue);min-width:36px;flex-shrink:0;padding-top:2px}.contribute-step-body{flex:1;min-width:0}.contribute-step-title{display:block;font-weight:700;font-size:16px;color:var(--fg);text-decoration:none;margin-bottom:4px}a.contribute-step-title:hover{color:var(--brand-blue);text-decoration:none}.contribute-step-text{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.contribute-code{background:#f4f6fb;border:1px solid var(--card-border);border-radius:12px;padding:18px 20px;overflow:auto;font-family:Menlo,Monaco,monospace;font-size:13px;line-height:1.75;margin:0;color:#2b3447}[data-theme=dark] .contribute-code{background:#0f141c;color:#cfd6e3}.contribute-code .tok-comment{color:#7b8699;font-style:italic}[data-theme=dark] .contribute-code .tok-comment{color:#6d7a8c}.contribute-code .tok-key{color:var(--brand-blue)}.contribute-code .tok-string{color:#b34a00}[data-theme=dark] .contribute-code .tok-string{color:#ffa963}.contribute-code .tok-bool{color:#8a2dd4}[data-theme=dark] .contribute-code .tok-bool{color:#c797ff}.contribute-rules{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:640px){.contribute-rules{grid-template-columns:1fr 1fr}}.contribute-rules li{position:relative;padding:12px 14px 12px 38px;border:1px solid var(--card-border);border-radius:10px;background:var(--card-bg);font-size:13px;line-height:1.5;color:var(--fg)}.contribute-rules li:before{content:"⬢";position:absolute;left:14px;top:12px;color:var(--brand-blue);font-size:12px}.contribute-fullguide{text-align:center;font-family:Menlo,Monaco,monospace;font-size:13px;color:var(--muted);margin:24px 0 16px}.contribute-fullguide a{color:var(--brand-blue)}.contribute-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}@media(max-width:600px){.contribute-title{font-size:44px;letter-spacing:-1.5px}.contribute-header{margin-bottom:36px}}.footer .kin{opacity:.55;font-size:11px;letter-spacing:.05em}.footer .kin a{color:var(--muted)}.footer .kin a:hover{color:var(--brand-blue)}.hex-scroll{position:fixed;width:33px;height:19.05px;background-color:var(--brand-blue);margin:9.53px 0;right:-40px;bottom:18px;cursor:pointer;transition:right .5s ease,transform .2s ease;z-index:900;border:none;padding:0}.hex-scroll:hover{transform:translateY(-2px)}.hex-scroll:before,.hex-scroll:after{content:"";position:absolute;width:0;left:0;border-left:16.5px solid transparent;border-right:16.5px solid transparent}.hex-scroll:before{bottom:100%;border-bottom:9.53px solid var(--brand-blue)}.hex-scroll:after{top:100%;border-top:9.53px solid var(--brand-blue)}.hex-scroll.toggled{right:18px}.hex-scroll .arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:800;color:#fff;line-height:1;pointer-events:none}[data-theme=dark]{--bg: #0c0f14;--fg: #e8eaed;--card-bg: #161b23;--card-border: rgba(47, 98, 223, .3);--muted: #8892a0;--shadow: 0 1px 2px rgba(0, 0, 0, .3)}[data-theme=dark] body{background-color:#0c0f14;background-image:radial-gradient(ellipse at top,rgba(47,98,223,.08) 0%,transparent 60%)}[data-theme=dark] body:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'><g fill-rule='evenodd' fill='%234a8eff' fill-opacity='0.09'><path d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/></g></svg>")}[data-theme=dark] .card img{background:#1a1f2a}[data-theme=dark] .modal-content{background:#161b23}[data-theme=dark] .shortcut-panel{background:#161b23;color:var(--fg)}[data-theme=dark] .shortcut-panel dt{background:#0c0f14;color:var(--fg)}[data-theme=dark] .search input,[data-theme=dark] .filter-pill{background:#161b23;color:var(--fg)}[data-theme=dark] .like-btn,[data-theme=dark] .tag-btn{background:#161b23f2;color:var(--fg)}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}
