:root{--app-accent:#004a80;--app-accent-hover:#003a6e;--app-accent-soft:color-mix(in srgb, var(--app-accent) 14%, transparent);--app-accent-border:color-mix(in srgb, var(--app-accent) 35%, transparent);--app-accent-text:var(--app-accent);--surface-50:#f8fafc;--surface-200:#e2e8f0;--surface-300:#cbd5e1;--surface-500:#64748b;--surface-600:#475569;--surface-700:#334155;--surface-800:#1e293b}.dark{--app-accent-text:#fff;color:#e2e8f0;background:var(--surface-800)}.dark .text-app-accent,.dark .standalone-title{color:#fff}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--surface-700);background:var(--surface-50);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.45}.dark body{color:#cbd5e1;background:var(--surface-800)}a{color:var(--app-accent-text)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--app-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.min-h-screen{min-height:100vh}.bg-surface-50{background:var(--surface-50)}.dark .bg-surface-800,.bg-surface-800{background:var(--surface-800)}.text-app-accent,.text-app-accent-text{color:var(--app-accent-text)}.bg-app-accent-soft{background:var(--app-accent-soft)}.border-app-accent-border{border-color:var(--app-accent-border)}.app-page{max-width:64rem;margin:0 auto;padding:1rem 1rem 2rem}@media (width>=640px){.app-page{padding-left:1.5rem;padding-right:1.5rem}}.panel{border:1px solid var(--surface-200);background:#fff;border-radius:.75rem;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 2px #0000000f}.dark .panel{background:var(--surface-800);border-color:var(--surface-700)}.panel-title{color:#111827;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.dark .panel-title{color:#fff}.disclaimer{background:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.dark .disclaimer{background:#451a0366;border-color:#b4530980}.toolbar{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.btn{border:1px solid var(--surface-200);color:#111827;font:inherit;cursor:pointer;background:#fff;border-radius:.5rem;align-items:center;padding:.45rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.dark .btn{border-color:var(--surface-600);background:var(--surface-800);color:#fff}.btn-primary{background:var(--app-accent);border-color:var(--app-accent);color:#fff}.btn:disabled,button:disabled{opacity:.55;cursor:not-allowed}.field-label{color:var(--surface-600);flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.dark .field-label{color:var(--surface-300)}.field-row{grid-template-columns:1fr;gap:.5rem;margin-bottom:.5rem;display:grid}@media (width>=640px){.field-row{grid-template-columns:1fr 1fr}}.help{color:var(--surface-600);margin:.25rem 0 0;font-size:.75rem}.dark .help{color:var(--surface-500)}.mode-table{border-collapse:collapse;width:100%;font-size:.875rem}.mode-table th,.mode-table td{border-bottom:1px solid var(--surface-200);text-align:left;vertical-align:top;padding:.45rem .35rem}.dark .mode-table th,.dark .mode-table td{border-color:var(--surface-700)}.status-ok{color:#15803d;font-weight:600}.status-bad{color:#991b1b;font-weight:600}.dark .status-ok{color:#4ade80}.dark .status-bad{color:#f87171}.sr-pedigree{clip:rect(0, 0, 0, 0);white-space:pre-wrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid-2{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=960px){.grid-2{grid-template-columns:1.2fr .8fr}}.standalone-title{color:var(--app-accent-text);margin:0 0 .35rem;font-size:1.125rem;font-weight:600}.hidden{display:none}.cursor-pointer{cursor:pointer}.mt-2{margin-top:.5rem}.relative{position:relative}.fixed{position:fixed}.inset-0{inset:0}.pointer-events-none{pointer-events:none}.overflow-hidden{overflow:hidden}.mx-auto{margin-left:auto;margin-right:auto}.max-w-\[900px\]{max-width:900px}.space-y-10>*+*{margin-top:2.5rem}.space-y-3>*+*{margin-top:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.leading-relaxed{line-height:1.625}.max-w-2xl{max-width:42rem}.text-surface-600{color:var(--surface-600)}.dark .text-surface-300{color:#cbd5e1}.rounded-2xl{border-radius:1rem}.border{border-style:solid;border-width:1px}.border-surface-200{border-color:var(--surface-200)}.dark .border-surface-700{border-color:#334155}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.p-6{padding:1.5rem}.text-center{text-align:center}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}}.rounded-xl{border-radius:.75rem}.p-5{padding:1.25rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.flex{display:flex}.h-12{height:3rem}.w-12{width:3rem}.items-center{align-items:center}.justify-center{justify-content:center}.text-base{font-size:1rem}.font-semibold{font-weight:600}.text-gray-900{color:#111827}.dark .text-white{color:#fff}.mt-1{margin-top:.25rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-surface-500{color:var(--surface-500)}.block{display:block}.transition{transition:border-color .15s,background .15s}.hover\:border-app-accent-border:hover{border-color:var(--app-accent-border)}.hover\:bg-app-accent-soft\/40:hover{background:color-mix(in srgb, var(--app-accent-soft) 40%, transparent)}.absolute{position:absolute}.-left-32{left:-8rem}.-top-32{top:-8rem}.h-96{height:24rem}.w-96{width:24rem}.rounded-full{border-radius:9999px}.opacity-60{opacity:.6}.opacity-40{opacity:.4}.blur-3xl{filter:blur(64px)}.-top-24{top:-6rem}.right-0{right:0}.h-80{height:20rem}.w-80{width:20rem}
