*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--t-body);line-height:1.6;color:var(--color-body);background:var(--color-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}svg{display:block}.app-shell{min-height:100%;display:flex;flex-direction:column}.top-nav{height:var(--nav-h);background:#f4f3efd1;-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--color-hairline);display:flex;align-items:center;gap:var(--space-5);padding:0 var(--space-6);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:var(--space-2)}.brand-mark{color:var(--color-primary);font-size:15px}.brand-text{font-weight:var(--w-bold);font-size:17px;letter-spacing:var(--tracking-tight);color:var(--color-ink)}.nav-tabs{display:flex;gap:var(--space-1);flex:1}.nav-tab{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent;border:0;color:var(--color-secondary);font-size:var(--t-caption);font-weight:var(--w-semibold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none}.nav-tab:hover{color:var(--color-ink);background:var(--color-surface-soft)}.nav-tab.active{color:var(--color-primary);background:var(--color-primary-soft)}.nav-right{display:flex;align-items:center;gap:var(--space-3)}.role-switch{display:flex;align-items:center;gap:var(--space-2);font-size:var(--t-micro);color:var(--color-tertiary)}.role-switch select{background:var(--color-surface-card);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:5px 9px;font-size:var(--t-micro);font-weight:var(--w-medium)}.env-badge{font-size:var(--t-micro);color:var(--color-tertiary)}.mvp-banner{background:var(--warning-bg);color:var(--warning-fg);font-size:var(--t-micro);padding:var(--space-2) var(--space-6);text-align:center}.screen{flex:1}.catalog,.admin,.detail,.upload{max-width:var(--content-max);margin:0 auto;padding:0 var(--space-6)}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--t-h2);font-weight:var(--w-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink);margin:0}.section-title.lead{font-size:var(--t-lead)}.section-count{color:var(--color-tertiary);font-weight:var(--w-medium);font-size:var(--t-body)}.section-sub{color:var(--color-secondary);margin:var(--space-2) 0 0}.empty,.admin-empty{color:var(--color-tertiary);text-align:center;padding:var(--space-16) var(--space-4)}.hero{text-align:center;padding:var(--space-16) var(--space-4) var(--space-10);max-width:780px;margin:0 auto}.hero-eyebrow{display:inline-block;font-size:var(--t-eyebrow);font-weight:var(--w-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-tertiary);margin-bottom:var(--space-4)}.hero-title{font-size:var(--t-hero);font-weight:var(--w-extra);line-height:1.1;letter-spacing:var(--tracking-tighter);color:var(--color-ink);margin:0 0 var(--space-4)}.hero-title-grad{background:linear-gradient(100deg,var(--color-primary),var(--color-primary-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:var(--t-h3);color:var(--color-secondary);margin:0 auto var(--space-8);max-width:560px;line-height:1.6;font-weight:var(--w-regular)}.hero-search{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface-card);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-pill);padding:var(--space-4) var(--space-6);max-width:560px;margin:0 auto var(--space-5);box-shadow:var(--shadow-soft)}.hero-search:focus-within{border-color:var(--color-primary)}.hero-search-icon{color:var(--color-tertiary);flex-shrink:0}.hero-search input{border:0;outline:0;flex:1;font-size:var(--t-body);background:transparent;color:var(--color-ink)}.hero-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-10)}.hero-stats{display:grid;grid-template-columns:auto 1fr 1fr;gap:var(--space-4);align-items:stretch;text-align:left}.hero-stat-tiles{display:flex;flex-direction:column;gap:var(--space-3)}.hero-chart,.hero-top{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-5)}.hero-chart-title{display:block;font-size:var(--t-eyebrow);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-tertiary);margin-bottom:var(--space-3)}.hero-top-list{display:flex;flex-direction:column;gap:var(--space-2)}.hero-top-chip{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-sunken);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--t-caption);color:var(--color-body)}.hero-top-chip b{color:var(--color-primary);font-weight:var(--w-bold)}.catalog-body{padding-bottom:var(--space-20)}.catalog-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.sort-select{display:inline-flex;background:var(--color-surface-soft);border-radius:var(--radius-pill);padding:3px}.seg{border:0;background:transparent;color:var(--color-secondary);font-size:var(--t-caption);font-weight:var(--w-semibold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);cursor:pointer}.seg.active{background:var(--color-surface-card);color:var(--color-ink);box-shadow:var(--shadow-soft)}.chip{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-secondary);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--t-caption);font-weight:var(--w-medium);cursor:pointer}.chip:hover{border-color:var(--color-hairline-strong);color:var(--color-ink)}.chip.active{background:var(--color-ink);color:var(--color-on-dark);border-color:var(--color-ink)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.app-card{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.app-card:hover{border-color:var(--color-hairline-strong);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.app-card-top{display:flex;align-items:center;gap:var(--space-3)}.app-card-headings{flex:1;min-width:0}.app-card-name{font-size:var(--t-h3);font-weight:var(--w-semibold);margin:0;letter-spacing:var(--tracking-tight);color:var(--color-ink)}.app-card-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--color-tertiary);font-size:var(--t-caption);margin-top:2px}.dot{opacity:.5}.app-card-desc{color:var(--color-secondary);font-size:var(--t-body-sm);margin:0;line-height:1.55;min-height:2.4em}.app-card-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.tag{background:var(--color-surface-soft);color:var(--color-secondary);font-size:var(--t-micro);padding:2px 10px;border-radius:var(--radius-pill)}.tag-skill{background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--w-semibold)}.app-card-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-hairline);font-size:var(--t-caption);color:var(--color-tertiary)}.app-card-users{display:inline-flex;align-items:center;gap:5px}.app-card-version{margin-left:auto;font-family:var(--font-mono);font-size:var(--t-micro)}.kind-badge{font-size:var(--t-micro);padding:1px 8px;border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-secondary)}.badge{font-size:var(--t-micro);padding:2px 10px;border-radius:var(--radius-pill);font-weight:var(--w-medium);white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success-fg)}.badge-neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.status-badge{font-size:var(--t-micro);padding:2px 10px;border-radius:var(--radius-pill);font-weight:var(--w-semibold);white-space:nowrap}.status-badge.review{background:var(--warning-bg);color:var(--warning-fg)}.status-badge.approved{background:var(--info-bg);color:var(--info-fg)}.status-badge.published{background:var(--success-bg);color:var(--success-fg)}.status-badge.rejected{background:var(--danger-bg);color:var(--danger-fg)}.status-badge.draft{background:var(--neutral-bg);color:var(--neutral-fg)}.btn-primary,.btn-secondary,.btn-secondary-pill,.btn-danger-pill{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);font-weight:var(--w-semibold);font-size:var(--t-caption);cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-primary.added{background:var(--success-bg);color:var(--success-fg)}.btn-secondary,.btn-secondary-pill{background:var(--color-surface-card);color:var(--color-ink);border-color:var(--color-hairline-strong)}.btn-secondary:hover,.btn-secondary-pill:hover{background:var(--color-surface-soft)}.btn-danger-pill{background:var(--danger-bg);color:var(--danger-fg)}.stat-tile{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.stat-tile.accent{background:var(--color-primary-soft);border-color:transparent}.stat-tile-icon{color:var(--color-primary)}.stat-tile-value{font-size:var(--t-lead);font-weight:var(--w-extra);color:var(--color-ink);line-height:1.1;letter-spacing:var(--tracking-tight)}.stat-tile.accent .stat-tile-value{color:var(--color-primary)}.stat-tile-label{font-size:var(--t-micro);color:var(--color-secondary);margin-top:2px}.donut{display:flex;align-items:center;gap:var(--space-6)}.donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.donut-legend li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--t-caption);color:var(--color-body)}.donut-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.donut-legend-label{flex:1}.donut-legend-val{font-weight:var(--w-bold);color:var(--color-ink)}.detail{padding-top:var(--space-6);padding-bottom:var(--space-20)}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-secondary);font-size:var(--t-caption);font-weight:var(--w-medium);margin-bottom:var(--space-5)}.back-link:hover{color:var(--color-primary)}.detail-hero{display:flex;gap:var(--space-5);align-items:flex-start;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6)}.detail-hero-icon{align-self:flex-start}.detail-hero-main{flex:1;min-width:0}.detail-name{font-size:var(--t-lead);font-weight:var(--w-extra);letter-spacing:var(--tracking-tighter);margin:0 0 var(--space-2);color:var(--color-ink)}.detail-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--color-secondary);flex-wrap:wrap;margin:0 0 var(--space-4);font-size:var(--t-caption)}.detail-desc{color:var(--color-secondary);margin:0 0 var(--space-5);line-height:1.6}.detail-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.detail-hint{font-size:var(--t-caption);color:var(--color-tertiary);margin-top:var(--space-4);line-height:1.6}.detail-hint code{background:var(--color-surface-soft);padding:1px 6px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--t-micro)}.detail-hint a{color:var(--color-primary)}.detail-stat{display:none}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.panel{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-6)}.panel-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--t-h3);font-weight:var(--w-semibold);margin:0 0 var(--space-2);color:var(--color-ink)}.panel-title svg{color:var(--color-primary)}.panel-note{font-size:var(--t-micro);color:var(--color-tertiary);margin:0 0 var(--space-5);line-height:1.55}.decl-group{margin-bottom:var(--space-4)}.decl-label{display:block;font-size:var(--t-caption);font-weight:var(--w-semibold);color:var(--color-secondary);margin-bottom:var(--space-2)}.decl-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.decl-badge{background:var(--color-surface-soft);color:var(--color-body);font-size:var(--t-caption);padding:4px 10px;border-radius:var(--radius-sm)}.decl-badge.tool{background:var(--color-primary-soft);color:var(--color-primary)}.decl-empty{color:var(--color-tertiary);font-size:var(--t-caption)}.tool-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.tool-list li{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-surface-soft);border-radius:var(--radius-sm);font-size:var(--t-caption)}.tool-status{color:var(--color-tertiary)}.skill-note{font-size:var(--t-caption);color:var(--color-primary);margin:var(--space-3) 0 0}.version-list{display:flex;flex-direction:column;gap:var(--space-1)}.version-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--t-caption);padding:var(--space-3) 0;border-bottom:1px solid var(--color-hairline)}.version-row:last-child{border-bottom:0}.version-id{font-weight:var(--w-semibold);font-family:var(--font-mono);color:var(--color-ink)}.version-current{background:var(--color-primary-soft);color:var(--color-primary);font-size:11px;padding:1px 8px;border-radius:var(--radius-pill)}.version-kind{color:var(--color-tertiary)}.version-date{margin-left:auto;color:var(--color-tertiary)}.admin{padding-top:var(--space-8);padding-bottom:var(--space-20)}.admin-head{margin-bottom:var(--space-6)}.admin-note{color:var(--warning-fg);font-size:var(--t-caption);margin:var(--space-2) 0 0}.admin-overview{display:flex;align-items:center;gap:var(--space-8);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.admin-overview-tiles{display:flex;gap:var(--space-3);flex-wrap:wrap;flex:1}.admin-overview-tiles .stat-tile{flex:1;min-width:130px}.admin-section{margin-bottom:var(--space-8)}.admin-section-title{font-size:var(--t-h3);font-weight:var(--w-semibold);margin:0 0 var(--space-4);color:var(--color-ink)}.admin-count{color:var(--color-tertiary);font-weight:var(--w-regular)}.admin-list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-row{display:flex;align-items:center;gap:var(--space-4);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);flex-wrap:wrap}.admin-row-name{font-weight:var(--w-semibold);color:var(--color-ink)}.admin-row-ver{color:var(--color-tertiary);font-family:var(--font-mono);font-size:var(--t-micro);font-weight:var(--w-regular)}.admin-row-meta{color:var(--color-tertiary);font-size:var(--t-caption)}.admin-row-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.admin-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.upload{padding-top:var(--space-8);padding-bottom:var(--space-20)}.upload-form{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--t-caption)}.field>span{font-weight:var(--w-semibold);color:var(--color-secondary)}.field input,.field select,.field textarea{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--t-caption);font-family:inherit;background:var(--color-surface-card);color:var(--color-ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--color-primary)}.field textarea.mono{font-family:var(--font-mono)}.field small{color:var(--color-tertiary)}.check-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.form-msg{color:var(--danger-fg);font-size:var(--t-caption);background:var(--danger-bg);padding:var(--space-3);border-radius:var(--radius-sm)}.form-actions{display:flex;justify-content:flex-end}.preview-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1d1a8c;display:grid;place-items:center;z-index:100;padding:var(--space-5)}.preview-modal{background:var(--color-surface-card);border-radius:var(--radius-xl);width:min(960px,96vw);height:min(80vh,780px);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-float)}.preview-modal-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-hairline)}.preview-modal-title{font-weight:var(--w-semibold);color:var(--color-ink)}.preview-modal-close{display:grid;place-items:center;border:0;background:var(--color-surface-soft);color:var(--color-secondary);width:32px;height:32px;border-radius:var(--radius-pill);cursor:pointer}.preview-modal-close:hover{background:var(--color-hairline)}.preview-modal-frame{border:0;width:100%;flex:1;background:#fff}.preview-modal-empty{display:grid;place-items:center;flex:1;color:var(--color-tertiary)}.boot{min-height:100vh;display:grid;place-items:center;color:var(--color-tertiary);gap:var(--space-2)}.boot .brand-mark{color:var(--color-primary);font-size:22px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:var(--color-canvas)}.login-card{width:min(400px,100%);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-soft)}.login-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--w-bold);font-size:17px;color:var(--color-ink)}.login-brand .brand-mark{color:var(--color-primary)}.login-title{font-size:var(--t-lead);font-weight:var(--w-extra);margin:var(--space-3) 0 0;letter-spacing:var(--tracking-tight)}.login-sub{color:var(--color-secondary);margin:0 0 var(--space-3);font-size:var(--t-caption)}.login-btn{justify-content:center;margin-top:var(--space-2);padding:var(--space-4)}.login-hint{font-size:var(--t-micro);color:var(--color-tertiary);text-align:center;margin:var(--space-2) 0 0}.login-hint code{background:var(--color-surface-soft);padding:1px 6px;border-radius:var(--radius-xs);font-family:var(--font-mono)}.user-pill{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--t-caption)}.user-name{font-weight:var(--w-semibold);color:var(--color-ink)}.user-role{background:var(--color-primary-soft);color:var(--color-primary);font-size:11px;padding:1px 8px;border-radius:var(--radius-pill);font-weight:var(--w-semibold)}.logout-btn{background:transparent;border:1px solid var(--color-hairline);color:var(--color-secondary);font-size:var(--t-micro);font-weight:var(--w-medium);padding:5px 10px;border-radius:var(--radius-pill);cursor:pointer}.logout-btn:hover{background:var(--color-surface-soft);color:var(--color-ink)}.gh-card{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0}.gh-card .section-title{margin-bottom:var(--space-2)}.gh-drop{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;border:1.5px dashed var(--color-hairline-strong);border-radius:var(--radius-md);padding:var(--space-8);color:var(--color-tertiary);font-size:var(--t-caption);margin-bottom:var(--space-3)}.gh-drop.drag{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.gh-drop svg{color:var(--color-tertiary)}.gh-row{display:flex;gap:var(--space-3)}.gh-row input{flex:1;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--t-caption);font-family:var(--font-mono)}.gh-row input:focus{outline:0;border-color:var(--color-primary)}.mypage{padding-top:var(--space-8);padding-bottom:var(--space-20)}.mine-list{display:flex;flex-direction:column;gap:var(--space-2)}.mine-row{display:flex;align-items:center;gap:var(--space-4);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);flex-wrap:wrap}.mine-main{flex:1;min-width:160px}.mine-name{font-weight:var(--w-semibold);color:var(--color-ink)}.mine-name:hover{color:var(--color-primary)}.mine-meta{color:var(--color-tertiary);font-size:var(--t-caption);margin-top:2px}.mine-versions{display:flex;gap:var(--space-3);flex-wrap:wrap}.mine-ver{display:inline-flex;align-items:center;gap:var(--space-2)}.inline-link{color:var(--color-primary);display:inline-flex;align-items:center;gap:4px}@media (max-width: 900px){.hero-stats{grid-template-columns:1fr}.hero-stat-tiles{flex-direction:row}}@media (max-width: 720px){.catalog,.admin,.detail,.upload{padding:0 var(--space-4)}.hero{padding-top:var(--space-10)}.detail-hero{flex-direction:column}.admin-row-right{margin-left:0;width:100%}.admin-overview{justify-content:center}}.local-steps{margin:0 0 var(--space-3);padding-left:20px;color:var(--color-secondary);font-size:var(--t-caption);display:flex;flex-direction:column;gap:6px}.local-steps code{font-family:var(--font-mono);background:var(--color-surface-soft);padding:1px 5px;border-radius:var(--radius-sm);font-size:12px}