: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{border-radius:12px;width:40px;height:40px;display:block;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;flex-wrap:wrap;gap:8px;min-width:0;padding:5px;display:flex}.topbar-right{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;max-width:100%;margin-left:auto;display:flex}.topbar-tools{align-items:center;gap:8px;display:flex}.nav-link{color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:7px 18px;font-size:14px;transition:color .15s,background .15s;display:inline-flex}.nav-link svg{width:14px;height:14px}.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;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;display:inline-flex;position:absolute;top:8px;left:8px}.badge svg{width:12px;height:12px}.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}.icon-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:transform .12s,border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{background:#7ce7ff1a;border-color:#7ce7ff80}.icon-btn:active{transform:translateY(1px)}.icon-btn-launch{background:linear-gradient(140deg, var(--accent), #a9f0ff);color:var(--sky1);border-color:#0000;box-shadow:0 6px 18px #7ce7ff33}.icon-btn-launch:hover{background:linear-gradient(140deg, #a9f0ff, var(--accent));border-color:#0000;box-shadow:0 8px 22px #7ce7ff47}.icon-btn-install{color:var(--accent);background:#7ce7ff14;border-color:#7ce7ff59}.launch-hint{color:var(--muted);flex-basis:100%;margin:0;font-size:12px;line-height:1.6}.btn-icon-text{align-items:center;gap:6px;display:inline-flex}.btn-icon-text svg{flex:none;width:14px;height:14px}.app-open{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.app-open>.btn{color:var(--accent);background:#7ce7ff14;border-color:#7ce7ff59;align-items:center;display:inline-flex}.app-open-hint{color:var(--muted);font-size:11.5px}.link-banner{color:var(--accent);background:#7ce7ff14;border:1px solid #7ce7ff59;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.link-banner .btn{color:var(--ink);margin-left:auto}.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:1120px;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:18px;padding:22px;display:flex}.panel-title{margin:0;font-size:20px;font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.field-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.field-row .field-label,.field-row .field-note{white-space:nowrap}.field-label{color:var(--ink);opacity:.86;font-size:13px}.field-note{color:var(--muted);font-size:12px}.field-note.bad{color:var(--bad)}.field-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.code-input{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.code-status{font-size:13px}.code-status:empty{display:none}.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}.spec-entry{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spec-link{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;display:inline-flex}.spec-link:hover,.spec-link[aria-expanded=true]{color:var(--accent)}.spec-link svg{width:14px;height:14px}.spec-fold{background:#0a0d1099;border:1px solid #7ce7ff47;border-radius:16px;flex-direction:column;gap:10px;margin-top:4px;padding:14px 16px 16px;scroll-margin-top:16px;display:flex}.spec-fold-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spec-fold-title{margin:0;font-size:14px;font-weight:600}.spec-src{color:var(--muted);word-break:break-all;margin-left:auto;font-size:12px}.spec-src a{color:var(--accent)}.spec-note{color:var(--muted);margin:0;font-size:12.5px;line-height:1.65}.spec-body{border:1px solid var(--line);background:#0c0f1299;border-radius:14px;min-width:0;max-height:62vh;padding:4px 18px 18px;overflow:auto}.submit-top{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;margin-bottom:18px;padding:18px 20px;display:flex}.steps{flex-wrap:wrap;align-items:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.step{color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12.5px;display:inline-flex}.step-no{width:17px;height:17px;color:inherit;background:0 0;border-radius:50%;place-items:center;font-size:11.5px;font-weight:650;display:inline-grid}.step.on{color:var(--accent);font-weight:650}.step.on .step-no{background:var(--accent);color:var(--sky1)}.step.done{color:var(--muted)}.step.done .step-no{color:#eef1e880}.submit-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"input""preview""meta";align-items:start;gap:18px;display:grid}.submit-col-input{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;grid-area:input;gap:18px;padding:20px;display:flex}.submit-col-preview{grid-area:preview;min-width:0}.submit-col-meta{grid-area:meta;min-width:0}.code-card{border:1px solid var(--line);background:#080b0ecc;border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px 8px;display:flex;box-shadow:inset 0 2px 10px #00000073}.code-card .code-input{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.code-card .code-input:focus{box-shadow:none;border:0}.code-card-foot{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:6px;display:flex}.code-card-foot .btn{margin-left:auto}.warn{color:var(--accent-2);margin-top:4px;font-size:12.5px;line-height:1.6;display:block}.preview-card{border:1px solid var(--line);background:linear-gradient(#191f23c7,#0a0d10eb);border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 20px 50px #00000059}.preview-card .preview-lg{border-radius:16px;width:100%}.preview-empty{aspect-ratio:1;border:1px dashed var(--line);text-align:center;background:#080b0e80;border-radius:16px;place-items:center;gap:14px;padding:18px;display:grid}.preview-empty-art{color:#7ce7ffb3;background:radial-gradient(circle,#7ce7ff29,#0000 70%);border:1px solid #7ce7ff38;border-radius:50%;place-items:center;width:92px;height:92px;display:grid}.preview-empty-art svg{width:46px;height:46px}.preview-empty-text{color:var(--muted);margin:0;font-size:13px}.preview-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preview-meta{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.kind-pick{flex-direction:column;gap:6px;display:flex}.kind-pick .seg{align-self:flex-start}.kind-pick .seg-item{align-items:center;gap:6px;display:inline-flex}.kind-pick .seg-item svg{width:14px;height:14px}.kind-pick .seg-item:disabled{opacity:.85;cursor:default}.md{color:var(--ink);overflow-wrap:break-word;font-size:14.5px;line-height:1.75}.md-head{scroll-margin-top:16px;line-height:1.35}.md h1{margin:20px 0 10px;font-size:22px}.md h2{border-bottom:1px solid var(--line);margin:26px 0 10px;padding-bottom:6px;font-size:19px}.md h3{color:#dfe7ea;margin:20px 0 8px;font-size:16.5px}.md h4,.md h5,.md h6{color:var(--muted);margin:16px 0 6px;font-size:15px}.md p{margin:10px 0}.md ul,.md ol{margin:10px 0;padding-left:22px}.md li{margin:4px 0}.md blockquote{color:#cfd8da;background:#7ce7ff0f;border-left:3px solid #7ce7ff73;border-radius:0 10px 10px 0;margin:12px 0;padding:8px 14px}.md blockquote p{margin:4px 0}.md hr{border:0;border-top:1px solid var(--line);margin:20px 0}.md a{color:var(--accent)}.md pre{border:1px solid var(--line);background:#080b0ed9;border-radius:12px;margin:12px 0;padding:12px 14px;overflow-x:auto}.md pre code{white-space:pre;background:0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6;display:block}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.md-table-wrap{border:1px solid var(--line);border-radius:12px;margin:12px 0;overflow-x:auto}.md table{border-collapse:collapse;width:100%;font-size:13px}.md th,.md td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:7px 10px}.md th{color:var(--accent);white-space:nowrap;background:#7ce7ff14;font-weight:600}.md tr:last-child td{border-bottom:0}.md th:last-child,.md td:last-child{border-right:0}.admin{flex-direction:column;gap:16px;max-width:1120px;margin:0 auto;display:flex}.admin-gate{max-width:460px;margin:6vh auto 0}.admin-title{align-items:center;gap:9px;margin:0;display:flex}.admin-title svg{width:20px;height:20px;color:var(--accent)}.admin-token-input{letter-spacing:1.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-head{gap:12px;padding:18px 20px}.admin-head-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-head-row:first-child{justify-content:space-between}.admin-counts{color:var(--accent-2);white-space:nowrap;background:#ffd1661a;border:1px solid #ffd16659;border-radius:999px;padding:4px 12px;font-size:13px}.admin-tools-right{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.admin-summary{margin:0;font-size:12.5px}.admin-notice{color:var(--accent-2)}.admin-error-retry{margin-left:10px}.admin-card{gap:9px}.admin-card-hidden{opacity:.78;border-style:dashed;border-color:#8f999666}.badge-hidden{color:var(--bad);background:#0a0d10d1;border-color:#ff7a7a73;left:auto;right:8px}.meta-likes{align-items:center;gap:4px;display:inline-flex}.meta-likes svg{width:12px;height:12px;color:var(--accent-2)}.admin-reports{border:1px solid var(--line);color:var(--muted);background:#0a0d1080;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;padding:7px 10px;font-size:12.5px;display:flex}.admin-reports svg{align-self:center;width:13px;height:13px}.admin-reports.on{color:var(--bad);background:#ff7a7a14;border-color:#ff7a7a66}.admin-report-count{font-weight:650}.admin-reason{text-overflow:ellipsis;white-space:nowrap;flex:140px;min-width:0;overflow:hidden}.admin-reason.dim{opacity:.62}.admin-card-actions{flex-wrap:wrap;gap:8px}.btn-warn{color:var(--accent-2);background:#ffd1661f;border-color:#ffd1666b}.btn-warn:hover:not(:disabled){background:#ffd16633;border-color:#ffd166b3}.btn-danger{color:var(--bad)}.btn-danger:hover:not(:disabled){background:#ff7a7a1f;border-color:#ff7a7a8c}.admin-detail{border:1px solid var(--line);background:#0a0d1080;border-radius:10px;max-height:190px;margin:0;padding:8px 10px;font-size:12.5px;list-style:none;overflow-y:auto}.admin-detail li{border-bottom:1px solid #e6ece312;gap:8px;padding:4px 0;display:flex}.admin-detail li:last-child{border-bottom:none}.admin-detail-time{color:var(--muted);white-space:nowrap;flex:none}.admin-detail-text{word-break:break-word;flex:auto;min-width:0}@media (max-width:640px){.admin-head{padding:14px 15px}.admin-tools-right{width:100%;margin-left:0}.admin-tools-right .btn{flex:auto}.admin-card-actions .btn{flex:calc(50% - 8px)}}@media (min-width:900px){.submit-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"input preview""meta preview"}.preview-card{position:sticky;top:14px}}@media (max-width:640px){.search{max-width:none;margin-left:0}.brand-text em{display:none}.spec-body{padding:2px 14px 18px}}@media (max-width:480px){.topbar{gap:10px;padding-left:14px;padding-right:14px}.nav-link{padding:6px 12px;font-size:13px}}@media (max-width:360px){.icon-btn-launch{display:none}.nav-link{padding:7px 12px;font-size:13px}.topbar{gap:10px}}