:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#151713;--muted:#62665f;--paper:#f2f0e8;--panel:#fbfaf4;--line:#d7d1c1;--accent:#315c4b;--accent-strong:#17382d;--signal:#c44b32;--steel:#24343d;--shadow:0 18px 50px #1d1f1924;--font-sans:"Avenir Next Condensed", "DIN Condensed", "Bahnschrift", sans-serif;--font-mono:"SF Mono", "Cascadia Mono", monospace;--font-size-xxs:.62rem;--font-size-xs:.78rem;--font-size-sm:.84rem;--font-size-base:.92rem;--font-size-md:1.3rem;--font-size-lg:1.45rem;--font-size-xl:2rem;--font-size-xxl:3.1rem;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-22:22px;--space-24:24px;--space-28:28px;font-family:var(--font-sans);background:var(--paper);color:var(--ink);--status-draft:#52525b;--status-draft-text:#f4f4f5;--status-draft-border:#71717a;--status-approved:#166534;--status-approved-text:#f0fdf4;--status-approved-border:#15803d;--status-published:#854d0e;--status-published-text:#fef9c3;--status-published-border:#a16207;--status-hidden:#3730a3;--status-hidden-text:#e0e7ff;--status-hidden-border:#4338ca;--status-deprecated:#991b1b;--status-deprecated-text:#fee2e2;--status-deprecated-border:#b91c1c}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.shell{background:linear-gradient(90deg, #1517130d 1px, transparent 1px), linear-gradient(180deg, #1517130a 1px, transparent 1px), var(--paper);background-size:28px 28px;min-height:100vh;display:grid}.shell.layout-catalog{grid-template-columns:92px minmax(360px,.9fr) minmax(420px,1.1fr)}.shell.layout-single{grid-template-columns:92px 1fr}.empty-shell{background:var(--paper);place-items:center;min-height:100vh;display:grid}.rail{border-right:1px solid var(--line);align-items:center;gap:var(--space-10);padding:var(--space-18) var(--space-8);background:#e7e1d0;flex-direction:column;display:flex}.mark{border:2px solid var(--ink);letter-spacing:0;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.rail button,.actions button,.button,.featured-skill button{border:1px solid var(--ink);background:var(--panel);color:var(--ink);justify-content:center;align-items:center;gap:var(--space-8);cursor:pointer;min-width:42px;height:42px;text-decoration:none;display:inline-flex}.rail button:hover,.actions button:hover,.button:hover,.featured-skill button:hover{box-shadow:4px 4px 0 var(--ink);transform:translateY(-1px)}.rail button{gap:var(--space-4);flex-direction:column;width:100%;height:54px}.rail button span{font-size:var(--font-size-xxs);text-transform:uppercase;font-weight:800}.rail button.active{background:var(--accent-strong);color:#fffaf0;box-shadow:4px 4px 0 var(--ink)}button:disabled{cursor:wait;opacity:.62}.catalog-pane,.detail-pane{padding:var(--space-28)}.shell.layout-catalog .catalog-pane{border-right:1px solid var(--line)}.topbar,.detail-head,.panel-title,.actions,.activity-strip{align-items:center;display:flex}.topbar,.detail-head{justify-content:space-between;gap:var(--space-18)}.kicker{margin:0 0 var(--space-6);color:var(--accent);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,4.4rem);line-height:.88}h2{font-size:var(--font-size-lg);margin-bottom:var(--space-8)}h3{font-size:var(--font-size-md);margin-bottom:0}p{color:var(--muted);line-height:1.45}.searchbox{border:1px solid var(--line);align-items:center;gap:var(--space-10);min-width:260px;height:42px;padding:0 var(--space-12);color:var(--muted);background:#fbfaf4c7;display:flex}.searchbox input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}.metrics,.split{gap:var(--space-12);grid-template-columns:repeat(3,1fr);margin:26px 0;display:grid}.overview-stack{gap:var(--space-16);margin-top:26px;display:grid}.decision-panel,.featured-skill{border:1px solid var(--line);box-shadow:var(--shadow);padding:var(--space-22);background:#fbfaf4eb}.decision-panel h2{font-size:clamp(1.8rem, 3vw, var(--font-size-xxl));max-width:760px;line-height:.98}.decision-panel p{max-width:620px}.metrics.compact{margin:0}.featured-skill{gap:var(--space-18);grid-template-columns:1fr auto;align-items:center;display:grid}.featured-skill button{min-height:42px;padding:0 var(--space-14);cursor:pointer}.metric,.panel,.install-panel,.publish-console,.report-panel,.lifecycle-panel,.skill-row{border:1px solid var(--line);box-shadow:var(--shadow);background:#fbfaf4e6}.metric{padding:var(--space-14)}.metric span{color:var(--muted);font-size:var(--font-size-xs);text-transform:uppercase}.metric strong{font-size:var(--font-size-xl);display:block}.metric.warn strong{color:var(--signal)}.list{gap:var(--space-12);display:grid}.publish-console,.report-panel{padding:var(--space-18);margin-bottom:var(--space-18);max-width:800px}.lifecycle-panel{padding:var(--space-18);margin-bottom:var(--space-18)}.form-grid{gap:var(--space-10);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.form-grid label{gap:var(--space-6);color:var(--muted);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:800;display:grid}.form-grid input{border:1px solid var(--line);width:100%;color:var(--ink);padding:var(--space-10);font:inherit;background:#eee8d8;min-width:0}.publish-console{gap:var(--space-20);flex-direction:column;display:flex}.drop-target,.git-import{margin-top:var(--space-12);border:1px dashed var(--accent);color:var(--muted);min-height:44px;padding:var(--space-10) var(--space-12);align-items:center;gap:var(--space-10);background:#315c4b14;display:flex}.drop-target{cursor:pointer;padding:var(--space-24);text-align:center;flex-direction:column;justify-content:center;min-height:90px;transition:border-color .15s,background-color .15s}.drop-target.empty{border:1px dashed var(--line);background:#15171305}.drop-target.empty:hover{border-color:var(--ink);background:#1517130d}.drop-target.has-files{border:1px solid var(--accent);color:var(--accent-strong);background:#315c4b0a}.drop-target.drag-over{border:2px dashed var(--accent);color:var(--accent-strong);background:#315c4b1a}.drop-target input{display:none}.git-import code{font-family:var(--font-mono);color:var(--ink);overflow-wrap:anywhere;flex:1}.git-import button{border:1px solid var(--ink);background:var(--panel);min-height:34px;padding:0 var(--space-12);cursor:pointer}.git-fields{margin-top:var(--space-12)}.notice{margin:var(--space-12) 0 0;min-height:20px;color:var(--accent);font-size:var(--font-size-base)}.skill-row{padding:var(--space-18);gap:var(--space-14);cursor:pointer;grid-template-columns:1fr auto;transition:transform .15s,box-shadow .15s,background-color .15s;display:grid}.skill-row:hover{background-color:var(--panel);box-shadow:4px 4px 0 var(--line);transform:translateY(-1px)}.skill-row.active{outline:2px solid var(--accent);outline-offset:-2px}.tags{gap:var(--space-6);flex-wrap:wrap;display:flex}.tags span,.badge{border:1px solid var(--line);padding:var(--space-4) var(--space-8);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:800}.badge{color:#fffaf0;border-radius:4px;height:fit-content}.badge.draft{background:var(--status-draft);color:var(--status-draft-text);border:1px solid var(--status-draft-border)}.badge.approved{background:var(--status-approved);color:var(--status-approved-text);border:1px solid var(--status-approved-border)}.badge.published{background:var(--status-published);color:var(--status-published-text);border:1px solid var(--status-published-border)}.badge.hidden{background:var(--status-hidden);color:var(--status-hidden-text);border:1px solid var(--status-hidden-border)}.badge.deprecated{background:var(--status-deprecated);color:var(--status-deprecated-text);border:1px solid var(--status-deprecated-border)}.detail-pane{background:#fbfaf48f}.detail-head{padding-bottom:var(--space-22);border-bottom:1px solid var(--line)}.detail-head p{max-width:680px}.split{grid-template-columns:1fr 1fr}.panel,.install-panel{padding:var(--space-18)}.panel-title{gap:var(--space-8);margin-bottom:var(--space-14);font-weight:800}.file-tree{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.file-tree li{border-left:3px solid var(--accent);padding:var(--space-8) var(--space-10);font-family:var(--font-mono);font-size:var(--font-size-sm);background:#eee8d8}.validation-copy{min-height:56px}.version-line{border-top:1px solid var(--line);padding-top:var(--space-12);justify-content:space-between;display:flex}.install-panel,.install-section{border:1px solid var(--line);box-shadow:var(--shadow);padding:var(--space-18);margin-top:var(--space-22);margin-bottom:var(--space-22);background:#fbfaf4e6}.install-section code{white-space:pre-wrap;word-break:break-all;color:#f8f0d9;padding:var(--space-12);font-size:var(--font-size-sm);font-family:var(--font-mono);margin-bottom:var(--space-12);background:#171a16;display:block}.install-warning{color:var(--muted);margin:0;font-style:italic}.report-grid{gap:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}.report-table{margin-top:var(--space-12);border-top:1px solid var(--line)}.report-row{align-items:center;gap:var(--space-12);border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;min-height:42px;display:grid}.report-row strong{font-size:var(--font-size-base)}.report-row em{color:var(--signal);font-style:normal;font-weight:800;font-size:var(--font-size-sm)}.install-panel code{white-space:pre-wrap;word-break:break-word;color:#f8f0d9;padding:var(--space-16);font-size:var(--font-size-base);font-family:var(--font-mono);background:#171a16;display:block}.actions{gap:var(--space-10)}.actions button{padding:0 var(--space-14)}.actions .secondary,.button.secondary{background:0 0}.activity-strip{gap:var(--space-10);margin-top:var(--space-18);padding:var(--space-14) 0;border-top:1px solid var(--line);color:var(--muted)}@media (width<=980px){.shell.layout-catalog,.shell.layout-single{grid-template-columns:82px 1fr}.detail-pane{grid-column:2}}@media (width<=720px){.shell{grid-template-columns:1fr}.rail{z-index:2;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;position:sticky;top:0}.rail button{height:48px}.catalog-pane,.detail-pane{padding:var(--space-18);grid-column:1}.topbar,.detail-head{flex-direction:column;align-items:flex-start}.searchbox{width:100%;min-width:0}.metrics,.split,.form-grid,.report-grid,.report-row,.featured-skill{grid-template-columns:1fr}}.token-config{width:100%;padding:var(--space-10) 0 0;border-top:1px solid var(--line);margin-top:auto}.token-config label{font-size:var(--font-size-xxs);text-transform:uppercase;gap:var(--space-4);color:var(--ink);flex-direction:column;font-weight:800;display:flex}.token-config input{border:1px solid var(--line);background:var(--panel);width:100%;padding:var(--space-6);font-size:var(--font-size-xs);outline:0;font-family:inherit}.token-config input:focus{border-color:var(--accent)}.actions button,.button,.featured-skill button,.git-import button{padding:0 var(--space-20)}.actions button.primary{background:var(--accent-strong);color:#fffaf0;border-color:var(--ink)}.actions button.primary:hover{background:var(--accent);box-shadow:4px 4px 0 var(--ink)}.actions button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.login-shell{background:linear-gradient(90deg, #1517130d 1px, transparent 1px), linear-gradient(180deg, #1517130a 1px, transparent 1px), var(--paper);background-size:28px 28px;place-items:center;min-height:100vh;display:grid}.login-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fbfaf4f5;width:100%;max-width:440px;padding:48px 40px}.login-btn{border:1px solid var(--ink);background:var(--accent-strong);color:#fffaf0;justify-content:center;align-items:center;gap:var(--space-10);cursor:pointer;width:100%;height:48px;font:inherit;text-transform:uppercase;letter-spacing:.5px;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex}.login-btn:hover{box-shadow:4px 4px 0 var(--ink);background:var(--accent);transform:translateY(-1px)}.login-btn:disabled{opacity:.72;cursor:wait;box-shadow:none;transform:none}.login-loading{justify-content:center;align-items:center;gap:var(--space-12);min-height:48px;color:var(--muted);text-align:center;flex-direction:column;display:flex}.login-loading p{font-size:var(--font-size-sm);margin:0}.login-spinner{color:var(--accent-strong);animation:.9s linear infinite spin}.rail-spacer{flex:1}.session-profile{width:100%;padding:var(--space-10) 0 0;border-top:1px solid var(--line);align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.session-avatar{background:var(--accent-strong);color:#fffaf0;border:1px solid var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.session-avatar img{object-fit:cover;width:100%;height:100%}.session-info{flex-direction:column;align-items:center;gap:2px;display:flex}.session-name{font-size:var(--font-size-xxs);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:76px;font-weight:800;overflow:hidden}.session-role{text-transform:uppercase;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:800}.session-role.role-admin{background:var(--accent-strong);color:#fffaf0}.session-role.role-maintainer{color:#fef9c3;background:#854d0e}.session-role.role-user{background:var(--line);color:var(--ink)}.session-logout{border:1px solid var(--line);width:28px;min-width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;place-items:center;margin-top:2px;display:grid}.session-logout:hover{color:var(--signal);border-color:var(--signal);box-shadow:none;background:#fee2e2;transform:none}.admin-panel{max-width:900px;margin-top:26px}.admin-header{justify-content:space-between;align-items:flex-start;gap:var(--space-16);margin-bottom:var(--space-18);display:flex}.admin-header button{border:1px solid var(--ink);background:var(--panel);color:var(--ink);align-items:center;gap:var(--space-6);height:36px;padding:0 var(--space-14);cursor:pointer;font:inherit;font-size:var(--font-size-sm);display:inline-flex}.admin-header button:hover{box-shadow:3px 3px 0 var(--ink);transform:translateY(-1px)}.admin-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);font-size:var(--font-size-base);justify-content:center;align-items:center;gap:var(--space-10);flex-direction:column;padding:40px;display:flex}.admin-section{margin-bottom:var(--space-24)}.admin-section-title{margin:0 0 var(--space-12);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:800}.admin-self-card{border:1px solid var(--line);box-shadow:var(--shadow);padding:var(--space-16) var(--space-18);justify-content:space-between;align-items:center;gap:var(--space-16);background:#fbfaf4f5;display:flex}.admin-self-meta{align-items:flex-end;gap:var(--space-6);flex-direction:column;display:flex}.admin-self-joined{font-size:var(--font-size-xs);color:var(--muted)}.admin-table{border:1px solid var(--line);box-shadow:var(--shadow);background:#fbfaf4e6}.admin-table-head{gap:var(--space-10);padding:var(--space-10) var(--space-16);border-bottom:1px solid var(--line);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--muted);background:#e7e1d0;grid-template-columns:1fr 140px 120px 90px;font-weight:800;display:grid}.admin-table-row{gap:var(--space-10);padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--line);grid-template-columns:1fr 140px 120px 90px;align-items:center;transition:background-color .12s;display:grid}.admin-table-row:last-child{border-bottom:0}.admin-table-row:hover{background:#315c4b08}.admin-user-cell{align-items:center;gap:var(--space-10);min-width:0;display:flex}.admin-user-cell strong{font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-email{font-size:var(--font-size-xs);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-avatar{background:var(--accent-strong);color:#fffaf0;border:1px solid var(--ink);border-radius:50%;place-items:center;width:32px;min-width:32px;height:32px;display:grid;overflow:hidden}.admin-user-avatar img{object-fit:cover;width:100%;height:100%}.admin-role-cell{align-items:center;display:flex}.role-select-wrapper{align-items:center;display:inline-flex;position:relative}.role-select{appearance:none;border:1px solid var(--line);padding:var(--space-4) var(--space-24) var(--space-4) var(--space-8);font:inherit;font-size:var(--font-size-xs);text-transform:uppercase;cursor:pointer;background:var(--panel);color:var(--ink);border-radius:3px;min-width:110px;font-weight:800}.role-select:disabled{opacity:.6;cursor:not-allowed}.role-select.role-admin{background:var(--accent-strong);color:#fffaf0;border-color:var(--accent-strong)}.role-select.role-maintainer{color:#fef9c3;background:#854d0e;border-color:#854d0e}.role-select-chevron{pointer-events:none;position:absolute;right:8px}.role-select.role-admin+.role-select-chevron,.role-select.role-maintainer+.role-select-chevron{color:#fffaf0}.admin-date-cell{font-size:var(--font-size-xs);color:var(--muted)}.admin-actions-cell{justify-content:flex-end;display:flex}.admin-delete-btn{border:1px solid var(--line);color:var(--signal);height:30px;padding:0 var(--space-10);font:inherit;font-size:var(--font-size-xs);text-transform:uppercase;cursor:pointer;background:0 0;font-weight:800;transition:background-color .12s,border-color .12s}.admin-delete-btn:hover{border-color:var(--signal);box-shadow:none;background:#fee2e2;transform:none}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@media (width<=720px){.admin-table-head,.admin-table-row{grid-template-columns:1fr auto}.admin-date-cell,.admin-table-head span:nth-child(3){display:none}}
