:root{--ink:#12110f;--ink-2:#1a1815;--ink-3:#221f1a;--paper:#ece6da;--paper-dim:#a39c8e;--paper-faint:#6f695e;--zhu:#d2493a;--hu:#e0a356;--qing:#5aa89f;--cat:#4d8fd0;--grn:#5fae6e;--amb:#e0a356;--red:#d2493a;--line:hsla(40,32%,89%,.1);--line-2:hsla(40,32%,89%,.16);--serif:"Noto Serif SC",serif;--sans:"Noto Sans SC",sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:300;line-height:1.8;-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 85% -10%,rgba(77,143,208,.1),transparent 60%),radial-gradient(90% 70% at 5% 110%,rgba(95,174,110,.06),transparent 60%)}::selection{background:var(--cat);color:#fff}a{color:inherit;text-decoration:none}.wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 28px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-faint)}.topbar .brand{font-family:var(--serif);font-weight:900;font-size:1.1rem;letter-spacing:0;color:var(--paper);text-transform:none}.topbar .brand b{color:var(--grn)}.topbar nav{display:flex;gap:22px;align-items:center}.topbar nav a{transition:.2s}.topbar nav a:hover{color:var(--cat)}.langsw{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--ink-3);border-radius:999px;background:var(--ink-2)}.langsw-opt{font-size:.74rem;font-weight:500;padding:3px 9px;border-radius:999px;color:var(--paper-faint);line-height:1.4;white-space:nowrap}.langsw-opt:hover{color:var(--paper)}.langsw-opt.on{background:var(--zhu);color:#fff}.langsw-opt.on:hover{color:#fff}@media (max-width:640px){.topbar nav{gap:12px}.langsw-opt{padding:3px 7px;font-size:.7rem}}.hero{padding:56px 0 30px}.eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cat);margin-bottom:20px;display:flex;align-items:center;gap:14px}.eyebrow:after{content:"";flex:1 1;height:1px;background:var(--line)}.htitle{font-family:var(--serif);font-weight:900;font-size:clamp(2rem,5.4vw,3.6rem);line-height:1.08;letter-spacing:-.01em}.htitle .em{color:var(--grn)}.lede{font-family:var(--serif);font-weight:500;font-size:clamp(1rem,2.1vw,1.24rem);line-height:1.7;color:var(--paper-dim);max-width:56ch;margin-top:20px}.lede b{color:var(--hu);font-weight:700}.searchbar{display:flex;gap:12px;margin:30px 0 8px;flex-wrap:wrap}.searchbar input{flex:1 1;min-width:240px;background:var(--ink-2);border:1px solid var(--line-2);border-radius:8px;color:var(--paper);font-family:var(--sans);font-size:1rem;padding:15px 18px;outline:none;transition:.2s}.searchbar input:focus{border-color:var(--cat);background:var(--ink-3)}.searchbar input::placeholder{color:var(--paper-faint)}.filters{gap:22px;margin:18px 0 6px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filter-grp,.filters{display:flex;flex-wrap:wrap}.filter-grp{align-items:center;gap:9px}.filter-grp .lbl{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-faint);margin-right:2px}.chip{font-family:var(--sans);font-size:.82rem;font-weight:400;color:var(--paper-dim);background:var(--ink-2);border:1px solid var(--line-2);border-radius:999px;padding:6px 14px;cursor:pointer;transition:.18s;white-space:nowrap}.chip:hover{border-color:var(--paper-faint);color:var(--paper)}.chip.on{background:var(--accent,var(--cat));border-color:var(--accent,var(--cat));color:var(--ink);font-weight:500}.chip .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.result-meta{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--paper-faint);margin:24px 0 16px;text-transform:uppercase}.result-meta b{color:var(--paper-dim)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:18px;gap:18px;margin-bottom:40px}.card{background:var(--ink-2);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.22s;display:flex;flex-direction:column}.card:hover{border-color:var(--line-2);background:var(--ink-3);transform:translateY(-3px)}.card-preview{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:30px;color:var(--paper);background:radial-gradient(circle at 50% 40%,hsla(40,32%,89%,.03),transparent 70%);border-bottom:1px solid var(--line)}.card-preview svg{width:100%;height:100%;max-width:110px;max-height:110px}.card-preview .mask{display:block;width:100%;height:100%;max-width:96px;max-height:96px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.card-preview .card-img{width:100%;height:100%;max-width:132px;max-height:132px;object-fit:contain}.card-preview.light{background:linear-gradient(155deg,#f4eede,#e6dcc6);padding:14px}.card-preview.light .card-img{max-width:100%;max-height:100%;filter:drop-shadow(0 6px 14px rgba(18,17,15,.18))}.card-preview.empty{color:var(--paper-faint);font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;flex-direction:column;gap:8px;text-align:center}.card-preview.empty .ext{font-size:1.6rem}.card-foot{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.card-name{font-family:var(--serif);font-weight:700;font-size:1rem;line-height:1.3}.card-name small{display:block;font-family:var(--sans);font-weight:300;font-size:.74rem;color:var(--paper-faint);margin-top:1px}.card-tags{display:flex;gap:6px;flex-wrap:wrap}.badge,.card-tags{align-items:center}.badge{display:inline-flex;gap:5px;font-family:var(--mono);font-size:.6rem;letter-spacing:.04em;padding:3px 9px;border-radius:4px;white-space:nowrap}.badge .dot{width:7px;height:7px;border-radius:50%}.badge.green{background:rgba(95,174,110,.14);color:var(--grn)}.badge.green .dot{background:var(--grn)}.badge.amber{background:rgba(224,163,86,.14);color:var(--amb)}.badge.amber .dot{background:var(--amb)}.badge.red{background:rgba(210,73,58,.14);color:var(--red)}.badge.red .dot{background:var(--red)}.badge .lic,.tag{color:var(--paper-faint)}.tag{font-family:var(--mono);font-size:.62rem;background:hsla(40,32%,89%,.04);border-radius:3px;padding:2px 7px}.detail{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:40px;gap:40px;padding:40px 0;align-items:start}.stage{position:-webkit-sticky;position:sticky;top:24px;background:var(--ink-2);border:1px solid var(--line-2);border-radius:14px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:60px;background-image:linear-gradient(hsla(40,32%,89%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(40,32%,89%,.04) 1px,transparent 0);background-size:26px 26px}.stage svg{width:100%;height:100%;max-width:260px;max-height:260px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}.stage.light{background-color:#f4eede;background-image:linear-gradient(155deg,#f4eede,#e6dcc6);background-size:cover}.stage.light svg{filter:drop-shadow(0 10px 22px rgba(18,17,15,.2))}.stage.empty{flex-direction:column;gap:14px;color:var(--paper-faint);text-align:center}.stage.empty .big{font-size:3rem}.detail-info h1{font-family:var(--serif);font-weight:900;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.1}.detail-info .sub{color:var(--paper-faint);font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;margin-top:8px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.lic-box{border:1px solid var(--line-2);border-radius:10px;background:var(--ink-2);padding:18px 20px;margin:20px 0}.lic-box.green{border-color:rgba(95,174,110,.32);background:rgba(95,174,110,.05)}.lic-box.amber{border-color:rgba(224,163,86,.3);background:rgba(224,163,86,.05)}.lic-box.red{border-color:rgba(210,73,58,.32);background:rgba(210,73,58,.05)}.lic-box .lt{display:flex;align-items:center;gap:10px;margin-bottom:10px}.lic-box .lt b{font-family:var(--serif);font-weight:700;font-size:1.02rem}.lic-box p{font-size:.88rem;color:var(--paper-dim);line-height:1.65}.lic-box .meta{margin-top:12px;font-family:var(--mono);font-size:.68rem;color:var(--paper-faint);display:flex;flex-wrap:wrap;gap:14px}.lic-box .meta a{color:var(--qing);border-bottom:1px solid rgba(90,168,159,.35)}.lic-box .meta a:hover{color:var(--hu)}.recolor{margin:24px 0}.recolor .label{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-faint);margin-bottom:12px}.swatches{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:.15s;outline:none}.swatch:hover{transform:scale(1.12)}.swatch.on{border-color:var(--paper);box-shadow:0 0 0 2px var(--ink)}.swatch.pick{position:relative;overflow:hidden;background:conic-gradient(red,#ff0,lime,aqua,blue,#f0f,red);border-color:var(--line-2)}.swatch.pick input{position:absolute;inset:-6px;opacity:0;cursor:pointer}.recolor-off{font-size:.8rem;color:var(--paper-faint);font-style:italic}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 8px}.btn{font-family:var(--sans);font-size:.86rem;font-weight:500;border:1px solid var(--line-2);background:var(--ink-2);color:var(--paper);border-radius:8px;padding:11px 18px;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;gap:7px}.btn:hover{border-color:var(--paper-faint);background:var(--ink-3)}.btn.primary{background:var(--grn);border-color:var(--grn);color:var(--ink);font-weight:700}.btn.primary:hover{filter:brightness(1.08)}.btn.ext{background:var(--cat);border-color:var(--cat);color:#fff;font-weight:600}.btn:disabled{opacity:.4;cursor:not-allowed}.copied{font-size:.72rem;color:var(--grn);align-self:center}.backlink,.copied{font-family:var(--mono)}.backlink{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;color:var(--paper-faint);margin:28px 0 0;transition:.2s}.backlink:hover{color:var(--cat)}.prose{padding:40px 0 30px;max-width:72ch}.prose .eyebrow{margin-bottom:18px}.prose h1{font-weight:900;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;margin-bottom:8px}.prose h1,.prose h2{font-family:var(--serif)}.prose h2{font-weight:700;font-size:1.3rem;margin:36px 0 12px;color:var(--paper)}.prose p{color:var(--paper-dim);margin:12px 0;font-size:.96rem}.prose ul{margin:12px 0 12px 4px;padding:0;list-style:none}.prose li{color:var(--paper-dim);font-size:.94rem;padding:6px 0 6px 22px;position:relative}.prose li:before{content:"—";position:absolute;left:0;color:var(--cat);font-family:var(--mono)}.prose b{color:var(--paper);font-weight:500}.prose a{color:var(--qing);border-bottom:1px solid rgba(90,168,159,.35)}.prose a:hover{color:var(--hu)}.prose code{font-family:var(--mono);font-size:.84em;color:var(--cat);background:rgba(77,143,208,.08);padding:1px 5px;border-radius:3px}.lic-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px;margin:20px 0}.lic-card{border:1px solid var(--line-2);border-radius:10px;background:var(--ink-2);padding:20px}.lic-card h3{font-family:var(--serif);font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:9px;margin-bottom:10px}.lic-card p{font-size:.88rem;color:var(--paper-dim);line-height:1.6}footer{border-top:1px solid var(--line);padding:30px 0 60px;margin-top:40px;font-family:var(--mono);font-size:.7rem;color:var(--paper-faint);letter-spacing:.05em;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;line-height:1.8}footer b{color:var(--paper-dim)}footer .links{display:flex;gap:18px;flex-wrap:wrap}footer a:hover{color:var(--cat)}@media (max-width:860px){.detail{grid-template-columns:1fr}.stage{position:static}}@media (max-width:720px){.wrap{padding:0 18px}.filters{gap:14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}