:root{
  --bg:#090d18;
  --bg2:#0d1222;
  --panel:#11172b;
  --panel2:#141b32;
  --line:rgba(255,255,255,.06);
  --text:#f4f6ff;
  --muted:#9ba5c7;
  --yellow:#f8d641;
  --yellow-2:#ffd93b;
  --accent:#5b6cff;
  --shadow:0 16px 50px rgba(0,0,0,.42);
  --radius:26px;
  --radius-sm:18px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Inter",sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
.cg-body{min-height:100vh;background:radial-gradient(45rem 45rem at 18% 16%, rgba(92,76,255,.18), transparent 55%), radial-gradient(36rem 36rem at 82% 28%, rgba(255,211,61,.10), transparent 50%), radial-gradient(32rem 32rem at 50% 86%, rgba(130,88,255,.12), transparent 52%), linear-gradient(180deg,#090d18 0%,#0b1020 100%)}
.cg-shell{max-width:520px;margin:0 auto;min-height:100vh;position:relative;padding:18px 16px 110px}
.cg-bg{position:fixed;inset:0;pointer-events:none}
.cg-mobile-top{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 18px;color:var(--muted)}
.cg-mobile-brand{font-weight:800;letter-spacing:.02em}
.cg-main{display:block}
.cg-toast-stack{display:grid;gap:10px;margin-bottom:16px}
.cg-toast{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--line);backdrop-filter:blur(12px)}
.cg-bottom-nav{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(520px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 12px;border-radius:28px;background:rgba(10,14,26,.88);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(18px);box-shadow:var(--shadow)}
.cg-bottom-link{min-height:62px;border-radius:22px;display:grid;place-items:center;color:#c5cbe0;font-weight:700;gap:2px}
.cg-bottom-link.active{background:rgba(255,216,65,.12);color:#fff}
.cg-icon{font-size:18px;color:var(--yellow)}
.msg-screen{display:grid;gap:16px}
.msg-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.msg-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--yellow);margin-bottom:8px}
.msg-title{margin:0;font-size:54px;line-height:.95;font-weight:900;letter-spacing:-.05em}
.msg-icon-btn{width:50px;height:50px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;display:grid;place-items:center}
.msg-hero-card,.msg-list-card,.chat-thread-shell{background:linear-gradient(180deg, rgba(18,24,45,.96), rgba(11,16,30,.96));border:1px solid rgba(255,255,255,.06);border-radius:32px;box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden}
.msg-hero-card::before,.msg-list-card::before,.chat-thread-shell::before{content:"";position:absolute;inset:0;background:radial-gradient(18rem 18rem at 10% 10%, rgba(125,104,255,.16), transparent 45%), radial-gradient(14rem 14rem at 85% 18%, rgba(255,220,90,.08), transparent 45%);pointer-events:none}
.msg-hero-card{display:grid;grid-template-columns:1fr 118px;gap:18px;align-items:center}
.msg-hero-title{font-size:30px;font-weight:900;margin-bottom:8px}
.msg-hero-text{color:var(--muted);line-height:1.5}
.msg-hero-figure{width:118px;height:118px;border-radius:32px;background:linear-gradient(180deg,#ffd93b,#f3c91d);display:grid;place-items:center;color:#111827;box-shadow:0 18px 38px rgba(248,214,65,.28);justify-self:end}
.figure-face{font-size:42px;font-weight:900}
.msg-start-bar{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:12px;align-items:center}
.msg-start-input,.chat-composer{width:100%;border-radius:24px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04);color:#fff;padding:18px 20px;outline:none}
.msg-start-input::placeholder,.chat-composer::placeholder{color:#8f99bc}
.msg-fab-inline,.chat-send,.msg-fab{border:none;cursor:pointer}
.msg-fab-inline{width:62px;height:62px;border-radius:22px;background:linear-gradient(180deg,#ffd93b,#efc915);color:#121826;font-size:28px;font-weight:900;box-shadow:0 16px 32px rgba(248,214,65,.25)}
.msg-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;position:relative;z-index:1}
.msg-section-title{font-size:22px;font-weight:850}
.msg-section-meta{font-size:13px;color:var(--muted)}
.msg-list{display:grid;gap:10px;position:relative;z-index:1}
.msg-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);transition:transform .16s ease, background .16s ease, border-color .16s ease}
.msg-row:hover{transform:translateY(-1px);background:rgba(255,255,255,.05);border-color:rgba(255,216,65,.18)}
.msg-avatar,.chat-mini-avatar{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,#1e2849,#171f38);color:#fff;font-weight:900;position:relative}
.msg-avatar.unread::after{content:"";position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:999px;background:var(--yellow);border:3px solid #11172b}
.msg-row-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:4px}
.msg-name{font-size:18px;font-weight:820}
.msg-time{font-size:12px;color:var(--muted);white-space:nowrap}
.msg-preview{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-badge{min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:var(--yellow);color:#121826;font-size:12px;font-weight:900}
.msg-empty{min-height:320px;display:grid;place-content:center;justify-items:center;text-align:center;gap:12px;position:relative;z-index:1}
.msg-empty-illus{width:82px;height:82px;border-radius:28px;background:linear-gradient(180deg,#1b2544,#12192f);border:1px solid rgba(255,255,255,.06);position:relative}
.msg-empty-illus::before{content:"";position:absolute;inset:22px;border-radius:18px;background:linear-gradient(180deg,#ffd93b,#efc915)}
.msg-empty-title{font-size:24px;font-weight:850}.msg-empty-text{max-width:320px;line-height:1.5;color:var(--muted)}
.msg-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.msg-ghost-action{min-height:58px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);color:#e8ebf9;font-weight:750}
.msg-fab{position:fixed;right:max(calc((100vw - 520px)/2 + 24px),24px);bottom:110px;width:70px;height:70px;border-radius:24px;background:linear-gradient(180deg,#ffd93b,#efc915);display:grid;place-items:center;color:#121826;font-size:32px;font-weight:900;box-shadow:0 16px 36px rgba(248,214,65,.26)}
.chat-screen{display:grid;grid-template-rows:auto 1fr auto;gap:14px;min-height:calc(100vh - 140px)}
.chat-topbar{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.chat-back{min-height:54px;padding:0 18px;border-radius:20px;display:inline-flex;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);font-weight:850}
.chat-peer-name{font-size:18px;font-weight:850}.chat-peer-status{font-size:13px;color:var(--muted)}
.chat-thread-shell{display:flex;min-height:58vh}
.chat-thread{display:grid;gap:10px;align-content:start;overflow:auto;width:100%;position:relative;z-index:1}
.chat-bubble-row{display:flex;gap:10px;align-items:flex-end}.chat-bubble-row.me{justify-content:flex-end}.chat-bubble{max-width:78%;padding:14px 16px;border-radius:24px}.chat-bubble.them{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}.chat-bubble.me{background:linear-gradient(180deg,#ffd93b,#efc915);color:#151b2c;box-shadow:0 14px 28px rgba(248,214,65,.18)}
.chat-text{font-size:16px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.chat-meta{margin-top:8px;font-size:12px;color:var(--muted)}.chat-bubble.me .chat-meta{color:rgba(9,13,24,.56)}
.chat-composer-shell{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:12px;align-items:center}
.chat-composer{min-height:62px;max-height:140px;resize:none;padding-top:19px;padding-bottom:19px}
.chat-send{width:66px;height:66px;border-radius:24px;background:linear-gradient(180deg,#ffd93b,#efc915);display:grid;place-items:center;color:#111827;font-size:28px;font-weight:900;box-shadow:0 16px 36px rgba(248,214,65,.26)}
.simple-panel-screen .msg-list-card{min-height:60vh}
@media (max-width:560px){.cg-shell{padding:16px 14px 102px}.cg-bottom-nav{width:calc(100vw - 18px);left:9px;right:9px;transform:none;bottom:10px}.msg-title{font-size:46px}.msg-hero-card{grid-template-columns:1fr 92px;padding:18px}.msg-hero-figure{width:92px;height:92px;border-radius:28px}.msg-fab{right:16px;bottom:100px;width:64px;height:64px;border-radius:22px}.msg-row{grid-template-columns:48px minmax(0,1fr) auto;padding:12px}.msg-avatar,.chat-mini-avatar{width:48px;height:48px;border-radius:16px}.msg-secondary-actions{grid-template-columns:1fr}.chat-screen{min-height:calc(100vh - 130px)}.chat-bubble{max-width:86%}.chat-composer-shell{grid-template-columns:minmax(0,1fr) 60px}.chat-send{width:60px;height:60px}}