:root{--sky1:#0c0f12;--sky2:#11161b;--sky3:#0a0d10;--ink:#eef1e8;--muted:#8f9996;--glass:#191f239e;--line:#e6ece31f;--accent:#7ce7ff;--accent-2:#ffd166;--bad:#ff7a7a;--radius:14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--sky1);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}code{background:#ffffff0f;border-radius:6px;padding:1px 5px;font-size:.92em}.app{background:radial-gradient(1100px 520px at 12% -6%, #7ce7ff1a, transparent 62%), radial-gradient(900px 480px at 92% 4%, #ffd16612, transparent 60%), linear-gradient(180deg, var(--sky2) 0%, var(--sky1) 45%, var(--sky3) 100%);flex-direction:column;min-height:100vh;display:flex;position:relative}.stars{pointer-events:none;opacity:.5;background-image:radial-gradient(1.4px 1.4px at 18% 22%,#eef1e8b3,#0000),radial-gradient(1.2px 1.2px at 72% 14%,#7ce7ffa6,#0000),radial-gradient(1.6px 1.6px at 42% 68%,#eef1e873,#0000),radial-gradient(1.2px 1.2px at 88% 58%,#ffd16680,#0000),radial-gradient(1.1px 1.1px at 8% 82%,#eef1e880,#0000),radial-gradient(1.3px 1.3px at 62% 88%,#7ce7ff66,#0000);background-size:620px 620px;position:fixed;inset:0}.topbar,.main,.footer{width:100%;max-width:1180px;margin:0 auto;padding:0 20px;position:relative}.topbar{flex-wrap:wrap;align-items:center;gap:16px;padding-top:22px;padding-bottom:14px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{width:40px;height:40px;color:var(--sky1);background:linear-gradient(140deg, var(--accent), #9d8cff 60%, var(--accent-2));border-radius:12px;place-items:center;font-size:20px;display:grid;box-shadow:0 6px 22px #7ce7ff38}.brand-text{letter-spacing:.2px;flex-direction:column;font-size:17px;font-weight:650;display:flex}.brand-text em{color:var(--muted);margin-top:2px;font-size:12px;font-style:normal;font-weight:400}.nav{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;gap:8px;margin-left:auto;padding:5px;display:flex}.nav-link{color:var(--muted);border-radius:999px;padding:7px 18px;font-size:14px;transition:color .15s,background .15s}.nav-link:hover{color:var(--ink)}.nav-link.on{color:var(--sky1);background:linear-gradient(140deg, var(--accent), #a9f0ff);font-weight:600}.main{flex:1;padding-top:6px;padding-bottom:40px}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:18px;padding-bottom:26px;font-size:12.5px;display:flex}.footer-dim{opacity:.72}.btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff0d;border-radius:10px;padding:9px 16px;font-family:inherit;font-size:14px;transition:transform .12s,border-color .15s,background .15s}.btn:hover:not(:disabled){background:#7ce7ff1a;border-color:#7ce7ff80}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{border-radius:9px;padding:6px 12px;font-size:13px}.btn-primary{background:linear-gradient(140deg, var(--accent), #a9f0ff);color:var(--sky1);border-color:#0000;font-weight:650}.btn-primary:hover:not(:disabled){background:linear-gradient(140deg, #a9f0ff, var(--accent));border-color:#0000}.btn-like{color:var(--accent-2);background:#ffd1661a;border-color:#ffd16659}.btn-report{color:var(--muted)}input[type=text],input[type=search],textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#0a0d10b8;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px}input:focus,textarea:focus{border-color:#7ce7ff8c;box-shadow:0 0 0 3px #7ce7ff1f}textarea{resize:vertical;line-height:1.5}.hint{color:var(--muted);margin:6px 0;font-size:13px;line-height:1.65}.bad{color:var(--bad)}.ok{color:#86e6a5}.filters{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;gap:10px;margin-bottom:14px;padding:14px 16px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-label{color:var(--muted);min-width:34px;font-size:13px}.seg{border:1px solid var(--line);background:#0a0d1080;border-radius:999px;gap:4px;padding:4px;display:flex}.seg-item{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 14px;font-family:inherit;font-size:13px}.seg-item.on{color:var(--accent);background:#7ce7ff29}.search{max-width:240px;margin-left:auto}.filter-tags .tag{cursor:pointer}.tag{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;padding:3px 9px;font-family:inherit;font-size:12.5px}.tag.on,.tag:hover{color:var(--accent);background:#7ce7ff1a;border-color:#7ce7ff73}.list-head{align-items:center;gap:12px;margin:4px 2px 12px;display:flex}.count{color:var(--muted);font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#191f23b8,#0c0f12db);flex-direction:column;gap:10px;padding:14px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.card:hover{border-color:#7ce7ff57;transform:translateY(-3px);box-shadow:0 14px 34px #0000006b}.card-new{border-color:#ffd166b3;box-shadow:0 0 0 1px #ffd16659,0 16px 40px #ffd16629}.card-top{position:relative}.preview{aspect-ratio:1;border:1px solid var(--line);background-color:#080b0eb3;background-position:50%;background-repeat:no-repeat;border-radius:12px;place-items:center;display:grid;overflow:hidden}.preview-art{object-fit:contain;image-rendering:auto;width:92%;height:92%}.preview-flame{opacity:.9;object-fit:contain;width:34%;height:34%;position:absolute;bottom:4%;left:33%}.preview-broken{color:var(--bad);font-size:13px}.badge{letter-spacing:.3px;border:1px solid var(--line);background:#0a0d10c7;border-radius:999px;padding:2px 9px;font-size:11.5px;position:absolute;top:8px;left:8px}.badge-planet{color:var(--accent);border-color:#7ce7ff66}.badge-ship{color:var(--accent-2);border-color:#ffd16666}.badge-new{color:var(--sky1);background:var(--accent-2);border-color:#0000;font-weight:650;left:auto;right:8px}.card-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:620;line-height:1.35;overflow:hidden}.card-tags{flex-wrap:wrap;gap:5px;display:flex}.card-meta{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.copy-wrap{align-items:center;gap:6px;display:inline-flex;position:relative}.copy-fallback{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute}.copy-fallback.show{opacity:1;pointer-events:auto;word-break:break-all;width:100%;height:auto;margin:6px 0 0;padding:8px;font-size:11.5px;position:static}.copy-hint{color:var(--accent-2);font-size:11.5px}.card-notice{color:var(--muted);margin:0;font-size:12px}.more{place-items:center;margin-top:20px;display:grid}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);margin-bottom:14px;padding:40px 18px}.submit{max-width:820px;margin:0 auto}.panel{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;gap:14px;padding:22px;display:flex}.panel-title{margin:0;font-size:20px;font-weight:650}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted);font-size:13px}.field-label em{opacity:.75;font-style:normal}.field-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.code-input{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.counter{color:var(--muted);font-size:11.5px}.code-status{font-size:13px}.submit-preview{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.submit-preview .preview{flex:none;width:168px}.turnstile{min-height:66px}.form-error{color:var(--bad);background:#ff7a7a1a;border:1px solid #ff7a7a66;border-radius:10px;margin:0;padding:10px 12px;font-size:13.5px}.submit-actions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:640px){.search{max-width:none;margin-left:0}.brand-text em{display:none}}