:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070707;--bg-soft:#101010;--panel:#141414e6;--panel-border:#ffffff14;--text:#f4efe6;--muted:#a8a29e;--sand:#c7a46a;--sand-soft:#c7a46a29;--emerald:#46c28c;--danger:#f87171}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#c7a46a2e,#0000 28%),radial-gradient(circle at 100% 0,#46c28c1f,#0000 24%),linear-gradient(#090909 0%,#111 100%);margin:0;font-family:Montserrat,Trebuchet MS,Segoe UI,sans-serif}body{line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{min-height:100vh;position:relative;overflow:hidden}.shell:before,.shell:after{content:"";filter:blur(80px);opacity:.45;pointer-events:none;border-radius:999px;position:absolute;inset:auto}.shell:before{background:#c7a46a2e;width:28rem;height:28rem;top:-8rem;left:-8rem}.shell:after{background:#46c28c24;width:24rem;height:24rem;bottom:6rem;right:-6rem}.container{width:min(1180px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem;position:relative}.hero{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:stretch;gap:1rem;display:grid}.hero-card,.panel-card,.field-card,.note-card{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #00000059}.hero-card{border-radius:28px;padding:2rem;position:relative;overflow:hidden}.hero-card:after{content:"";background:radial-gradient(circle,#c7a46a38,#0000 65%);border-radius:999px;width:14rem;height:14rem;position:absolute;inset:auto -4rem -4rem auto}.kicker{color:#ecd5ad;letter-spacing:.22em;text-transform:uppercase;background:#c7a46a14;border:1px solid #c7a46a47;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.72rem;display:inline-flex}h1{letter-spacing:-.06em;margin:1rem 0 .75rem;font-size:clamp(2.5rem,5vw,5rem);line-height:.95}.lead{color:#d6d3d1;max-width:62ch;font-size:1rem}.hero-meta{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.meta-pill{color:#efe8db;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:.7rem .95rem;font-size:.88rem}.panel-card{border-radius:28px;gap:1rem;padding:1.4rem;display:grid}.panel-badge{color:#8fe6b8;text-transform:uppercase;letter-spacing:.22em;background:#46c28c1a;border:1px solid #46c28c2e;border-radius:999px;justify-self:start;padding:.35rem .8rem;font-size:.72rem}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.field-card{border-radius:22px;padding:1rem}.field-copy-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.eyebrow{color:#d8b67a;text-transform:uppercase;letter-spacing:.22em;margin:0;font-size:.72rem}.muted{color:var(--muted);margin:.3rem 0 0;font-size:.86rem}.copy-button{color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:.6rem .9rem}.copy-button:hover{border-color:#c7a46a80}.mono-input,textarea{width:100%;color:var(--text);background:#00000059;border:1px solid #ffffff17;border-radius:16px;padding:.9rem 1rem}.mono-input{font-family:SFMono-Regular,Cascadia Mono,ui-monospace,monospace}.notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.note-card{border-radius:20px;padding:1rem}.note-card h3{margin:0 0 .5rem;font-size:.95rem}.note-card p{color:var(--muted);margin:0;font-size:.88rem}.status-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.status-chip{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.84rem;display:inline-flex}.status-dot{background:var(--emerald);border-radius:999px;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #46c28c1f}.danger-dot{background:var(--danger);box-shadow:0 0 0 4px #f871711f}.footer{color:var(--muted);margin-top:1.25rem;font-size:.85rem}.panel-stack{gap:1rem;margin-top:1rem;display:grid}.send-form{gap:.85rem;margin-top:1rem;display:grid}.stack-label{color:#efe8db;gap:.45rem;font-size:.9rem;display:grid}.stack-label textarea{resize:vertical;min-height:120px}.panel-status{border:1px solid #ffffff14;border-radius:14px;margin:.75rem 0 0;padding:.8rem .95rem}.panel-status.success{color:#b7f1d5;background:#46c28c1f}.panel-status.error{color:#ffd0d0;background:#f871711f}.message-list{gap:.8rem;max-height:720px;padding-right:.2rem;display:grid;overflow:auto}.message-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:.95rem}.message-item.inbound{border-left:4px solid #46c28c}.message-item.outbound{border-left:4px solid #d8b67a}.message-head,.message-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.message-head{color:#efe8db;font-size:.88rem}.message-head span,.message-meta{color:var(--muted);font-size:.8rem}.message-content{white-space:pre-wrap;word-break:break-word;margin:.65rem 0}.empty-state{color:var(--muted);margin:0;padding:1rem .25rem}@media (max-width:900px){.hero,.notes{grid-template-columns:1fr}}