.sys,.sys-panel,.sys-banner,.sys-offline,.sys-failed,.sys-skel{--sys-olive:#777c65;--sys-olive-deep:color-mix(in srgb, var(--sys-olive) 86%, black);--sys-olive-ink:color-mix(in srgb, var(--sys-olive) 62%, black);--sys-olive-panel:color-mix(in srgb, var(--sys-olive) 78%, black);--sys-ivory:#efede4;--sys-on-olive:#fdfbf7;--sys-ground:#f4eee6;--sys-card:#fff;--sys-line:#e2ddd0;--sys-line-strong:#d3cdbf;--sys-ink:#121a15;--sys-muted:#56604f;--sys-faint:#5f6859;--sys-danger:#a23a2c;--sys-warn:#a2651a;--sys-sunken:#ece6da;--sys-sans:var(--font-sans,var(--font-manrope), "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);--sys-serif:var(--font-display,var(--font-instrument-serif), "Instrument Serif", Georgia, serif);--sys-radius:8px}.sys{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--sys-olive) 6%, transparent) 0 1px, transparent 1px 26px), var(--sys-ground);min-height:100dvh;color:var(--sys-ink);font:400 14px/1.5 var(--sys-sans);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.sys-top{justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;display:flex}.sys-top a{border-radius:4px;display:inline-flex}.sys-logo{width:112px;height:auto;display:block}.sys-body{flex:1;justify-content:center;align-items:center;padding:24px 16px 72px;display:flex}.sys-card{text-align:center;width:100%;min-width:0;max-width:520px}.sys-foot{text-align:center;color:var(--sys-faint);padding:0 16px 24px;font-size:12px}.sys-mark{border:1px solid color-mix(in srgb, var(--sys-olive) 38%, transparent);background:color-mix(in srgb, var(--sys-olive) 10%, var(--sys-card));width:64px;height:64px;color:var(--sys-olive-ink);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:inline-flex}.sys-mark svg{width:26px;height:26px}.sys-mark-danger{border-color:color-mix(in srgb, var(--sys-danger) 30%, transparent);background:color-mix(in srgb, var(--sys-danger) 8%, var(--sys-card));color:var(--sys-danger)}.sys-mark-warn{border-color:color-mix(in srgb, var(--sys-warn) 32%, transparent);background:color-mix(in srgb, var(--sys-warn) 9%, var(--sys-card));color:var(--sys-warn)}.sys-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--sys-olive-ink);margin:0 0 10px;font-size:11px;font-weight:600;display:block}.sys-title{font:400 44px/1.1 var(--sys-serif);letter-spacing:-.01em;color:var(--sys-ink);overflow-wrap:anywhere;margin:0}.sys-text{max-width:46ch;color:var(--sys-muted);overflow-wrap:anywhere;margin:14px auto 0;font-size:15px;line-height:1.6}.sys-chip{border:1px solid var(--sys-line-strong);background:var(--sys-card);max-width:100%;color:var(--sys-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-top:16px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.sys-chip svg{flex-shrink:0;width:12px;height:12px}.sys-ref{color:var(--sys-faint);overflow-wrap:anywhere;margin:18px 0 0;font-size:12px}.sys-ref code{color:var(--sys-muted);font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.sys-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.sys-btn{border-radius:var(--sys-radius);min-height:44px;font:600 14px/1.2 var(--sys-sans);letter-spacing:.01em;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;transition:background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.sys-btn svg{flex-shrink:0;width:15px;height:15px}.sys-btn-primary{background:var(--sys-olive-deep);color:var(--sys-on-olive);border:0}.sys-btn-primary:hover{background:color-mix(in srgb, var(--sys-olive) 74%, black);box-shadow:0 8px 18px -10px color-mix(in srgb, var(--sys-olive) 85%, transparent)}.sys-btn-secondary{border:1px solid var(--sys-line-strong);background:var(--sys-card);color:var(--sys-ink);font-weight:500}.sys-btn-secondary:hover{border-color:var(--sys-faint)}.sys-btn-sm{min-height:36px;padding:6px 14px;font-size:13px}.sys-btn:disabled{opacity:.55;cursor:not-allowed}.sys-btn:focus-visible,.sys-top a:focus-visible,.sys-banner-close:focus-visible{outline:2px solid var(--sys-olive-ink);outline-offset:2px}.sys-panel{min-height:60vh;font:400 14px/1.5 var(--sys-sans);color:var(--sys-ink);justify-content:center;align-items:center;padding:48px 24px;display:flex}.sys-panel .sys-card{max-width:460px}.sys-panel .sys-title{font-size:34px}.sys-panel-compact{min-height:0;padding:32px 20px}.sys-panel-compact .sys-mark{width:52px;height:52px;margin-bottom:18px}.sys-panel-compact .sys-mark svg{width:22px;height:22px}.sys-panel-compact .sys-title{font-size:24px}.sys-panel-compact .sys-text{font-size:13.5px}.sys-banner{border-bottom:1px solid color-mix(in srgb, var(--sys-warn) 30%, transparent);background:color-mix(in srgb, var(--sys-warn) 10%, var(--sys-card));color:var(--sys-ink);font:400 13px/1.5 var(--sys-sans);align-items:flex-start;gap:10px;min-width:0;padding:10px 16px;display:flex}.sys-banner>svg{width:16px;height:16px;color:var(--sys-warn);flex-shrink:0;margin-top:2px}.sys-banner-text{overflow-wrap:anywhere;flex:1;min-width:0}.sys-banner-text strong{font-weight:600}.sys-banner-close{border-radius:var(--radius-control);width:28px;height:28px;color:var(--sys-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -6px -4px 0;padding:0;display:inline-flex}.sys-banner-close svg{width:14px;height:14px}.sys-banner-compact{border:1px solid color-mix(in srgb, var(--sys-warn) 30%, transparent);border-radius:var(--sys-radius);margin:0 0 20px}.sys-offline{z-index:90;background:var(--sys-ink);max-width:calc(100vw - 32px);color:var(--sys-on-olive);font:500 13px/1.35 var(--sys-sans);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px -12px #0a0a0a73}.sys-offline svg{flex-shrink:0;width:15px;height:15px}.sys-offline span{min-width:0}.sys-offline-back{background:var(--sys-olive-deep)}.sys-failed{border:1px dashed var(--sys-line-strong);border-radius:var(--sys-radius);background:color-mix(in srgb, var(--sys-card) 70%, transparent);text-align:center;font:400 14px/1.5 var(--sys-sans);color:var(--sys-ink);flex-direction:column;align-items:center;gap:6px;min-width:0;padding:28px 20px;display:flex}.sys-failed>svg{width:22px;height:22px;color:var(--sys-muted);margin-bottom:4px}.sys-failed-title{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600}.sys-failed-text{max-width:44ch;color:var(--sys-muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.sys-failed .sys-btn{margin-top:10px}.sys-skel{min-width:0}.sys-skel-bar{background:#efede4a8;border-bottom:1px solid #a39d9338;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 32px;display:flex}.sys-skel-bar-actions{gap:10px;display:flex}.sys-skel-page{max-width:1400px;margin-inline:auto;padding:32px 40px 80px}.sys-skel-head{border-bottom:1px solid var(--sys-line);flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:24px;display:flex}.sys-skel-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.sys-skel-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;display:grid}.sys-skel-card{background:#fffdf8d1;border:1px solid #a39d9342;border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.sys-skel-b{background:var(--sys-sunken);border-radius:4px;height:12px;animation:1.5s ease-in-out infinite sys-pulse;display:block}@keyframes sys-pulse{50%{opacity:.55}}@media (max-width:1023px){.sys-skel-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sys-skel-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.sys-skel-bar{padding:0 14px 0 70px}.sys-skel-bar-actions>:not(:last-child){display:none}.sys-skel-page{padding:20px 16px 60px}}@media (max-width:767px){.sys-top{padding:18px 16px}.sys-title{font-size:34px}.sys-panel .sys-title{font-size:28px}.sys-text{font-size:14px}.sys-actions{flex-direction:column;align-items:stretch}.sys-actions .sys-btn{width:100%}}@media (prefers-reduced-motion:reduce){.sys-skel-b{animation:none}.sys-btn{transition:none}}