:root {
  --bg:#000;
  --fg:#b7f5c4;
  --line:#0f3b19;
  --accent:#22c55e;
  --ghost:#0b1f12;
  --card:#020b06;
  --mono:ui-monospace, Menlo, Monaco, Consolas, "Courier New", monospace;
}

*{box-sizing:border-box;}
html,body{height:100%;margin:0;}
body{background:var(--bg);color:var(--fg);font-family:var(--mono);}
.page{display:flex;flex-direction:column;min-height:100vh;}

.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);background:#010803;}
.brand{display:flex;align-items:center;gap:10px;}
.logo{width:36px;height:36px;border-radius:8px;box-shadow:0 0 0 2px var(--line);}
.titles h1{margin:0;font-size:18px;color:#8df9a9;}
.subtitle{margin:0;color:#7be89a;font-size:12px;}
.actions{display:flex;gap:10px;}

.btn{border:1px solid var(--line);background:var(--ghost);color:var(--fg);padding:8px 14px;border-radius:10px;cursor:pointer;}
.btn.primary{background:var(--accent);color:#001b08;font-weight:700;}
.btn.ghost:hover{background:#0f2e1a;}

.hero{padding:16px;border-bottom:1px solid var(--line);background:#010803;}
.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;padding:16px;}
@media(max-width:900px){.grid{grid-template-columns:1fr;}}

.feed{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:10px;}
.feed-head{display:flex;align-items:center;gap:10px;}
.blinker{width:8px;height:8px;background:#27ff75;border-radius:50%;box-shadow:0 0 8px #27ff75;animation:blink 1.2s infinite;}
@keyframes blink{0%,60%{opacity:1;}61%,100%{opacity:.2;}}
.feed-title{color:#7efba3;}
.feed-sub{font-size:12px;color:#72d88a;opacity:.9;}
.feed-list{display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow:auto;}

.card{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:14px;}
.card-title{color:#79f0a0;margin-bottom:10px;}
.mb{margin-bottom:12px;}
.note{color:#8cf9ad;font-size:12px;opacity:.85;}

.tip-form textarea,.tip-form input{width:100%;background:#04140b;border:1px solid var(--line);color:var(--fg);border-radius:10px;padding:8px;}
.tip-form .two{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.tip-form .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}

.msg{border:1px solid var(--line);background:#020e07;padding:10px;border-radius:10px;}
.msg-head{display:flex;justify-content:space-between;font-size:12px;color:#77e593;}
.msg-body{margin:6px 0;color:#c6ffd4;}
.msg-foot{display:flex;justify-content:space-between;align-items:center;}
.shares{font-size:12px;color:#7deea1;}

.reactions{display:flex;align-items:center;gap:6px;position:relative;}
.react-btn{padding:6px 8px;border:1px solid var(--line);background:#ffffff;border-radius:8px;cursor:pointer;}
.react-pop{position:absolute;left:0;top:38px;background:#07190d;border:1px solid var(--line);border-radius:10px;padding:6px;display:none;gap:6px;}
.react-pop.show{display:flex;}
.react-pill{padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:#0b1f12;cursor:pointer;}
.badge{font-size:11px;padding:2px 6px;border-radius:6px;border:1px solid var(--line);background:#08150d;color:#9bffc0;}

.wallet-box{padding:10px;background:#04140b;border:1px dashed var(--line);border-radius:10px;color:#90ffb0;}
.chat-box{height:420px;overflow:auto;display:flex;flex-direction:column;gap:8px;background:#031007;border:1px solid var(--line);border-radius:10px;padding:8px;}
.chat-msg{display:flex;gap:8px;align-items:flex-start;}
.chat-user{color:#7aeaa0;font-size:12px;}
.chat-bubble{background:#04140b;border:1px solid var(--line);padding:6px 8px;border-radius:8px;color:#c6ffd4;}
.chat-form{display:flex;gap:8px;margin-top:8px;}
.chat-form input{flex:1;background:#04140b;border:1px solid var(--line);border-radius:10px;color:#c6ffd4;padding:8px;}

.ticker{border-top:1px solid var(--line);padding:10px;background:#010803;}
.scroll{white-space:nowrap;animation:marq 24s linear infinite;color:#80f2a3;}
@keyframes marq{from{transform:translateX(0);}to{transform:translateX(-50%);}}