:root{--jx-accent: #ccff00;--jx-accent-dim: #b6e600}:root[data-theme=light],:root:not([data-theme]){--jx-bg: #fafafa;--jx-bg-alt: #f4f4f5;--jx-surface: #ffffff;--jx-text: #000000;--jx-muted: #52525b;--jx-line: #000000;--jx-line-soft: #d4d4d8;--jx-shadow-color: #000000}:root[data-theme=dark]{--jx-bg: #000000;--jx-bg-alt: #0a0a0a;--jx-surface: #0a0a0a;--jx-text: #fafafa;--jx-muted: #a1a1aa;--jx-line: #ffffff;--jx-line-soft: #27272a;--jx-shadow-color: #ffffff}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{margin:0;min-height:100vh;font-family:Instrument Sans,system-ui,sans-serif;background:var(--jx-bg);color:var(--jx-text);line-height:1.45;-webkit-font-smoothing:antialiased;background-image:linear-gradient(var(--jx-line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--jx-line-soft) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}#root{min-height:100vh}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.eyebrow{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.24em;color:var(--jx-muted)}.jx-shell{min-height:100vh;display:flex;flex-direction:column}.jx-hero{position:relative;background:var(--jx-bg);border-bottom:2px solid var(--jx-line)}.jx-sticky-sentinel{position:absolute;bottom:0;left:0;height:1px;width:100%;pointer-events:none}.jx-stickybar{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--jx-bg);border-bottom:2px solid var(--jx-line);transform:translateY(-100%);transition:transform .18s ease;will-change:transform}.jx-stickybar[data-visible=true]{transform:translateY(0)}.jx-stickybar-inner{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:.6rem;padding:.55rem 1.5rem}.jx-stickybar .jx-search-wrap{flex:1;min-width:0}.jx-cat-trigger{cursor:pointer;border:2px solid var(--jx-line);background:var(--jx-surface);color:var(--jx-text);font-family:IBM Plex Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:.45rem .7rem;display:inline-flex;align-items:center;gap:.45rem;box-shadow:2px 2px 0 0 var(--jx-shadow-color);white-space:nowrap;max-width:240px;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.jx-cat-trigger:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--jx-shadow-color)}.jx-cat-trigger[aria-expanded=true]{background:var(--jx-accent);color:#000}.jx-cat-trigger-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jx-cat-trigger-arrow{font-size:.72rem;opacity:.75}.jx-cat-menu{position:absolute;top:100%;left:0;right:0;background:var(--jx-bg);border-bottom:2px solid var(--jx-line);max-height:70vh;overflow-y:auto;box-shadow:0 6px 0 0 var(--jx-shadow-color)}.jx-cat-menu-inner{max-width:1200px;margin:0 auto;padding:.85rem 1.5rem 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.45rem}.jx-cat-item{cursor:pointer;border:2px solid var(--jx-line);background:var(--jx-surface);color:var(--jx-text);font-family:IBM Plex Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:.42rem .6rem;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;box-shadow:2px 2px 0 0 var(--jx-shadow-color);text-align:left;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.jx-cat-item:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--jx-shadow-color)}.jx-cat-item[data-active=true]{background:var(--jx-accent);color:#000}.jx-cat-item>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jx-logo--sm{font-size:.62rem;letter-spacing:.22em;padding:.28rem .5rem}.jx-inner{width:100%;max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem 1.5rem}.jx-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.jx-brand{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.jx-brand-left{min-width:0}.jx-logo{display:inline-flex;align-items:center;gap:.5rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;background:var(--jx-line);color:var(--jx-bg);padding:.35rem .6rem;border:2px solid var(--jx-line)}.jx-logo-dot{display:inline-block;width:.5rem;height:.5rem;background:var(--jx-accent)}.jx-title{margin:.75rem 0 0;font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:700;letter-spacing:-.025em;line-height:1.05}.jx-title mark{background:var(--jx-accent);color:var(--jx-text);padding:0 .25rem}.jx-tagline{margin:.65rem 0 0;max-width:60ch;font-size:.95rem;color:var(--jx-muted)}.jx-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin:1rem 0 .4rem}.jx-section-head .eyebrow{display:inline-flex;align-items:center;gap:.45rem}.jx-section-head .eyebrow:before{content:"//";color:var(--jx-accent-dim);font-weight:700}.jx-search-wrap{position:relative}.jx-search-wrap svg{position:absolute;left:.85rem;top:50%;translate:0 -50%;width:1.05rem;height:1.05rem;color:var(--jx-muted);pointer-events:none}.jx-search{width:100%;padding:.85rem .9rem .85rem 2.5rem;font:inherit;font-size:1rem;border:2px solid var(--jx-line);border-radius:0;background:var(--jx-surface);color:var(--jx-text);outline:none;box-shadow:4px 4px 0 0 var(--jx-shadow-color);transition:box-shadow .12s ease,transform .12s ease}.jx-search::placeholder{color:var(--jx-muted)}.jx-search:focus{box-shadow:4px 4px 0 0 var(--jx-accent)}.jx-search--sm{padding:.5rem .7rem .5rem 2.2rem;font-size:.9rem;box-shadow:2px 2px 0 0 var(--jx-shadow-color)}.jx-search--sm:focus{box-shadow:2px 2px 0 0 var(--jx-accent)}.jx-search-wrap--sm svg{left:.7rem;width:.95rem;height:.95rem}.jx-hint{margin-top:.55rem;font-size:.7rem;color:var(--jx-muted);text-transform:uppercase;letter-spacing:.16em}.jx-hint kbd{font-family:IBM Plex Mono,monospace;font-size:.65rem;padding:.12rem .4rem;border:2px solid var(--jx-line);background:var(--jx-bg);color:var(--jx-text);box-shadow:2px 2px 0 0 var(--jx-shadow-color);margin:0 .15rem}.jx-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}.jx-tab{cursor:pointer;border:2px solid var(--jx-line);background:var(--jx-surface);color:var(--jx-text);font:inherit;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;padding:.45rem .7rem;border-radius:0;box-shadow:2px 2px 0 0 var(--jx-shadow-color);transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.jx-tab:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--jx-shadow-color)}.jx-tab:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--jx-shadow-color)}.jx-tab[data-active=true]{background:var(--jx-accent);color:#000;border-color:var(--jx-line);box-shadow:2px 2px 0 0 var(--jx-shadow-color)}.jx-tab--my[data-active=false],.jx-tab--my:not([data-active]){background:var(--jx-bg);color:var(--jx-text);border-style:dashed}.jx-tab--my[data-active=true]{background:var(--jx-line);color:var(--jx-bg)}.jx-tab-count{margin-left:.4rem;opacity:.6}.jx-my-toggle{cursor:pointer;border:2px solid var(--jx-line);background:var(--jx-surface);color:var(--jx-text);font-family:IBM Plex Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:.4rem .6rem;box-shadow:2px 2px 0 0 var(--jx-shadow-color);white-space:nowrap;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.jx-my-toggle:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--jx-shadow-color)}.jx-my-toggle[data-active=true]{background:var(--jx-line);color:var(--jx-bg)}.jx-results-bar{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;border-top:2px solid var(--jx-line);border-bottom:2px solid var(--jx-line);padding:.55rem .1rem;margin-bottom:1.25rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--jx-muted)}.jx-results-bar strong{color:var(--jx-text);font-weight:700}.jx-results-bar .jx-bar-accent{background:var(--jx-accent);color:#000;padding:.05rem .4rem}.jx-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.jx-section{margin-top:2rem;scroll-margin-top:88px}.jx-section:first-of-type{margin-top:0}.jx-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin:0 0 .85rem;padding-bottom:.45rem;border-bottom:2px solid var(--jx-line);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.95rem;font-weight:700;letter-spacing:.04em}.jx-section-title .jx-section-tag{color:var(--jx-accent-dim);margin-right:.4rem}.jx-section-title .jx-section-count{font-size:.65rem;letter-spacing:.2em;color:var(--jx-muted);font-weight:500}.jx-card{position:relative;display:flex;gap:.85rem;padding:.95rem 1rem;border:2px solid var(--jx-line);border-radius:0;background:var(--jx-surface);text-decoration:none;color:inherit;box-shadow:4px 4px 0 0 var(--jx-shadow-color);transition:transform .12s ease,box-shadow .12s ease}.jx-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--jx-accent)}.jx-card:active{transform:translate(1px,1px);box-shadow:2px 2px 0 0 var(--jx-shadow-color)}.jx-card:focus-visible{outline:0;box-shadow:6px 6px 0 0 var(--jx-accent),0 0 0 4px var(--jx-accent) inset}.jx-avatar{flex-shrink:0;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;font-family:IBM Plex Mono,monospace;background:var(--jx-line);color:var(--jx-bg);border:2px solid var(--jx-line)}.jx-card-body{min-width:0;flex:1}.jx-card-title{margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jx-card-meta{margin-top:.2rem;font-size:.6rem;color:var(--jx-muted);text-transform:uppercase;letter-spacing:.18em}.jx-card-desc{margin:.45rem 0 0;font-size:.78rem;color:var(--jx-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jx-index{position:absolute;top:-2px;left:-2px;font-family:IBM Plex Mono,monospace;font-size:.62rem;background:var(--jx-accent);color:#000;padding:.12rem .4rem;border:2px solid var(--jx-line);letter-spacing:.06em}.jx-fav{position:absolute;top:-2px;right:-2px;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.6rem;font-weight:700;letter-spacing:.14em;padding:.18rem .46rem;border:2px solid var(--jx-line);background:var(--jx-surface);color:var(--jx-muted);border-radius:0;z-index:2;opacity:.35;transition:opacity .12s ease,transform .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease}.jx-card:hover .jx-fav,.jx-fav:focus-visible{opacity:1}.jx-fav:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 0 var(--jx-shadow-color)}.jx-fav[data-status=using]{background:var(--jx-accent);color:#000;opacity:1}.jx-fav[data-status=wish]{background:var(--jx-line);color:var(--jx-bg);opacity:1}.jx-fav[data-status=using]:before{content:"■ "}.jx-fav[data-status=wish]:before{content:"○ "}.jx-fav[data-status=none]:before{content:"+ ";opacity:.7}.jx-icon-btn{cursor:pointer;border:2px solid var(--jx-line);background:var(--jx-surface);color:var(--jx-text);width:2.4rem;height:2.4rem;border-radius:0;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-family:IBM Plex Mono,monospace;box-shadow:3px 3px 0 0 var(--jx-shadow-color);transition:transform .1s ease,box-shadow .1s ease}.jx-icon-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 0 var(--jx-accent)}.jx-icon-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--jx-shadow-color)}.jx-icon-btn--sm{width:2rem;height:2rem;font-size:.85rem;box-shadow:2px 2px 0 0 var(--jx-shadow-color)}.jx-empty{text-align:center;padding:3rem 1rem;color:var(--jx-muted);font-family:IBM Plex Mono,monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.16em}.jx-empty mark{background:var(--jx-accent);color:#000;padding:0 .25rem}.jx-error{max-width:48ch;margin:2rem auto;padding:1rem 1.1rem;border:2px solid var(--jx-line);background:var(--jx-surface);box-shadow:4px 4px 0 0 var(--jx-accent);font-size:.85rem}.jx-error strong{font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.16em}.jx-footer{margin-top:auto;padding:1.5rem;text-align:center;font-family:IBM Plex Mono,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--jx-muted);border-top:2px solid var(--jx-line);background:var(--jx-bg)}.jx-footer code{font-family:IBM Plex Mono,monospace;background:var(--jx-bg-alt);border:1px solid var(--jx-line-soft);padding:0 .3rem;font-size:.62rem}@media(max-width:640px){.jx-stickybar-inner{gap:.4rem;padding:.5rem 1rem}.jx-logo--sm{display:none}.jx-cat-trigger{max-width:150px;padding:.4rem .55rem}.jx-cat-trigger-label{max-width:90px}.jx-my-toggle{padding:.4rem .5rem;font-size:.65rem}}@media(max-width:540px){.jx-inner{padding:1rem 1rem 1.25rem}.jx-main{padding:1rem 1rem 3rem}.jx-grid{grid-template-columns:1fr}.jx-cat-menu-inner{grid-template-columns:1fr 1fr;padding:.75rem 1rem .9rem}body{background-size:24px 24px}}