:root{--ink:#1b140e;--muted:#6e5848;--paper:#f6efe6;--panel:#fffbf5e0;--panel-border:#583b241f;--accent:#0f766e;--accent-strong:#115e59;--warn:#b45309;--shadow:0 18px 60px #462a1624}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--ink);background:radial-gradient(circle at 0 0,#0f766e29,#0000 24%),radial-gradient(circle at 100% 100%,#d2691e1f,#0000 22%),linear-gradient(160deg,#efe2cf 0%,#f9f5ee 45%,#e7dbca 100%);font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}.page-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(900px,100%);box-shadow:var(--shadow);border-radius:28px;overflow:hidden}.hero{background:linear-gradient(135deg,#0f766e1a,#fff0);padding:32px 32px 18px}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px}.title{margin:0;font-size:clamp(34px,6vw,58px);font-weight:700;line-height:.95}.subtitle{max-width:52ch;color:var(--muted);margin:14px 0 0;line-height:1.55}.content{gap:18px;padding:0 32px 32px;display:grid}.card{background:#ffffffbd;border:1px solid #583b241a;border-radius:22px;padding:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px}.value{word-break:break-word;margin:0;font-size:22px;font-weight:700}.value-small{font-size:15px}.muted{color:var(--muted);line-height:1.55}.pill{color:var(--accent-strong);background:#0f766e1f;border-radius:999px;align-items:center;padding:8px 14px;font-weight:700;display:inline-flex}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{appearance:none;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:14px 20px;font-size:15px;font-weight:700;transition:transform .12s,opacity .12s,background .12s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong)}.btn-secondary{color:var(--ink);background:#e6dbcc}.notice{color:#8a4b07;background:#b453091f;border-radius:16px;margin:0;padding:14px 16px}.notice-error{color:#9a2c22;background:#aa332d1f}.inline-code{font-family:Courier New,monospace;font-size:.95em}.field{width:100%;font:inherit;color:var(--ink);background:#fffffff0;border:1px solid #583b2424;border-radius:16px;padding:14px 16px;font-size:15px}.console-log{min-height:22px;color:var(--accent-strong);line-height:1.5}.status-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.tile{background:#fffaf3;border:1px solid #583b2414;border-radius:18px;padding:14px}.pill-off{color:#9a2c22;background:#aa332d1a}.section-title{margin:0 0 14px;font-size:18px}.automation-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:end;gap:12px;display:grid}.checkbox-row{min-height:48px;color:var(--muted);align-items:center;gap:8px;display:flex}.checkbox-row input{width:16px;height:16px}.rule-list{gap:10px;margin-top:14px;display:grid}.rule-card{background:#fffaf3;border:1px solid #583b2414;border-radius:16px;gap:10px;padding:14px;display:grid}.rule-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rule-title{font-size:16px;font-weight:700}.rule-meta{color:var(--muted);word-break:break-word;font-size:13px;line-height:1.45}.btn-small{padding:10px 14px;font-size:13px}.code-block{color:#f7ecdd;background:#20150f;border-radius:18px;margin:0;padding:16px;font-size:13px;line-height:1.45;overflow:auto}@media (max-width:640px){.page-shell{padding:16px}.hero,.content{padding-left:18px;padding-right:18px}.actions{flex-direction:column}.btn{width:100%}.rule-top{flex-direction:column}}