:root{--bg:#f4efe6;--panel:rgba(255,252,247,0.92);--panel-strong:#fffaf1;--line:rgba(73,56,30,0.14);--text:#2f2415;--muted:#6d5d47;--accent:#af6331;--accent-strong:#8f4d22;--accent-soft:#f1dcc9;--danger:#a3382b;--success:#1f6a4b;--shadow:0 18px 48px rgba(84,58,22,0.08);--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--content-width:1120px;font-family:Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top left,rgba(252,216,175,.65),transparent 34%),radial-gradient(circle at right 20%,rgba(245,194,174,.5),transparent 24%),linear-gradient(180deg,#f7f2ea,#f4efe6 55%,#f1eadf)}body{margin:0;min-height:100vh;color:var(--text)}a{color:inherit}button,input,select,textarea{font:inherit}.shell{width:min(calc(100vw - 32px),var(--content-width));margin:0 auto;padding:32px 0 64px}.hero,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{padding:32px}.content-grid,.hero,.hero-grid,.result-grid{display:grid;grid-gap:24px;gap:24px}@media (min-width:960px){.hero-grid{grid-template-columns:1.2fr .8fr;align-items:start}.content-grid{grid-template-columns:1.15fr .85fr;align-items:start}.result-grid{grid-template-columns:.95fr 1.05fr;align-items:start}}.section-title{margin:0;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.headline{margin:0;font-size:clamp(2rem,4vw,4.4rem);line-height:.98;letter-spacing:-.05em;max-width:12ch}.lede,.muted{color:var(--muted);line-height:1.7}.chip-row,.tag-row{display:flex;gap:10px;flex-wrap:wrap}.chip,.tag{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(175,99,49,.15);background:rgba(255,247,240,.95);color:#6a4324}.chip{background:var(--accent-soft)}.panel{padding:24px}.stack{display:grid;grid-gap:16px;gap:16px}.field{display:grid;grid-gap:8px;gap:8px}.field label{font-weight:700;font-size:.96rem}.field span.optional{color:var(--muted);font-weight:500;margin-left:8px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(73,56,30,.18);background:rgba(255,253,250,.98);border-radius:var(--radius-sm);padding:14px 16px;color:var(--text)}.field textarea{min-height:140px;resize:vertical}.grid-two{display:grid;grid-gap:16px;gap:16px}@media (min-width:720px){.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:14px 22px;background:var(--accent);color:#fffdf8;cursor:pointer;font-weight:700;transition:transform .16s ease,background .16s ease;text-decoration:none}.button:hover{background:var(--accent-strong);transform:translateY(-1px)}.button.secondary{background:rgba(255,252,247,.75);color:var(--text);border:1px solid var(--line)}.list,.plain-list{margin:0;padding-left:18px;display:grid;grid-gap:8px;gap:8px;line-height:1.65}.plain-list{padding-left:0;list-style:none}.notice{padding:14px 16px;border-radius:var(--radius-sm);background:rgba(255,246,240,.9);border:1px solid rgba(175,99,49,.14)}.notice.error{color:var(--danger);border-color:rgba(163,56,43,.18);background:rgba(255,241,238,.96)}.notice.success{color:var(--success);border-color:rgba(31,106,75,.18);background:rgba(238,249,244,.96)}.metric{display:grid;grid-gap:4px;gap:4px;padding:16px;border-radius:var(--radius-md);background:var(--panel-strong);border:1px solid var(--line)}.metric strong{font-size:1.8rem;letter-spacing:-.04em}.variant-card{padding:18px;border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,248,240,.95));border:1px solid rgba(175,99,49,.16);display:grid;grid-gap:12px;gap:12px}.panel h2,.panel h3,.variant-card h3{margin:0}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.divider{height:1px;background:var(--line);margin:4px 0}