:root{color-scheme:light;--bg: #f2efe7;--panel: rgba(255, 251, 245, .82);--panel-strong: #fffdf9;--ink: #1c1f16;--muted: #5e6554;--line: rgba(38, 46, 28, .12);--accent: #2f6a46;--accent-strong: #183f2a;--accent-soft: #dbe9d8;--warn: #8f5528;--danger-soft: #f4ddd2;--shadow: 0 24px 80px rgba(42, 48, 34, .12);font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(65,111,74,.22),transparent 28%),radial-gradient(circle at top right,rgba(210,157,89,.18),transparent 24%),linear-gradient(180deg,#f8f4ec 0%,var(--bg) 100%);color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:.78rem 1.1rem;background:#ffffffb8;color:var(--ink);transition:transform .14s ease,border-color .14s ease,background .14s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:#183f2a3d}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fbfbf8;border-color:transparent}input,textarea{width:100%;border:1px solid var(--line);background:#ffffffeb;border-radius:18px;padding:.92rem 1rem;margin-top:.4rem;color:var(--ink)}textarea{resize:vertical;min-height:16rem}.shell{position:relative;min-height:100vh;overflow:hidden;padding:2rem}.ambient{position:absolute;width:28rem;height:28rem;border-radius:50%;filter:blur(28px);opacity:.55;pointer-events:none}.ambient-left{top:-10rem;left:-8rem;background:#6f9d6b47}.ambient-right{right:-10rem;bottom:-8rem;background:#c7965638}.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(18rem,28rem) minmax(0,1fr);gap:1rem;align-items:start}.panel,.hero-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid rgba(255,255,255,.55);box-shadow:var(--shadow);border-radius:28px;padding:1.35rem}.hero-panel,.main-panel,.screen-stack,.config-list,.status-stack{display:grid;gap:1rem}.hero-panel h1,.screen-stack h2{margin:0;font-weight:700;letter-spacing:-.04em}.hero-panel h1{font-size:clamp(2rem,4vw,3.4rem)}.eyebrow,.config-list dt{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--muted)}.hero-text,.screen-stack p,.config-list dd,.callout span{line-height:1.55}.config-list{margin:0}.config-list div{padding:.9rem 1rem;border-radius:20px;background:#ffffff8f;border:1px solid var(--line)}.config-list dt,.config-list dd{margin:0}.config-list dd{overflow-wrap:anywhere}.banner{margin:0;border-radius:18px;padding:.9rem 1rem;border:1px solid var(--line)}.banner-success{background:var(--accent-soft);color:var(--accent-strong)}.banner-error{background:var(--danger-soft);color:#7b3417}.screen-stack label{display:grid;gap:.12rem;color:var(--muted)}.toggle-option{display:flex;align-items:center;gap:.55rem;color:var(--ink)}.toggle-option input{width:auto;margin:0}.row-header,.hero-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.callout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.callout{border:1px solid var(--line);border-radius:22px;background:#ffffff9e;padding:1rem 1.1rem;display:grid;gap:.4rem}@media(max-width:960px){.shell{padding:1rem}.app-shell,.callout-grid{grid-template-columns:1fr}}