.sys{max-width:34rem;padding:clamp(3.5rem, 12vh, 8rem) var(--gutter) clamp(4rem, 12vh, 8rem);flex-direction:column;align-items:flex-start;gap:1rem;margin:0 auto;display:flex}.sys__rule{background:var(--accent);border:0;width:2.5rem;height:2px;margin:0}.sys__title{font:600 clamp(24px, 3.4vw, 34px) / 1.25 var(--font-serif);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0}.sys__note{font:300 1rem / 1.85 var(--font-serif);letter-spacing:.015em;color:var(--ink-muted);margin:0}.sys__actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:.75rem;display:flex}.sys__btn{font:400 .875rem / 1 var(--font-sans);letter-spacing:.04em;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-card);cursor:pointer;transition:background .18s var(--ease), border-color .18s var(--ease);align-items:center;gap:.45em;padding:.62em 1.15em;display:inline-flex}.sys__btn:hover{background:var(--accent-deep,var(--accent));border-color:var(--accent-deep,var(--accent))}.sys__btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sys__btn:active{background:var(--accent-deep,var(--accent));border-color:var(--accent-deep,var(--accent));transform:translateY(1px)}.sys__btn[disabled]{opacity:.55;cursor:not-allowed}.sys__link{font:400 .875rem / 1 var(--font-sans);color:var(--ink-soft);border-bottom:1px solid var(--rule-dark);transition:color .18s var(--ease);padding-bottom:2px;text-decoration:none}.sys__link:hover{color:var(--accent)}.sys__link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.sys__code{font:400 .8125rem / 1.6 var(--font-sans);letter-spacing:.02em;color:var(--ink-soft);margin:0}.sys__code code{-webkit-user-select:all;user-select:all;font-family:inherit}.sys__skeleton{flex-direction:column;gap:1rem;width:100%;margin-top:.5rem;display:flex}.sys__bar{border-radius:var(--radius-card);background:color-mix(in srgb, var(--ink) 8%, transparent);background-image:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--ink) 6%, transparent) 45%, transparent 90%);height:.75rem;animation:sys-sweep 1.6s var(--ease) infinite;background-size:220% 100%}.sys__bar--title{width:46%;height:1.6rem}.sys__bar--short{width:68%}@keyframes sys-sweep{0%{background-position:140% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){.sys__bar{animation:none}}