:root{--ink: #10231c;--ink-muted: #3d5a4e;--paper: #f3f7f2;--leaf: #1f6b4a;--leaf-deep: #0f3d2c;--mist: #c8ddd1;--glow: rgba(31, 107, 74, .18);--radius: 14px;--font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: var(--font-sans);--font-body: var(--font-sans)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#d9ebe1 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#e7f0c9 0%,transparent 50%),linear-gradient(165deg,#eef5ef 0%,var(--paper) 45%,#e4efe8 100%)}.shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:2.5rem 1.25rem 3rem;overflow:hidden}.atmosphere{position:absolute;inset:-20% -10% auto;height:70%;background:radial-gradient(circle at 30% 40%,var(--glow),transparent 45%),radial-gradient(circle at 70% 30%,rgba(180,200,90,.16),transparent 40%);filter:blur(8px);animation:drift 14s ease-in-out infinite alternate;pointer-events:none}.hero{position:relative;width:min(100%,40rem);text-align:center;animation:rise .8s ease-out both}.brand{margin:0 0 .85rem;font-family:var(--font-display);font-size:clamp(2.75rem,8vw,4.25rem);font-weight:700;letter-spacing:-.03em;line-height:.95;color:var(--leaf-deep);animation:brand-in 1s ease-out both}.tagline{margin:0 0 .85rem;font-family:var(--font-body);font-size:clamp(1.15rem,3vw,1.45rem);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--leaf)}.lede{margin:0 auto 1.75rem;max-width:32rem;font-size:1.05rem;line-height:1.55;color:var(--ink-muted)}.field{display:grid;gap:.45rem;text-align:left}.field-label{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.field-input{width:100%;border:1px solid var(--mist);border-radius:var(--radius);background:#ffffffb8;color:var(--ink-muted);padding:.95rem 1.05rem;font:inherit;font-size:1rem;box-shadow:inset 0 1px #ffffffb3;cursor:not-allowed;opacity:.85}.field-input-live{color:var(--ink);cursor:text;opacity:1}.field-input-live:disabled{cursor:not-allowed;opacity:.85;color:var(--ink-muted)}.field-input-live:focus-visible,.btn:focus-visible,.format:focus-within{outline:3px solid var(--leaf);outline-offset:2px}.flow{display:grid;gap:1rem;text-align:left}.flow-form{display:grid;gap:.85rem}.flow-actions{display:flex;flex-wrap:wrap;gap:.65rem}.btn{appearance:none;border:1px solid transparent;border-radius:var(--radius);padding:.75rem 1.1rem;font:inherit;font-weight:600;cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--leaf);color:#f7fbf8}.btn-ghost{background:transparent;border-color:var(--mist);color:var(--ink-muted)}.status{margin:0;min-height:1.4em;font-size:.95rem;color:var(--leaf-deep)}.status[data-tone=error]{color:#8a2b2b}.meta-card{border:1px solid var(--mist);border-radius:var(--radius);background:#ffffffb8;padding:1rem 1.1rem}.meta-title{margin:0 0 .35rem;font-size:1.05rem}.meta-line{margin:0;color:var(--ink-muted);font-size:.9rem}.formats{border:0;margin:0;padding:0;display:grid;gap:.5rem}.format{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.65rem;row-gap:.15rem;align-items:start;border:1px solid var(--mist);border-radius:var(--radius);padding:.7rem .85rem;background:#ffffffa6}.format input{grid-row:1 / span 2;margin-top:.25rem}.format-label{font-weight:600}.format-detail{grid-column:2;color:var(--ink-muted);font-size:.85rem}.format-disabled{opacity:.55}@media(max-width:640px){.hero{width:min(100%,40rem)}.btn{width:100%}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-in{0%{opacity:0;letter-spacing:.08em;transform:translateY(8px)}to{opacity:1;letter-spacing:-.03em;transform:translateY(0)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2%,3%,0) scale(1.04)}}@media(prefers-reduced-motion:reduce){.atmosphere,.hero,.brand{animation:none}}