:root{--sx-bg: #fafafa;--sx-surface: #ffffff;--sx-fg: #111827;--sx-muted: #52525b;--sx-accent: #1d4ed8;--sx-accent-dim: rgba(29, 78, 216, .12);--sx-success: #15803d;--sx-warning: #a16207;--sx-danger: #b91c1c;--sx-border: rgba(15, 23, 42, .12);--sx-border-strong: rgba(15, 23, 42, .16);--sx-radius: 14px;--sx-space: 12px;--sx-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", system-ui, sans-serif;--sx-mono: ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", Menlo, monospace;--sx-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .08);--sx-max: 800px;--sx-header-height: 52px;--sx-mobile-nav-height: 56px;--sx-blur: blur(20px) saturate(150%)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--sx-font);font-size:16px;line-height:1.5;color:var(--sx-fg);background:radial-gradient(1200px 480px at 10% -10%,color-mix(in srgb,var(--sx-accent) 10%,transparent),transparent 55%),var(--sx-bg);-webkit-font-smoothing:antialiased}a{color:var(--sx-accent)}h1,h2,h3{line-height:1.25;margin:0}button,.sx-button-primary,.sx-button-secondary{font-family:inherit;min-height:44px;border-radius:var(--sx-radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:8px}.sx-button-primary{background:var(--sx-accent);color:#fff;border:none;padding:12px 16px}.sx-button-primary:hover:not(:disabled){filter:brightness(1.05)}.sx-button-secondary{background:var(--sx-surface);color:var(--sx-fg);border:1px solid var(--sx-border-strong);padding:12px 16px}.sx-button-primary:disabled,.sx-button-secondary:disabled{opacity:.55;cursor:not-allowed}input,textarea{font-family:inherit;font-size:16px;border:1px solid var(--sx-border-strong);border-radius:var(--sx-radius);background:var(--sx-surface);color:var(--sx-fg);padding:10px 12px}:focus-visible{outline:2px solid var(--sx-accent);outline-offset:2px}.sx-muted{color:var(--sx-muted)}.sx-error{color:var(--sx-danger)}.sx-success{color:var(--sx-success)}.sx-stack{display:flex;flex-direction:column;gap:calc(var(--sx-space) * 1.5)}.sx-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--sx-space);margin-bottom:calc(var(--sx-space) * .5)}.sx-page-header-text{display:flex;flex-direction:column;gap:4px;min-width:0}.sx-page-header h1{font-size:1.75rem;letter-spacing:-.02em}.sx-page-subtitle{margin:0;color:var(--sx-muted);max-width:40rem}.sx-card{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:calc(var(--sx-radius) + 2px);box-shadow:var(--sx-shadow);padding:calc(var(--sx-space) * 1.75);display:flex;flex-direction:column;gap:calc(var(--sx-space) * 1.25)}.sx-card-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sx-space)}.sx-card-title{font-size:1.125rem;font-weight:650}.sx-badge{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border-radius:999px;font-size:.8125rem;font-weight:600;border:1px solid transparent}.sx-badge-muted{background:color-mix(in srgb,var(--sx-muted) 12%,var(--sx-surface));color:var(--sx-muted);border-color:var(--sx-border)}.sx-badge-success{background:color-mix(in srgb,var(--sx-success) 14%,var(--sx-surface));color:var(--sx-success);border-color:color-mix(in srgb,var(--sx-success) 35%,var(--sx-border))}.sx-empty{border:1px dashed var(--sx-border-strong);border-radius:var(--sx-radius);padding:calc(var(--sx-space) * 2);background:color-mix(in srgb,var(--sx-surface) 70%,transparent)}.sx-empty-compact{padding:calc(var(--sx-space) * 1.25)}.sx-empty-title{margin:0 0 6px;font-weight:650}.sx-shell{display:flex;flex-direction:column;min-height:100dvh}.sx-skip{position:absolute;left:-9999px;top:0;z-index:100;padding:8px 12px;background:var(--sx-surface);color:var(--sx-fg)}.sx-skip:focus{left:var(--sx-space);top:var(--sx-space)}.sx-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sx-space);min-height:var(--sx-header-height);padding:0 calc(var(--sx-space) * 1.5);border-bottom:1px solid rgba(15,23,42,.08);background:#ffffffb3;box-shadow:inset 0 1px #ffffffe6;backdrop-filter:var(--sx-blur);-webkit-backdrop-filter:var(--sx-blur);position:sticky;top:0;z-index:10}.sx-header-start{display:flex;align-items:center;gap:calc(var(--sx-space) * 1.25);min-width:0}.sx-header-end{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.sx-brand{font-weight:700;font-size:1.05rem;color:var(--sx-fg);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.sx-beta-badge{display:none;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sx-accent);border:1px solid color-mix(in srgb,var(--sx-accent) 28%,transparent);border-radius:999px;padding:2px 7px;background:var(--sx-accent-dim)}.sx-user-chip{display:none;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sx-muted);font-size:.75rem}.sx-header-action{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:4px 10px;border:1px solid var(--sx-border);border-radius:999px;background:#ffffff8c;color:var(--sx-muted);font-size:.6875rem;font-weight:600;text-decoration:none}.sx-header-action:hover{color:var(--sx-fg);border-color:var(--sx-border-strong)}.sx-nav-desktop{display:none;position:relative;align-items:center;gap:8px}.sx-nav-pill{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--sx-accent-dim);pointer-events:none;z-index:0}.sx-nav-desktop .sx-nav-link{position:relative;z-index:1;min-height:32px;display:inline-flex;align-items:center;text-decoration:none;color:var(--sx-muted);padding:7px 16px;border-radius:999px;font-size:.75rem;font-weight:500;letter-spacing:-.01em;background:transparent}.sx-nav-desktop .sx-nav-link:hover{color:var(--sx-fg);background:transparent}.sx-nav-desktop .sx-nav-link-active{color:var(--sx-accent);font-weight:600;background:transparent}.sx-nav-mobile{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);min-height:var(--sx-mobile-nav-height);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(15,23,42,.08);background:#ffffffeb;backdrop-filter:var(--sx-blur);-webkit-backdrop-filter:var(--sx-blur)}.sx-nav-mobile .sx-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 4px;border-radius:10px;text-decoration:none;color:var(--sx-muted);font-size:.6875rem;font-weight:500;text-align:center}.sx-nav-mobile .sx-nav-link-active{color:var(--sx-accent);font-weight:600;background:var(--sx-accent-dim)}@media(min-width:720px){.sx-header{grid-template-columns:1fr auto 1fr;padding:0 calc(var(--sx-space) * 2)}.sx-nav-desktop{display:flex}.sx-nav-mobile{display:none}.sx-beta-badge{display:inline-flex;align-items:center}.sx-user-chip{display:inline-block}.sx-header-action{font-size:.6875rem;padding:4px 10px}}.sx-main{flex:1 0 auto;width:100%;max-width:var(--sx-max);margin:0 auto;padding:calc(var(--sx-space) * 2.5) calc(var(--sx-space) * 2);min-height:calc(100dvh - var(--sx-header-height));box-sizing:border-box}@media(max-width:719px){.sx-main{padding-bottom:calc(var(--sx-space) * 2.5 + var(--sx-mobile-nav-height) + env(safe-area-inset-bottom,0px))}.sx-footer{padding-bottom:calc(8px + var(--sx-mobile-nav-height) + env(safe-area-inset-bottom,0px))}}.sx-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:8px calc(var(--sx-space) * 2);border-top:1px solid var(--sx-border);background:var(--sx-surface);font-size:.75rem}.sx-footer a{min-height:28px;display:inline-flex;align-items:center;color:var(--sx-muted);text-decoration:none}.sx-footer a:hover{color:var(--sx-accent)}.sx-auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--sx-space) * 2);gap:calc(var(--sx-space) * 1.5)}.sx-auth-brand{font-weight:700;font-size:1.25rem;color:var(--sx-fg);text-decoration:none}.sx-auth-card{width:100%;max-width:420px;background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:calc(var(--sx-radius) + 4px);box-shadow:var(--sx-shadow);padding:calc(var(--sx-space) * 2.25)}.sx-auth-card h1{font-size:1.5rem;margin-bottom:6px}.sx-auth-footer{display:flex;flex-wrap:wrap;gap:calc(var(--sx-space) * 1.25);justify-content:center}.sx-auth-footer a{color:var(--sx-muted);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.sx-auth-footer a:hover{color:var(--sx-accent)}.sx-form{display:flex;flex-direction:column;gap:var(--sx-space);margin:calc(var(--sx-space) * 1.5) 0 0}.sx-form label{display:flex;flex-direction:column;gap:6px;font-weight:500}.sx-form input{width:100%}.sx-form-actions{display:flex;flex-wrap:wrap;gap:var(--sx-space);align-items:center;margin-top:4px}.sx-summary{display:grid;gap:var(--sx-space);margin:0}.sx-summary dt{font-weight:600;margin-bottom:4px;font-size:.875rem}.sx-summary dd{margin:0;color:var(--sx-muted)}.sx-actions{display:flex;flex-wrap:wrap;gap:var(--sx-space)}.sx-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sx-skeleton{display:block;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--sx-muted) 12%,var(--sx-surface)),color-mix(in srgb,var(--sx-muted) 22%,var(--sx-surface)),color-mix(in srgb,var(--sx-muted) 12%,var(--sx-surface)));background-size:200% 100%;animation:sx-skeleton-pulse 1.2s ease-in-out infinite}.sx-skeleton-stack{display:flex;flex-direction:column;gap:10px}@keyframes sx-skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}