:root{--font-display:"Plus Jakarta Sans",ui-sans-serif,"Segoe UI",system-ui,sans-serif;--font-ui:"Plus Jakarta Sans",ui-sans-serif,"Segoe UI",system-ui,sans-serif;--font-body:"Plus Jakarta Sans",ui-sans-serif,"Segoe UI",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--lime-50:#F5F8FF;--lime-100:#EFF4FF;--lime-200:#DCE6FF;--lime-300:#B9CDFF;--lime-400:#7FA5FB;--lime-500:#2563EB;--lime-600:#1D4ED8;--lime-700:#1E40AF;--lime-800:#1E3A8A;--lime-900:#172554;--ink-50:#F4F6F9;--ink-100:#EEF0F4;--ink-200:#E7E9EE;--ink-300:#D4D8E0;--ink-400:#9AA1AE;--ink-500:#8B929E;--ink-600:#6B7280;--ink-700:#4B515C;--ink-800:#3B414C;--ink-900:#0B0D12;--white:#FFFFFF;--coral-100:#FEE2E2;--coral-500:#DC2626;--coral-600:#B91C1C;--amber-100:#FEF3C7;--amber-500:#D97706;--amber-600:#B45309;--sky-100:#DBEAFE;--sky-500:#3B82F6;--sky-600:#2563EB;--violet-100:#EDE9FE;--violet-500:#7C3AED;--violet-600:#6D28D9;--teal-100:#CCFBF1;--teal-500:#0D9488;--teal-600:#0F766E;--green-100:#DCFCE7;--green-500:#16A34A;--green-600:#15803D;--brand:var(--lime-500);--brand-hover:var(--lime-400);--brand-press:var(--lime-600);--brand-edge:var(--lime-700);--brand-soft:var(--lime-100);--brand-tint:var(--lime-50);--text-strong:var(--ink-900);--text-body:var(--ink-800);--text-muted:var(--ink-600);--text-subtle:var(--ink-500);--text-inverse:var(--white);--text-on-brand:var(--white);--text-link:var(--lime-500);--surface-page:#EDEFF3;--surface-card:var(--white);--surface-sunken:var(--ink-100);--surface-inverse:var(--ink-900);--surface-brand:var(--lime-500);--surface-brand-soft:var(--lime-100);--border-subtle:var(--ink-200);--border-default:var(--ink-300);--border-strong:var(--ink-400);--border-brand:var(--lime-500);--edge-neutral:var(--ink-300);--success:var(--green-500);--success-soft:var(--green-100);--danger:var(--coral-500);--danger-edge:var(--coral-600);--danger-soft:var(--coral-100);--warning:var(--amber-500);--warning-edge:var(--amber-600);--warning-soft:var(--amber-100);--info:var(--sky-500);--info-edge:var(--sky-600);--info-soft:var(--sky-100);--premium:var(--violet-500);--premium-edge:var(--violet-600);--premium-soft:var(--violet-100);--focus-ring:var(--lime-500);--text-display-1:44px;--text-display-2:36px;--text-h1:30px;--text-h2:24px;--text-h3:20px;--text-lg:18px;--text-base:16px;--text-sm:14px;--text-xs:12px;--text-2xs:11px;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.45;--lh-relaxed:1.6;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--ls-tight:-0.02em;--ls-normal:0;--ls-wide:0.02em;--ls-caps:0.08em;--type-display:var(--fw-black) var(--text-display-1)/var(--lh-tight) var(--font-display);--type-h1:var(--fw-extrabold) var(--text-h1)/var(--lh-snug) var(--font-display);--type-h2:var(--fw-extrabold) var(--text-h2)/var(--lh-snug) var(--font-display);--type-h3:var(--fw-bold) var(--text-h3)/var(--lh-snug) var(--font-display);--type-body:var(--fw-medium) var(--text-base)/var(--lh-relaxed) var(--font-body);--type-body-sm:var(--fw-medium) var(--text-sm)/var(--lh-normal) var(--font-body);--type-label:var(--fw-bold) var(--text-sm)/var(--lh-normal) var(--font-ui);--type-caps:var(--fw-extrabold) var(--text-xs)/var(--lh-normal) var(--font-ui);--type-mono:var(--fw-medium) var(--text-sm)/var(--lh-normal) var(--font-mono);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--gutter-page:24px;--gutter-page-lg:40px;--container-max:1200px;--container-prose:680px;--control-h-sm:36px;--control-h-md:44px;--control-h-lg:56px;--tap-min:44px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--radius-circle:50%;--border-w:2px;--border-w-thick:3px;--edge-depth:4px;--edge-depth-lg:6px;--shadow-edge:0 4px 0 var(--edge-neutral);--shadow-edge-brand:0 4px 0 var(--brand-edge);--shadow-card:0 2px 0 var(--ink-200);--shadow-raised:0 4px 0 var(--ink-200);--shadow-pop:0 8px 24px -8px rgba(23,37,28,.28);--shadow-modal:0 24px 60px -12px rgba(23,37,28,.35);--shadow-focus:0 0 0 3px var(--lime-200);--overlay-scrim:rgba(23,37,28,.45);--blur-scrim:blur(2px);--dur-instant:80ms;--dur-fast:140ms;--dur-base:220ms;--dur-slow:360ms;--dur-celebrate:600ms;--ease-standard:cubic-bezier(.2,.8,.3,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.6,0,1,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--press-travel:2px;--radius:0.875rem;--background:#EDEFF3;--foreground:#0B0D12;--card:#FFFFFF;--card-foreground:#0B0D12;--popover:#FFFFFF;--popover-foreground:#0B0D12;--primary:#2563EB;--primary-foreground:#FFFFFF;--secondary:#EEF0F4;--secondary-foreground:#3B414C;--muted:#F4F6F9;--muted-foreground:#6B7280;--accent:#EFF4FF;--accent-foreground:#1D4ED8;--destructive:#DC2626;--destructive-foreground:#FFFFFF;--border:#E7E9EE;--input:#E1E4EA;--ring:#2563EB;--sidebar:#FFFFFF;--sidebar-foreground:#3B414C;--sidebar-primary:#2563EB;--sidebar-primary-foreground:#FFFFFF;--sidebar-accent:#EFF4FF;--sidebar-accent-foreground:#1D4ED8;--sidebar-border:#E7E9EE;--sidebar-ring:#2563EB;--chart-1:#2563EB;--chart-2:#16A34A;--chart-3:#D97706;--chart-4:#7C3AED;--chart-5:#0D9488;--bg:var(--surface-page);--fg:var(--text-strong);--line:var(--border-subtle)}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-ui);font-weight:var(--fw-medium);-webkit-font-smoothing:antialiased}.page{max-width:680px;margin:0 auto;padding:40px 20px 80px}.page.wide{max-width:900px}.page>header{margin-bottom:28px}.page h1{font:var(--type-h1);margin:0 0 4px;letter-spacing:var(--ls-tight)}.sub{margin:0;font:var(--type-body-sm)}.admin-link a,.sub,.sub a{color:var(--muted-foreground)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}h2{font:var(--type-h2);margin:0 0 18px}h3{font:var(--type-caps);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--muted-foreground);margin:28px 0 10px}.brief{border-left:3px solid var(--primary);padding-left:16px;margin:20px 0 26px}.brief p{margin:0 0 6px;font:var(--type-body-sm)}.hint{color:var(--muted-foreground);font-style:italic}button{font:inherit;cursor:pointer;border-radius:var(--radius-md)}.danger,.primary{border:none;padding:0 22px;min-height:var(--control-h-md);font:var(--fw-black) 15px/1 var(--font-ui);letter-spacing:var(--ls-wide);text-transform:uppercase;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-instant) var(--ease-standard),box-shadow var(--dur-instant) var(--ease-standard)}.primary{background:var(--brand);color:var(--text-on-brand);box-shadow:0 4px 0 var(--brand-edge)}.primary:hover{background:var(--brand-hover)}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--brand-edge)}.danger{background:var(--danger);color:#fff;box-shadow:0 4px 0 var(--danger-edge)}.danger:hover{background:#ff7261}.danger:active{transform:translateY(3px);box-shadow:0 1px 0 var(--danger-edge)}.link{background:none;border:none;color:var(--muted-foreground);padding:0;font:var(--type-body-sm);text-decoration:underline}.levels{display:grid;grid-gap:10px;gap:10px}.level{display:grid;grid-template-columns:34px 1fr;grid-gap:4px 14px;gap:4px 14px;background:var(--card);border:1px solid var(--border);padding:16px;text-align:left;color:inherit;border-radius:var(--radius)}.level:hover{border-color:var(--lime-400)}.level-no{grid-row:span 2;font:var(--fw-black) 22px var(--font-mono);color:var(--muted-foreground)}.level-name{font:var(--fw-extrabold) 15px var(--font-ui)}.level-meta{font:var(--fw-medium) 13px var(--font-ui);color:var(--muted-foreground)}.status{margin:20px 0;font:var(--type-body)}.status.live{color:var(--lime-700);font-weight:var(--fw-extrabold)}.status.error{color:var(--danger-edge)}.admin-link{margin:22px 0 0;font:var(--type-body-sm)}.admin{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.admin-bar{display:flex;align-items:center;gap:12px;margin-bottom:22px;border-bottom:1px solid var(--border);padding-bottom:12px}.tabs{display:flex;gap:4px}.tab{background:none;border:none;color:var(--muted-foreground);padding:7px 13px;font:var(--fw-bold) 14px var(--font-ui);border-radius:var(--radius-sm)}.tab.active{background:var(--accent);color:var(--accent-foreground)}.saved{margin-left:auto;font:var(--fw-bold) 12px var(--font-ui);color:var(--lime-700);opacity:0;transition:opacity var(--dur-base)}.saved.on{opacity:1}.admin section{display:flex;flex-direction:column}.help{font:var(--type-body-sm);color:var(--muted-foreground);margin:0 0 14px}.warn{font:var(--fw-bold) 13px var(--font-ui);color:var(--amber-600);margin:0 0 12px}code{background:var(--ink-100);padding:1px 5px;border-radius:var(--radius-xs);font:var(--fw-medium) 12.5px var(--font-mono)}.admin label{font:var(--type-caps);color:var(--muted-foreground);margin:14px 0 5px;text-transform:uppercase;letter-spacing:var(--ls-caps)}.admin label.good{color:var(--lime-700)}.admin label.bad{color:var(--coral-600)}.admin label.inline{display:flex;align-items:center;gap:6px;margin:0;text-transform:none;letter-spacing:0;font:var(--fw-medium) 13px var(--font-ui)}.admin label.inline input{width:58px}.admin input,.admin select,.admin textarea{font:var(--fw-medium) 14px var(--font-ui);width:100%;background:var(--background);color:var(--foreground);border:1px solid var(--input);border-radius:var(--radius-sm);padding:9px 11px;resize:vertical}.admin textarea{font-family:var(--font-mono);font-size:13px;line-height:1.55}.admin input:focus,.admin select:focus,.admin textarea:focus{outline:none;border-color:var(--ring);box-shadow:var(--shadow-focus)}.admin input[type=number],.admin select{width:auto}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.chip{background:var(--ink-100);border:1px solid var(--border);color:var(--foreground);font:var(--fw-medium) 12px var(--font-mono);padding:4px 9px;border-radius:var(--radius-xs)}.chip:hover{border-color:var(--lime-500);background:var(--lime-50)}.field{display:flex;flex-direction:column;margin-bottom:4px}.row{border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}.row-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.row-title{flex:1 1;min-width:180px;font-weight:var(--fw-bold)}.cat{width:150px!important;font-family:var(--font-mono);font-size:12.5px}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:620px){.two{grid-template-columns:1fr}}.add{background:none;border:1px dashed var(--border-default);color:var(--muted-foreground);padding:10px;margin-top:8px;font:var(--fw-bold) 14px var(--font-ui)}.add:hover{border-color:var(--lime-500);color:var(--lime-700)}.add.small{padding:6px 12px;font-size:13px;align-self:flex-start}.del{background:none;border:none;color:var(--coral-600);font:var(--fw-bold) 13px var(--font-ui);padding:4px}.drawn{background:var(--lime-50);border:1px solid var(--lime-200);border-radius:var(--radius-sm);padding:12px 14px;font:var(--type-body-sm);margin:14px 0}.preview{background:var(--ink-50);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;font:var(--fw-medium) 12.5px/1.6 var(--font-mono);white-space:pre-wrap;overflow-x:auto;max-height:560px}.export{border-top:1px solid var(--border);margin-top:26px;padding-top:18px}.export button{background:var(--white);border:2px solid var(--border-subtle);color:var(--foreground);padding:8px 14px;font:var(--fw-bold) 13px var(--font-ui);box-shadow:0 3px 0 var(--ink-300)}.export button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink-300)}@keyframes dcPulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes dcBar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes dcRing{0%{transform:scale(.9);opacity:.55}to{transform:scale(1.6);opacity:0}}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px rgba(37,99,235,.18)}