:root{color-scheme:dark;--bg:#08111f;--panel:rgba(11,20,37,0.82);--panel-2:rgba(18,28,49,0.9);--text:#eff6ff;--muted:#94a3b8;--line:rgba(255,255,255,0.08);--accent:#7dd3fc;--accent-2:#c084fc}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,#13203d 0,#08111f 48%,#040814 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}body{min-height:100vh}main{max-width:1240px;margin:0 auto;padding:28px 20px 80px}h1,h2,h3,p{margin-top:0}.hero{padding:28px}.kicker{margin:0 0 8px;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.muted,.subtitle{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-top:22px}.stats div{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:16px;padding:14px}.stats strong{display:block;font-size:24px;margin-bottom:6px}.stats span{color:var(--muted);font-size:13px}.section{margin-top:24px}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);color:var(--text);border-radius:999px;padding:6px 10px;font-size:12px;background:rgba(255,255,255,.03)}.chip.subtle{color:var(--muted)}.badge{display:inline-flex;align-items:center;border-radius:999px;background:rgba(125,211,252,.14);color:var(--accent);padding:6px 10px;font-size:12px}.grid-list{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{overflow:hidden;display:flex;flex-direction:column}.project-preview{aspect-ratio:16/10;background:linear-gradient(135deg,rgba(125,211,252,.14),rgba(192,132,252,.12));border-bottom:1px solid var(--line)}.detail-preview,.project-preview img{width:100%;height:100%;object-fit:cover;display:block}.project-body{padding:18px;display:grid;grid-gap:12px;gap:12px}.project-topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.path{font-size:13px;line-height:1.5;word-break:break-word}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.button{padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.button.primary{background:linear-gradient(135deg,rgba(125,211,252,.18),rgba(192,132,252,.18))}.button.disabled{opacity:.72;cursor:default}.preview-fallback{height:100%;display:grid;place-items:center;color:rgba(255,255,255,.72);font-weight:700;letter-spacing:.1em}.preview-fallback.large{min-height:360px}.detail-back{margin-bottom:16px;color:var(--muted)}.detail-layout{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:16px;gap:16px}.detail-main,.detail-preview-card,.embed-card{padding:22px}.detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin:20px 0}.detail-meta div{padding:12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line)}.detail-meta span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.detail-preview-card{overflow:hidden}.embed-card{margin-top:18px}.embed-frame{width:100%;min-height:760px;border:1px solid var(--line);border-radius:16px;background:white}@media (max-width:920px){.detail-layout{grid-template-columns:1fr}.embed-frame{min-height:520px}}