:root{color-scheme:dark;--bg:#101211;--panel:#191c1a;--line:#2c302d;--muted:#939b94;--green:#cbfa79}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#f0f2ed;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;gap:65px}.brand{display:flex;align-items:center;font-size:20px;font-weight:750;gap:10px;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--green);color:#182016;font-size:34px;line-height:1;border-radius:9px}.brand small{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:500;padding-left:4px}nav{display:flex;gap:30px;height:100%}.nav{border:0;background:none;color:var(--muted);position:relative;padding:0 4px}.nav.active{color:var(--green)}.nav.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--green)}#savedCount{font-size:11px;background:#2a3028;border-radius:5px;padding:3px 6px;margin-left:5px}.header-note{margin-left:auto;color:var(--muted);font-size:12px}.header-note i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px}main{max-width:1320px;margin:auto;padding:0 5%}.hero{min-height:480px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--muted)}h1{font-size:58px;line-height:1.24;letter-spacing:-2px;margin:24px 0 18px;font-weight:750}h1 span{color:var(--green)}.hero p{font-size:15px;line-height:1.9;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin:25px 0}.primary{background:var(--green);border:1px solid var(--green);color:#17200d;font-weight:600;padding:13px 22px;border-radius:7px;display:inline-flex;align-items:center;gap:30px}.hero-actions button{background:#1e221e;border:1px solid #3a4036;border-radius:7px;padding:13px 22px}.hero-meta{color:var(--muted);font-size:11px;display:flex;gap:12px;align-items:center}.hero-meta b{color:#e5e9e1;font:14px monospace}.hero-meta span{color:#495045;margin:0 5px}.radar-art{height:410px;position:relative;isolation:isolate;background-image:radial-gradient(#58614455 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent)}.orbit{position:absolute;top:50%;left:50%;border:1px solid #46543970;border-radius:50%;transform:translate(-50%,-50%)}.o1{width:340px;height:340px}.o2{width:250px;height:250px}.o3{width:150px;height:150px}.cross{position:absolute;top:50%;left:50%;background:#36432d80}.c1{width:390px;height:1px;transform:translate(-50%,-50%) rotate(-30deg)}.c2{width:1px;height:390px;transform:translate(-50%,-50%) rotate(-30deg)}.sweep{width:340px;height:340px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 20deg,transparent 60%,#b8ff551c 85%,#c4fa7933 90%,transparent 90%);z-index:-1}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);width:105px;height:105px;border-radius:26px;background:#caf77b;color:#182710;box-shadow:0 0 70px #adff4f20;display:flex;align-items:center;justify-content:center;flex-direction:column;font:80px monospace;line-height:.8}.core small{font:8px monospace;letter-spacing:2px;margin-top:7px}.node{position:absolute;width:51px;height:51px;background:#20271d;border:1px solid #45533c;border-radius:14px;display:grid;place-items:center;color:#d1f59e;font:25px monospace;box-shadow:0 6px 18px #0004}.n1{top:60px;left:31%;transform:rotate(-12deg)}.n2{top:132px;right:13%;transform:rotate(12deg)}.n3{bottom:57px;left:28%;font-size:18px;transform:rotate(10deg)}.n4{bottom:90px;right:22%;transform:rotate(-12deg)}.orbit-label{position:absolute;font:8px monospace;letter-spacing:1.5px;color:#909c7a}.l1{right:19%;top:42px}.l2{left:10%;bottom:27px}.coord{position:absolute;bottom:7px;right:10%;color:#59664d;font:8px/1.6 monospace}#discover{padding-top:38px}.section-heading{display:flex;align-items:center;justify-content:space-between}h2{font-size:23px;letter-spacing:-.5px;margin:10px 0 25px}h2 span{color:var(--green);margin-left:12px}.curated{color:var(--muted);font-size:11px}.toolbar{display:flex;gap:18px}.search-wrap{display:flex;align-items:center;gap:12px;background:#191c19;border:1px solid #343b31;border-radius:8px;flex:1;padding:0 16px}.search-wrap>span{font-size:25px;color:#9ca992}.search-wrap input{border:0;background:none;color:#edf1e8;padding:14px 0;flex:1;min-width:0;outline:none}.search-wrap kbd{color:#76816e;border:1px solid #3d4537;padding:0 6px;border-radius:4px}.sort-label{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.sort-label select{background:#191c19;border:1px solid #343b31;color:#d9dfd4;padding:13px;border-radius:8px}.filter-row{display:flex;align-items:center;justify-content:space-between;margin:22px 0}#filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid transparent;background:none;border-radius:6px;padding:8px 13px;color:#9ea69b;font-size:12px}.filter.active{background:#283120;color:var(--green);border-color:#465637}.filter small{margin-left:8px;opacity:.65}#resultCount{color:var(--muted);font-size:11px;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--panel);border:1px solid #30352f;border-radius:12px;padding:22px;transition:transform .2s,border-color .2s;min-width:0;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);border-color:#6f8457}.card-top{display:flex;justify-content:space-between;align-items:center}.project-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font:700 23px monospace;background:var(--tint);color:var(--color)}.save{background:none;border:0;color:#7e8979;font-size:23px;padding:8px;line-height:1}.save.saved{color:var(--green)}.card h3{font-size:20px;margin:18px 0 5px}.detail-trigger{background:none;border:0;padding:0;text-align:left;font:inherit}.repo{font:10px monospace;color:#7e8979;overflow-wrap:anywhere}.desc{color:#abb3a7;line-height:1.8;font-size:12px;min-height:44px;margin:14px 0 16px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.tag{background:#252b23;color:#aebaa5;font-size:10px;padding:4px 7px;border-radius:4px}.tag.cat{color:var(--color);background:var(--tint)}.card-bottom{border-top:1px solid #2b3228;margin-top:20px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9ca795}.lang-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--color);margin-right:6px}.card-bottom a{color:#dbe2d5}.card-bottom a:hover{color:var(--green)}.bottom-note{margin:45px 0 34px;padding:27px 30px;border:1px solid #333c2c;border-radius:10px;background:linear-gradient(100deg,#20291b,#171d15);display:flex;gap:20px;align-items:center}.note-icon{font-size:36px;color:var(--green)}.bottom-note h3{font-size:16px;margin:0 0 8px}.bottom-note p{color:var(--muted);font-size:12px;margin:0}.bottom-note>span{margin-left:auto;color:#7c8e6c;font:10px monospace;letter-spacing:2px}footer{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#858e7f;font-size:10px}footer .brand{font-size:15px;color:#cbd3c4}footer .brand-icon{width:25px;height:25px;font-size:28px}.storage-note{font-size:10px;color:#727d6b;text-align:center;margin:23px 0 28px}#empty{text-align:center;padding:65px 20px;color:var(--muted)}#empty>span{font-size:45px}#empty h3{color:#e0e7da}#empty button{margin-top:15px}dialog{width:min(530px,90vw);border:1px solid #4b5941;border-radius:16px;padding:32px;background:#1b2118;color:#edf2e8}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}#close{position:absolute;top:12px;right:14px;background:none;border:0;font-size:27px;color:#b8c4ae}dialog h2{margin:22px 0 8px}dialog p{line-height:1.9;color:#b2bda8}dialog a{margin-top:15px}dialog .repo{display:block;font-size:12px}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:var(--green);color:#1a2511;border-radius:7px;padding:12px 22px;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px;z-index:10}#toast.show{opacity:1}@media(min-width:1450px){main{padding:0 40px}}@media(max-width:950px){header{gap:25px}.header-note,.brand small{display:none}.grid{grid-template-columns:repeat(2,1fr)}h1{font-size:48px}.hero{min-height:450px}.radar-art{transform:scale(.87);margin-right:-30px}.bottom-note>span{display:none}footer p{max-width:260px;line-height:1.8}}@media(max-width:600px){header{height:72px;padding:0 5%;justify-content:space-between;gap:12px}.brand{font-size:17px;gap:7px}nav{gap:16px}.nav{font-size:12px}main{padding:0 5%}.hero{display:block;position:relative;min-height:420px}.hero-copy{position:relative;z-index:1;padding:38px 0}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:44px;margin-top:22px}.hero p{font-size:13px}.radar-art{position:absolute;right:-150px;top:5px;width:400px;opacity:.2;z-index:0;pointer-events:none}.hero-actions{margin-top:24px}.hero-actions button,.primary{padding:12px 18px;font-size:12px}.hero-meta{font-size:10px;gap:9px}.section-heading{align-items:start}.section-heading .eyebrow{font-size:8px}h2{font-size:19px}.curated{display:none}.toolbar{gap:8px}.sort-label>span{display:none}.sort-label select{width:100px;padding:13px 5px;font-size:11px}.search-wrap{padding:0 10px;gap:5px}.search-wrap input{font-size:11px}.search-wrap kbd{display:none}.filter-row{display:block;margin:18px 0}#filters{gap:3px}.filter{font-size:11px;padding:8px}.filter small{margin-left:4px}#resultCount{display:block;margin:14px 0 0}.grid{grid-template-columns:1fr;gap:14px}.card{padding:22px}.desc{min-height:0;font-size:13px}.bottom-note{padding:22px 16px;margin-top:30px;gap:12px}.bottom-note h3{font-size:13px}.bottom-note p{font-size:10px}footer{flex-wrap:wrap;gap:12px}footer p{order:3;max-width:100%;margin:0}.storage-note{text-align:left;line-height:1.8}}

.live-meta{display:flex;justify-content:space-between;font:10px monospace;color:#a3b493;margin:0 0 15px;gap:8px}.difficulty{border:1px solid #4b593f;background:transparent}.sync-row{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#87977c;padding-top:12px}.sync-row button,.hero-actions .reset-seen{border:0;background:none;padding:5px;color:#9dac91;font-size:10px}.hero-actions{flex-wrap:wrap}.sync-row button:disabled{opacity:.5}.demo-link{display:block;color:var(--green);margin:12px 0}dialog h3{font-size:13px;margin:22px 0 4px}dialog{max-height:85vh;overflow-y:auto}dialog p{font-size:13px;overflow-wrap:anywhere}@media(max-width:600px){.toolbar{flex-wrap:wrap}.search-wrap{flex-basis:100%}.sort-label select{width:140px}.sync-row{line-height:1.8}.sync-row button{white-space:nowrap}.hero-actions .reset-seen{flex-basis:100%;text-align:left;padding-top:0}.hero{min-height:450px}}
