:root{--ink: #14212b;--paper: #e7eef2;--sea: #1f6f8b;--sea-deep: #0f3d4c;--sand: #c4a574;--glow: rgba(31, 111, 139, .22);font-family:"Source Sans 3",Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,var(--glow),transparent 60%),linear-gradient(165deg,#f3f7f9,#d9e6ec 45%,#cfd9df);min-height:100%}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{letter-spacing:.01em}#app{min-height:100vh;display:grid;place-items:stretch}.shell{width:min(920px,100%);margin:0 auto;padding:2.5rem 1.25rem 3rem;display:grid;gap:1.5rem}.brand{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:clamp(2.4rem,6vw,3.6rem);line-height:.95;color:var(--sea-deep);margin:0}.tagline{margin:.35rem 0 0;max-width:36rem;color:#334553;font-size:1.05rem}.panel{background:color-mix(in srgb,white 72%,transparent);border:1px solid color-mix(in srgb,var(--sea) 18%,transparent);border-radius:18px;padding:1.1rem 1.2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}button,.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.65rem 1.1rem;background:var(--sea);color:#fff;font-weight:600;cursor:pointer;text-decoration:none}button.secondary,.button.secondary{background:transparent;color:var(--sea-deep);border:1px solid color-mix(in srgb,var(--sea) 45%,transparent)}button:disabled{opacity:.5;cursor:not-allowed}pre{margin:.75rem 0 0;padding:.85rem;overflow:auto;background:#0f1a22;color:#d7e6ef;border-radius:12px;font-size:.85rem;line-height:1.35}label{display:grid;gap:.35rem;font-size:.9rem;flex:1 1 220px}input,textarea{border:1px solid #9db0bc;border-radius:10px;padding:.55rem .7rem;font:inherit;background:#fff}.muted{color:#5b6b76;font-size:.92rem}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--sand) 35%,white);font-size:.85rem}