:root{--perd-bg:oklch(0.972 0.007 85);--perd-bg-subtle:oklch(0.955 0.008 85);--perd-bg-inset:oklch(0.935 0.010 85);--perd-surface:oklch(0.993 0.004 90);--perd-border:oklch(0.89 0.012 85);--perd-border-strong:oklch(0.81 0.015 85);--perd-text:oklch(0.24 0.018 65);--perd-text-secondary:oklch(0.45 0.020 70);--perd-text-tertiary:oklch(0.57 0.018 75);--perd-text-disabled:oklch(0.72 0.012 80);--perd-accent:oklch(0.525 0.169 293);--perd-accent-hover:oklch(0.475 0.175 293);--perd-accent-active:oklch(0.435 0.175 293);--perd-accent-subtle:oklch(0.935 0.030 300);--perd-accent-text:oklch(0.99 0.003 90);--perd-brand-violet:oklch(0.525 0.169 293);--perd-brand-orchid:oklch(0.689 0.188 326);--perd-ok:oklch(0.60 0.14 150);--perd-ok-subtle:oklch(0.94 0.04 150);--perd-warn:oklch(0.68 0.14 80);--perd-warn-subtle:oklch(0.95 0.05 85);--perd-danger:oklch(0.55 0.18 30);--perd-danger-subtle:oklch(0.94 0.04 30);--perd-info:oklch(0.58 0.11 235);--perd-info-subtle:oklch(0.94 0.03 235);--perd-font-text:"Inter",ui-sans-serif,system-ui,sans-serif;--perd-font-mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--perd-text-xs:0.6875rem;--perd-text-sm:0.8125rem;--perd-text-md:0.875rem;--perd-text-lg:1rem;--perd-text-xl:1.25rem;--perd-text-2xl:1.5rem;--perd-leading-tight:1.25;--perd-leading-body:1.6;--perd-tracking-tight:-0.011em;--perd-tracking-caps:0.06em;--perd-space-1:0.25rem;--perd-space-2:0.5rem;--perd-space-3:0.75rem;--perd-space-4:1rem;--perd-space-5:1.5rem;--perd-space-6:2rem;--perd-space-7:3.5rem;--perd-space-8:4rem;--perd-radius-sm:6px;--perd-radius-md:9px;--perd-radius-lg:14px;--perd-card-shadow:0 1px 2px oklch(0.35 0.05 70/0.05),0 2px 10px oklch(0.35 0.05 70/0.05);--perd-card-shadow-hover:0 1px 3px oklch(0.35 0.05 70/0.07),0 4px 16px oklch(0.35 0.05 70/0.08);--perd-shadow-float:0 0 0 1px oklch(0.35 0.05 70/0.06),0 2px 4px oklch(0.35 0.05 70/0.08),0 8px 24px oklch(0.35 0.05 70/0.12);--perd-shadow-modal:0 0 0 1px oklch(0.35 0.05 70/0.07),0 4px 12px oklch(0.35 0.05 70/0.12),0 24px 64px oklch(0.35 0.05 70/0.20);--perd-atmosphere:radial-gradient(120% 340px at 50% 0%,oklch(0.90 0.035 80/0.45),transparent 70%);--perd-ease-out:cubic-bezier(0.16,1,0.3,1);--perd-ease-in-out:cubic-bezier(0.65,0,0.35,1);--perd-dur-fast:120ms;--perd-dur-base:180ms;--perd-dur-slow:240ms;--perd-focus-ring:0 0 0 2px var(--perd-bg),0 0 0 4px var(--perd-accent)}:root[data-theme=dark]{--perd-bg:oklch(0.195 0.010 75);--perd-bg-subtle:oklch(0.225 0.010 75);--perd-bg-inset:oklch(0.17 0.010 75);--perd-surface:oklch(0.245 0.012 75);--perd-border:oklch(0.31 0.014 75);--perd-border-strong:oklch(0.39 0.015 75);--perd-text:oklch(0.93 0.010 85);--perd-text-secondary:oklch(0.72 0.012 80);--perd-text-tertiary:oklch(0.58 0.012 78);--perd-text-disabled:oklch(0.45 0.010 75);--perd-accent:oklch(0.70 0.150 298);--perd-accent-hover:oklch(0.75 0.140 298);--perd-accent-active:oklch(0.65 0.150 298);--perd-accent-subtle:oklch(0.30 0.055 298);--perd-accent-text:oklch(0.17 0.030 293);--perd-brand-violet:oklch(0.62 0.165 293);--perd-brand-orchid:oklch(0.74 0.170 326);--perd-ok:oklch(0.70 0.13 150);--perd-ok-subtle:oklch(0.28 0.05 150);--perd-warn:oklch(0.76 0.13 82);--perd-warn-subtle:oklch(0.29 0.05 82);--perd-danger:oklch(0.66 0.16 30);--perd-danger-subtle:oklch(0.29 0.06 30);--perd-info:oklch(0.70 0.10 235);--perd-info-subtle:oklch(0.28 0.04 235);--perd-card-shadow:0 1px 2px oklch(0 0 0/0.25),0 2px 10px oklch(0 0 0/0.25);--perd-card-shadow-hover:0 1px 3px oklch(0 0 0/0.3),0 4px 16px oklch(0 0 0/0.35);--perd-shadow-float:0 0 0 1px oklch(1 0 0/0.06),0 2px 4px oklch(0 0 0/0.3),0 8px 24px oklch(0 0 0/0.4);--perd-shadow-modal:0 0 0 1px oklch(1 0 0/0.07),0 4px 12px oklch(0 0 0/0.4),0 24px 64px oklch(0 0 0/0.55);--perd-atmosphere:radial-gradient(120% 340px at 50% 0%,oklch(0.32 0.035 70/0.5),transparent 70%)}@media (prefers-reduced-motion:reduce){:root{--perd-dur-fast:0ms;--perd-dur-base:0ms;--perd-dur-slow:0ms}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{position:relative;font-family:var(--perd-font-text);font-size:var(--perd-text-md);line-height:var(--perd-leading-body);letter-spacing:var(--perd-tracking-tight);background:var(--perd-bg);color:var(--perd-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:absolute;inset:0 0 auto 0;height:420px;background:var(--perd-atmosphere);pointer-events:none;z-index:-1}::selection{background:var(--perd-accent-subtle)}:focus-visible{outline:none;box-shadow:var(--perd-focus-ring);border-radius:var(--perd-radius-sm)}.mono,code,pre{font-family:var(--perd-font-mono);font-size:.92em}.container{max-width:1200px;margin:0 auto;padding:0 var(--perd-space-5)}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:10;height:52px;gap:var(--perd-space-5);background:color-mix(in oklch,var(--perd-bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--perd-border);padding:0 var(--perd-space-5)}.topnav,.topnav .brand{display:flex;align-items:center}.topnav .brand{gap:var(--perd-space-2);font-weight:600;font-size:var(--perd-text-md);color:var(--perd-text);text-decoration:none}.brand svg{display:block}.topnav nav{display:flex;gap:var(--perd-space-1)}.topnav nav a{padding:var(--perd-space-1) var(--perd-space-3);border-radius:var(--perd-radius-md);color:var(--perd-text-secondary);font-size:var(--perd-text-sm);text-decoration:none;transition:color var(--perd-dur-fast) var(--perd-ease-out),background var(--perd-dur-fast) var(--perd-ease-out)}.topnav nav a:hover,.topnav nav a[aria-current=page]{color:var(--perd-text);background:var(--perd-bg-inset)}.topnav .spacer{flex:1 1}.btn{display:inline-flex;align-items:center;gap:var(--perd-space-2);height:32px;padding:0 var(--perd-space-3);border-radius:var(--perd-radius-md);border:1px solid transparent;font:inherit;font-size:var(--perd-text-sm);font-weight:500;cursor:pointer;transition:background var(--perd-dur-fast) var(--perd-ease-out),border-color var(--perd-dur-fast) var(--perd-ease-out),color var(--perd-dur-fast) var(--perd-ease-out)}.btn-primary{background:var(--perd-accent);color:var(--perd-accent-text)}.btn-primary:hover{background:var(--perd-accent-hover)}.btn-primary:active{background:var(--perd-accent-active)}.btn-ghost{background:transparent;color:var(--perd-text-secondary);border-color:var(--perd-border)}.btn-ghost:hover{color:var(--perd-text);border-color:var(--perd-border-strong);background:var(--perd-bg-subtle)}.card{background:var(--perd-surface);border:1px solid var(--perd-border);border-radius:var(--perd-radius-md);box-shadow:var(--perd-card-shadow);transition:border-color var(--perd-dur-fast) var(--perd-ease-out),box-shadow var(--perd-dur-fast) var(--perd-ease-out)}a.card{text-decoration:none;color:inherit;display:block}a.card:hover{border-color:var(--perd-border-strong);box-shadow:var(--perd-card-shadow-hover)}.status{display:inline-flex;align-items:center;gap:var(--perd-space-2);font-size:var(--perd-text-xs);font-weight:600;letter-spacing:var(--perd-tracking-caps);text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:50%}.status.ok{color:var(--perd-ok)}.status.ok .status-dot{background:var(--perd-ok)}.status.idle{color:var(--perd-text-tertiary)}.status.idle .status-dot{background:var(--perd-text-disabled)}.status.danger{color:var(--perd-danger)}.status.danger .status-dot{background:var(--perd-danger)}.status.busy{color:var(--perd-info)}.status.busy .status-dot{background:var(--perd-info);animation:perd-pulse 1.6s var(--perd-ease-in-out) infinite}@keyframes perd-pulse{0%,to{opacity:1}50%{opacity:.35}}.page-enter{animation:perd-enter var(--perd-dur-base) var(--perd-ease-out) both}@keyframes perd-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.overline{font-weight:600;letter-spacing:var(--perd-tracking-caps);text-transform:uppercase;color:var(--perd-text-tertiary)}.kbd,.overline{font-size:var(--perd-text-xs)}.kbd{font-family:var(--perd-font-mono);padding:1px 5px;border:solid var(--perd-border);border-width:1px 1px 2px;border-radius:var(--perd-radius-sm);background:var(--perd-bg-subtle);color:var(--perd-text-secondary)}.input{height:34px;padding:0 var(--perd-space-3);font:inherit;font-size:var(--perd-text-sm);color:var(--perd-text);background:var(--perd-bg);border:1px solid var(--perd-border);border-radius:var(--perd-radius-md);transition:border-color var(--perd-dur-fast) var(--perd-ease-out)}.input:hover{border-color:var(--perd-border-strong)}.linklike{font:inherit;font-size:inherit;color:var(--perd-accent);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.skeleton-line{border-radius:var(--perd-radius-sm)}.progress-track,.skeleton-line{background:var(--perd-bg-inset)}.progress-track{height:4px;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--perd-accent);transition:width var(--perd-dur-base) var(--perd-ease-out)}.deflist{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--perd-space-4);gap:var(--perd-space-4)}.deflist dt{font-size:var(--perd-text-xs);font-weight:600;letter-spacing:var(--perd-tracking-caps);text-transform:uppercase;color:var(--perd-text-tertiary);margin-bottom:var(--perd-space-1)}.deflist dd{font-size:var(--perd-text-sm)}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none}.page-enter,.status.busy .status-dot{animation:none}}