:root{--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-pill:999px;--space-sm:8px;--space-md:12px;--space-lg:16px;--blur-medium:20px}.theme-light{--background:#f3f5f8;--surface:#ffffffd1;--surface-strong:#fffffff0;--surface-raised:#fff;--surface-muted:#eef2f6;--text:#0e141b;--text-muted:#5e6a78;--accent:#c85a32;--accent-soft:#c85a3224;--border:#1520331f;--shadow-soft:#25304114;--shadow-strong:#25304129;--focus-ring:#c85a324d;--success:#1d8a61;--success-soft:#1d8a6124;--warning:#b7791f;--warning-soft:#b7791f24;--info:#295dbe;--info-soft:#295dbe24;--danger:#c43d3d;--danger-soft:#c43d3d24}.theme-dark{--background:#0a0d12;--surface:#161c24db;--surface-strong:#1b2230f2;--surface-raised:#171d27;--surface-muted:#10151d;--text:#f5f7fa;--text-muted:#9ca8b6;--accent:#e58f6f;--accent-soft:#e58f6f29;--border:#ffffff1f;--shadow-soft:#00000047;--shadow-strong:#00000070;--focus-ring:#e58f6f57;--success:#56b68d;--success-soft:#56b68d2e;--warning:#e2a14b;--warning-soft:#e2a14b2e;--info:#7fa9ff;--info-soft:#7fa9ff2e;--danger:#ff8a80;--danger-soft:#ff8a802e}:root{color:var(--text);background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 12%, transparent), transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--surface-muted) 55%, var(--background)), var(--background) 28%);font-family:SF Pro Display,Inter,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--text);background:0 0;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,input,select,a{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}:focus-visible{box-shadow:0 0 0 4px var(--focus-ring);outline:none}.shell{grid-template-columns:288px minmax(0,1fr);min-height:100vh;display:grid}.sidebar,.topbar{-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium))}.sidebar{border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface) 76%, transparent);grid-template-rows:auto 1fr auto;gap:24px;padding:28px 22px 22px;display:grid;box-shadow:inset -1px 0 #ffffff0a}.brand,.sidebar-link,.topbar,.profile-trigger,.menu-button,.segment{align-items:center;display:flex}.brand{gap:14px;margin-bottom:8px}.brand-mark{background:linear-gradient(145deg, var(--accent), color-mix(in srgb, var(--accent) 72%, white));color:#fff;width:46px;height:46px;box-shadow:0 16px 36px -24px var(--shadow-strong);border-radius:16px;place-items:center;font-weight:700;display:grid}.brand-copy,.sidebar-footer-copy,.profile-menu-copy,.sidebar-nav,.content,.page-grid,.stack,.field{display:grid}.brand-copy{gap:3px}.brand-copy strong,.sidebar-footer-copy strong,.profile-menu-copy strong{letter-spacing:-.02em;font-size:15px}.brand-copy p,.sidebar-footer-copy small,.profile-menu-copy small,.page-note{color:var(--text-muted);margin:0}.sidebar-nav{align-content:start;gap:8px}.sidebar-link{color:var(--text-muted);border:1px solid #0000;border-radius:18px;gap:12px;padding:12px 14px}.sidebar-link:hover{color:var(--text);background:color-mix(in srgb, var(--surface-raised) 70%, transparent);border-color:var(--border)}.sidebar-link.active{color:var(--text);background:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 90%, var(--surface-raised)), var(--surface));border-color:color-mix(in srgb, var(--accent) 16%, var(--border));box-shadow:0 14px 28px -24px var(--shadow-strong)}.sidebar-footer{border-top:1px solid var(--border);padding-top:10px;position:relative}.profile-trigger,.menu-button{border:1px solid var(--border);width:100%;color:var(--text)}.profile-trigger{cursor:pointer;text-align:left;background:color-mix(in srgb, var(--surface-raised) 82%, transparent);box-shadow:0 12px 30px -28px var(--shadow-strong);border-radius:18px;gap:12px;padding:12px}.avatar{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:999px;place-items:center;font-weight:700;display:grid}.profile-menu{border:1px solid var(--border);background:var(--surface-raised);box-shadow:0 24px 50px -30px var(--shadow-strong);border-radius:20px;gap:8px;padding:12px;display:grid;position:absolute;inset:auto 0 76px}.profile-menu-copy{border-bottom:1px solid var(--border);gap:4px;padding-bottom:8px}.menu-button{cursor:pointer;background:0 0;border-radius:14px;padding:10px 12px}.menu-button:hover{background:var(--surface-muted)}.menu-button.danger{color:var(--danger)}.content{gap:22px;padding:22px}.topbar{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 82%, transparent);box-shadow:0 18px 50px -38px var(--shadow-strong);justify-content:space-between;gap:16px;padding:20px 22px}.topbar-copy{gap:6px;display:grid}.topbar h1{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:700}.topbar p{max-width:56ch;color:var(--text-muted);margin:0}.page-grid,.stack{gap:16px}.auth-screen .card{width:min(460px,100%);overflow:hidden}.auth-screen .card-header{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 48%, var(--surface-raised)), var(--surface-raised))}@media (width<=1080px){.shell{grid-template-columns:1fr}.sidebar{grid-template-rows:auto auto auto}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (width<=720px){.content{padding:16px}.topbar{align-items:flex-start}.topbar,.toolbar,.pagination-row,.list-item{flex-direction:column;align-items:flex-start}}.card,.metric-card,.segmented-control,.list-item,.table-shell,.empty-state,.summary-grid>div,.detail-grid>div,.swagger-shell{border:1px solid var(--border);background:var(--surface-raised);box-shadow:0 18px 50px -38px var(--shadow-strong)}.card,.metric-card,.list-item,.table-shell,.empty-state,.swagger-shell{border-radius:var(--radius-lg)}.metric-grid,.overview-columns,.summary-grid,.detail-grid,.form-grid{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid,.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{gap:24px;padding:20px;display:grid}.metric-card-copy{gap:8px;display:grid}.metric-card strong{font-size:34px;line-height:1}.metric-card p,.metric-card span,.card-header p,.list-item p,.empty-text,.filter-pill,.track-description,small{color:var(--text-muted);margin:0}.metric-card p{text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:600}.metric-card span{font-size:14px;line-height:1.45}.card-header,.card-body{padding:20px 22px}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-header h3{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:650}.card-actions,.actions,.inline-badges,.toolbar,.toolbar-cluster,.toolbar-title,.pagination-row,.explorer-actions,.list-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card-actions{gap:10px}.toolbar{margin-bottom:18px}.toolbar-title,.toolbar-cluster{gap:10px}.categories-add-grid{grid-template-columns:minmax(0,1.4fr) 140px auto;align-items:end;width:100%}.button{cursor:pointer;letter-spacing:-.01em;border:1px solid #0000;border-radius:14px;justify-content:center;gap:8px;padding:12px 16px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{background:var(--accent);color:#fff;box-shadow:0 16px 30px -24px color-mix(in srgb, var(--accent) 64%, black)}.button-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 90%, black)}.button-secondary{background:var(--surface-muted);color:var(--text);border-color:var(--border)}.button-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--surface-muted) 72%, var(--surface-raised))}.button-ghost{color:var(--text-muted);border-color:var(--border);background:0 0}.button-ghost:hover:not(:disabled){color:var(--text);background:var(--surface-muted)}.button-sm{padding:9px 12px;font-size:13px}.badge{border-radius:var(--radius-pill);letter-spacing:.01em;background:var(--surface-muted);align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-neutral{color:var(--text-muted)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.segmented-control{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-raised) 90%, transparent);gap:6px;padding:6px}.segment{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;background:0 0;border:0;gap:8px;padding:10px 12px}.segment.active{color:var(--text);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border)}.list-item{background:var(--surface-muted);align-items:flex-start;padding:16px 18px}.empty-state{text-align:center;place-items:center;padding:48px 24px;display:grid}.error-text{color:var(--danger);margin:0}.filter-pill{border-radius:var(--radius-pill);background:var(--surface-muted);align-items:center;gap:10px;padding:8px 12px;display:inline-flex}.inline-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:0}@media (width<=1080px){.metric-grid,.overview-columns,.summary-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{gap:8px}.field>span,.field>label,.toolbar-label{color:var(--text-muted);font-size:13px;font-weight:600}.field input,.field select,.search-input,.filter-select,.form-input,.form-select{border:1px solid var(--border);background:var(--surface-muted);width:100%;min-height:44px;color:var(--text);border-radius:14px;padding:12px 14px}.field input[type=range]{background:0 0;border:0;min-height:auto;padding:0}.table-shell{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:720px}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:16px 12px}.table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.table tr:last-child td{border-bottom:0}.table p{color:var(--text-muted);margin:6px 0 0}.table-meta{gap:4px;display:grid}@media (width<=720px){.form-grid,.categories-add-grid{grid-template-columns:1fr}.table{min-width:640px}}.summary-grid>div,.detail-grid>div{border-radius:18px;min-width:140px;padding:16px}.summary-grid strong,.detail-grid strong{letter-spacing:-.04em;margin-bottom:6px;font-size:26px;display:block}.timeline{gap:12px;padding-bottom:12px;display:flex;overflow-x:auto}.timeline-segment{border:1px solid var(--border);border-radius:var(--radius-lg);min-height:132px;box-shadow:0 18px 50px -38px var(--shadow-strong);gap:12px;padding:16px;display:grid}.timeline-segment.clip{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 88%, var(--surface-raised)), var(--surface-muted))}.timeline-segment.gap{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--surface-muted) 88%, transparent), color-mix(in srgb, var(--surface-muted) 88%, transparent) 10px, transparent 10px, transparent 20px), var(--surface-raised);place-items:center}.waveform{align-items:end;gap:4px;min-height:72px;display:flex}.waveform i{background:var(--accent);border-radius:999px;width:6px;display:block}.track-description{font-size:14px;line-height:1.5}.swagger-shell{border-radius:var(--radius-lg);padding:12px}.explorer-actions code{background:var(--surface-muted);color:var(--text-muted);border-radius:14px;padding:10px 12px}.swagger-frame{background:#fff;border:0;border-radius:18px;width:100%;min-height:72vh}.public-page{background:var(--background);gap:20px;min-height:100vh;padding:32px;display:grid}.public-creator-header{align-items:start;gap:16px;display:grid}.public-creator-photo{object-fit:cover;border:1px solid var(--border);border-radius:28px;width:120px;height:120px}.auth-screen{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.auth-card{width:min(100%,440px)}.stack{gap:16px;display:grid}.field{gap:8px;display:grid}.field span{font-size:14px;font-weight:600}.field input{border:1px solid var(--border);background:var(--surface-muted);width:100%;color:var(--text);border-radius:14px;padding:12px 14px}.field input:focus{outline:2px solid color-mix(in srgb, var(--accent) 36%, transparent);outline-offset:1px}@media (width>=720px){.public-creator-header{grid-template-columns:120px 1fr}}