:root{color-scheme:light;--bg-top: #f8f1e3;--bg-bottom: #edf4ef;--ink: #18242c;--muted: #586770;--panel: rgba(255, 255, 255, .82);--line: rgba(24, 36, 44, .1);--accent: #0f766e;--accent-strong: #11454a;--warm: #d97706;--shadow: 0 28px 90px rgba(26, 40, 45, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(247,159,39,.22),transparent 28%),radial-gradient(circle at 90% 12%,rgba(15,118,110,.18),transparent 22%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}a{color:inherit;text-decoration:none}.page-shell{padding:1.25rem 0 4rem}.shell{margin:0 auto;width:min(1120px,calc(100% - 2rem))}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:2.25rem}.brand{font-family:DIN Alternate,Avenir Next Condensed,PingFang SC,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.topnav{display:flex;gap:1rem}.topnav a{color:var(--muted);font-size:.96rem}.hero{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.15fr) minmax(320px,.9fr);margin-bottom:1.5rem}.hero-copy,.hero-panel,.panel{backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow)}.hero-copy{padding:3rem}.hero-copy h1{font-family:Iowan Old Style,Palatino Linotype,Songti SC,serif;font-size:clamp(2.5rem,5vw,4.6rem);letter-spacing:-.03em;line-height:.96;margin:.65rem 0 1rem;max-width:11ch}.hero-text,.section-heading p,.info-card p,.step-card p,.outline-list,.metric-card p{color:var(--muted);line-height:1.7}.hero-text{font-size:1.05rem;max-width:58ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}.button{border-radius:999px;display:inline-flex;font-size:.95rem;font-weight:700;padding:.95rem 1.2rem}.button-primary{background:linear-gradient(135deg,var(--accent-strong) 0%,var(--accent) 100%);color:#fff}.button-secondary{background:#fffc;border:1px solid var(--line)}.hero-panel{padding:1.3rem}.metric-grid,.stack-grid,.step-grid{display:grid;gap:1rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:100%}.metric-card{background:linear-gradient(180deg,#ffffffd6,#fbf6ecfa);border:1px solid rgba(24,36,44,.08);border-radius:26px;padding:1.2rem}.metric-card strong{display:block;font-size:1.15rem;margin:.35rem 0 .45rem}.metric-label,.eyebrow{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.18em;margin:0;text-transform:uppercase}.panel{margin-top:1.5rem;padding:2rem}.section-heading{margin-bottom:1.4rem;max-width:62ch}.section-heading h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.03em;line-height:1.05;margin:.55rem 0 .7rem}.stack-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.info-card,.step-card,.outline-card{background:#ffffffc7;border:1px solid rgba(24,36,44,.08);border-radius:28px;padding:1.2rem}.info-card h3,.step-card h3,.outline-card h3{font-size:1.15rem;margin:.25rem 0 .55rem}.split-panel{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-card span{color:var(--warm);font-family:DIN Alternate,Avenir Next Condensed,PingFang SC,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.08em}.outline-list{margin:1rem 0 0;padding-left:1.1rem}.outline-list li+li{margin-top:.7rem}@media(max-width:960px){.hero,.split-panel,.stack-grid{grid-template-columns:1fr}.hero-copy{padding:2rem}}@media(max-width:720px){.page-shell{padding-top:.8rem}.topbar{align-items:flex-start;flex-direction:column;gap:.85rem}.topnav{flex-wrap:wrap}.hero-copy,.hero-panel,.panel,.info-card,.step-card,.outline-card{border-radius:24px}.metric-grid,.step-grid{grid-template-columns:1fr}.panel{padding:1.25rem}}.plate-shell.svelte-1dmx099{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}.plate-panel.svelte-1dmx099,.form-card.svelte-1dmx099{background:#ffffffeb;border:1px solid rgba(17,24,39,.08);border-radius:28px;box-shadow:0 24px 80px #1d2b311f}.plate-panel.svelte-1dmx099{padding:1.5rem}.plate-header.svelte-1dmx099{align-items:end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.plate-header.svelte-1dmx099 h3:where(.svelte-1dmx099),.form-card.svelte-1dmx099 h3:where(.svelte-1dmx099){font-size:1.35rem;margin:.25rem 0 0}.label.svelte-1dmx099{color:#0f766e;font-size:.72rem;font-weight:700;letter-spacing:.18em;margin:0;text-transform:uppercase}.hint.svelte-1dmx099,.role-note.svelte-1dmx099{color:#66757f;font-size:.92rem;line-height:1.6}.plate-grid.svelte-1dmx099{display:grid;gap:.45rem;grid-template-columns:2rem repeat(12,minmax(0,1fr))}.column-head.svelte-1dmx099,.row-head.svelte-1dmx099{align-items:center;color:#5b6871;display:flex;font-size:.82rem;font-weight:700;justify-content:center}.row-head.svelte-1dmx099{justify-content:flex-start}.plate-grid.svelte-1dmx099 button:where(.svelte-1dmx099){align-items:center;appearance:none;background:linear-gradient(180deg,#f9fbfb,#edf3f0);border:1px solid rgba(17,24,39,.08);border-radius:999px;color:#1f2933;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:2.75rem;padding:.4rem;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.plate-grid.svelte-1dmx099 button:where(.svelte-1dmx099):hover{border-color:#0f766e66;box-shadow:0 10px 24px #0f766e24;transform:translateY(-1px)}.plate-grid.svelte-1dmx099 button:where(.svelte-1dmx099) span:where(.svelte-1dmx099){font-size:.76rem;font-weight:700}.plate-grid.svelte-1dmx099 button.selected:where(.svelte-1dmx099){background:linear-gradient(135deg,#0f766e,#22a273);border-color:transparent;box-shadow:0 14px 28px #0f766e3d;color:#fff}.plate-grid.svelte-1dmx099 button.control.selected:where(.svelte-1dmx099){background:linear-gradient(135deg,#d97706,#f59e0b)}.plate-grid.svelte-1dmx099 button.blank.selected:where(.svelte-1dmx099){background:linear-gradient(135deg,#475569,#94a3b8)}.form-panel.svelte-1dmx099{display:grid;gap:1rem}.form-card.svelte-1dmx099{padding:1.35rem}.role-tabs.svelte-1dmx099{display:flex;gap:.6rem;margin:1rem 0 .75rem}.role-tabs.svelte-1dmx099 button:where(.svelte-1dmx099){appearance:none;background:#eef3f2;border:1px solid transparent;border-radius:999px;color:#35505a;cursor:pointer;font:inherit;font-size:.92rem;font-weight:700;padding:.55rem .85rem}.role-tabs.svelte-1dmx099 button.active:where(.svelte-1dmx099){background:#123f43;color:#fff}label.svelte-1dmx099{display:grid;gap:.45rem;margin-top:.9rem}label.svelte-1dmx099 span:where(.svelte-1dmx099){color:#24333b;font-size:.92rem;font-weight:700}input.svelte-1dmx099:not([type]),input[type=range].svelte-1dmx099{width:100%}input.svelte-1dmx099:not([type=range]){background:#f6f8f7;border:1px solid rgba(17,24,39,.1);border-radius:16px;color:#14212a;font:inherit;padding:.85rem .95rem}input[type=range].svelte-1dmx099{accent-color:#0f766e}.summary-list.svelte-1dmx099{color:#30424a;display:grid;gap:.65rem;list-style:none;margin:1rem 0 0;padding:0}.summary-list.svelte-1dmx099 li:where(.svelte-1dmx099){line-height:1.5}.preview-grid.svelte-1dmx099{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.2rem}.preview-grid.svelte-1dmx099 article:where(.svelte-1dmx099){background:linear-gradient(180deg,#f6ede0,#fff9ef);border-radius:20px;padding:.95rem}.preview-grid.svelte-1dmx099 span:where(.svelte-1dmx099){color:#6d5845;display:block;font-size:.82rem;margin-bottom:.35rem}.preview-grid.svelte-1dmx099 strong:where(.svelte-1dmx099){color:#25170c;font-size:1.15rem}@media(max-width:960px){.plate-shell.svelte-1dmx099{grid-template-columns:1fr}}@media(max-width:720px){.plate-panel.svelte-1dmx099,.form-card.svelte-1dmx099{border-radius:22px}.plate-panel.svelte-1dmx099{padding:1rem}.plate-grid.svelte-1dmx099{gap:.3rem;grid-template-columns:1.25rem repeat(12,minmax(0,1fr))}.plate-grid.svelte-1dmx099 button:where(.svelte-1dmx099){min-height:2rem;padding:.2rem}.plate-grid.svelte-1dmx099 button:where(.svelte-1dmx099) span:where(.svelte-1dmx099){font-size:.58rem}.row-head.svelte-1dmx099,.column-head.svelte-1dmx099{font-size:.68rem}.role-tabs.svelte-1dmx099{flex-wrap:wrap}.preview-grid.svelte-1dmx099{grid-template-columns:1fr}}