*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#1e293b,#020617 60%);color:#e5e7eb}#app,.app-shell{min-height:100vh}.page-main{max-width:1320px;margin:0 auto;padding:28px 18px 64px}.page-intro{display:grid;grid-template-columns:1fr;gap:10px;margin:8px 0 26px}.page-title{margin:0;font-size:34px;letter-spacing:-.02em}.page-subtitle{margin:10px 0 0;color:#9ca3af;font-size:14px;line-height:1.6}.page-subtitle a{color:#93c5fd;text-decoration:none}.page-subtitle a:hover{text-decoration:underline}.page-hint{margin:0;color:#94a3b8e6;font-size:13px}.page-section{margin-top:28px}.section-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#e2e8f0eb}.main-container{max-width:1120px;margin:0 auto;padding:24px 16px 48px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.version-card{background:linear-gradient(135deg,#0f172afa,#0f172ae6);border-radius:16px;padding:16px 18px;border:1px solid rgba(148,163,184,.25);box-shadow:0 18px 40px #0f172acc;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .15s ease-out}.version-card:hover{transform:translateY(-4px);border-color:#3b82f6cc;box-shadow:0 24px 60px #0f172ae6}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;letter-spacing:.03em;text-transform:uppercase}.badge-blue{background:#2563eb29;color:#bfdbfe;border:1px solid rgba(59,130,246,.6)}.badge-green{background:#16a34a29;color:#bbf7d0;border:1px solid rgba(34,197,94,.6)}.chip{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#0f172acc;color:#e5e7eb}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:13px;border:none;cursor:pointer;text-decoration:none;transition:background-color .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out}.button-primary{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#f9fafb;box-shadow:0 10px 25px #2563eb80}.button-primary:hover{transform:translateY(-1px);box-shadow:0 16px 40px #2563ebb3}.button-secondary{background:#0f172ae6;color:#e5e7eb;border:1px solid rgba(148,163,184,.5)}.button-secondary:hover{background:#0f172a}.toolbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(to bottom,#0f172af2,#0f172a99);border-bottom:1px solid rgba(30,64,175,.6)}.toolbar-inner{max-width:1320px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px}.toolbar-title{font-size:18px;font-weight:600;color:#e5e7eb}.toolbar-subtitle{font-size:12px;color:#9ca3af}.toolbar-search{flex:1 1 auto;display:flex;align-items:center;background:#0f172ae6;border-radius:999px;padding:4px 10px;border:1px solid rgba(55,65,81,.9)}.toolbar-search input{flex:1 1 auto;background:transparent;border:none;outline:none;color:#e5e7eb;font-size:13px}.toolbar-actions{display:flex;align-items:center;gap:8px}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.category-tab{padding:5px 12px;border-radius:999px;font-size:13px;border:1px solid transparent;background:#0f172ae6;color:#e5e7eb;cursor:pointer}.category-tab--active{background:linear-gradient(135deg,#2563eb,#38bdf8);border-color:#bfdbfee6;color:#f9fafb}@media(max-width:640px){.toolbar-inner{flex-wrap:wrap;row-gap:8px}}