*{box-sizing:border-box}
:root{--bg:#09050c;--panel:rgba(25,10,24,.82);--line:rgba(255,93,190,.22);--pink:#ff3fa8;--hot:#ff69c7;--purple:#a85cff;--soft:#ffd7ef;--green:#63f2ad}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,#3b103d 0,#160817 30%,#09050c 68%);color:#fff;font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,rgba(255,63,168,.15),transparent 28%),radial-gradient(circle at 90% 10%,rgba(168,92,255,.16),transparent 25%),linear-gradient(transparent 96%,rgba(255,255,255,.018) 97%);background-size:auto,auto,100% 4px;opacity:.85}
body:after{content:"♡  ✦  ♡  ✧  ♡";position:fixed;right:4%;top:18%;color:rgba(255,105,199,.2);font-size:42px;letter-spacing:18px;transform:rotate(-12deg);pointer-events:none}
header,main,footer{max-width:1040px;margin:auto;position:relative}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 18px 8px}
.brand{font-weight:900;letter-spacing:.12em;font-size:23px;text-shadow:0 0 18px rgba(255,63,168,.7)}.brand span{color:var(--hot)}
.sub,small,.eyebrow{color:#e6a9d0;font-size:11px;letter-spacing:.14em}.sub{margin-top:4px}
.status{border:1px solid rgba(99,242,173,.35);background:rgba(5,18,14,.55);border-radius:999px;padding:8px 12px;font-size:11px;box-shadow:0 0 18px rgba(99,242,173,.1)}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 10px var(--green)}
main{padding:12px 18px 30px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:30px 0 22px}.eyebrow{margin-bottom:8px;color:#ff8dcc}h1{font-size:46px;margin:0 0 8px;line-height:1;text-shadow:0 0 28px rgba(255,63,168,.45)}p{color:#f2c8e3;max-width:650px;margin:0;line-height:1.55}
button{border:1px solid rgba(255,105,199,.38);background:linear-gradient(135deg,#ff3fa8,#b63dce);color:#fff;border-radius:14px;padding:11px 15px;font-weight:800;box-shadow:0 8px 28px rgba(255,63,168,.2);cursor:pointer}button:active{transform:translateY(1px)}button:hover{filter:brightness(1.1)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.stats article,.panel{background:linear-gradient(145deg,rgba(34,13,32,.9),rgba(14,8,17,.88));border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04)}.stats article{padding:17px}.stats strong{display:block;font-size:27px;margin-top:9px;color:#fff}
.panel{padding:17px;margin-top:12px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}h2{font-size:20px;margin:5px 0 0}.list{display:grid;gap:8px}.conversation{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(255,105,199,.13);border-radius:14px;background:rgba(8,5,11,.55)}.conversation b{display:block;color:#fff}.conversation span{color:#c99bb8;font-size:12px}.badge{font-size:11px;color:#ff9fd6}.actions{display:flex;gap:8px;flex-wrap:wrap}pre{white-space:pre-wrap;background:rgba(7,4,10,.72);border:1px solid rgba(255,105,199,.15);border-radius:12px;padding:12px;color:#e8c7dc;min-height:70px}
footer{text-align:center;color:#bd7fa7;font-size:10px;letter-spacing:.12em;padding:4px 18px 24px}@media(max-width:650px){.stats{grid-template-columns:1fr 1fr}.hero{align-items:start;flex-direction:column}h1{font-size:38px}.brand{font-size:19px}}