@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Share+Tech+Mono&display=swap');

:root{
  --bg:#07090a;--panel:#0c0f10;--panel2:#101314;--line:#3b3110;
  --yellow:#f0b90b;--yellow2:#ffd74a;--green:#48e173;--text:#ececec;
  --muted:#7d8082;--danger:#e65b53;--shadow:0 0 35px rgba(240,185,11,.08)
}
*{box-sizing:border-box} html,body{height:100%;margin:0}
body{background:radial-gradient(circle at 15% 25%,rgba(240,185,11,.07),transparent 28%),linear-gradient(#07090a,#060809);color:var(--text);font-family:"Share Tech Mono","Courier New",monospace;overflow:hidden}
button,textarea{font:inherit}.app{height:100vh;display:grid;grid-template-rows:70px 1fr}
header{display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid rgba(240,185,11,.28);background:rgba(5,7,8,.95);backdrop-filter:blur(10px);z-index:30}
.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:38px;height:38px;border-radius:6px;object-fit:cover;border:1px solid rgba(240,185,11,.5);box-shadow:0 0 13px rgba(240,185,11,.12)}
.brand b{font-family:"Press Start 2P","Courier New",monospace;font-size:14px;letter-spacing:1px}.brand b span{color:var(--yellow)}
.new-chat{color:var(--yellow);background:#0d0f10;border:1px solid rgba(240,185,11,.5);padding:11px 15px;cursor:pointer;border-radius:4px;letter-spacing:1.1px;text-transform:uppercase}.new-chat:hover{background:var(--yellow);color:#080808}
main{min-height:0;display:grid;grid-template-columns:320px 1fr}.side{min-height:0;border-right:1px solid rgba(240,185,11,.18);padding:28px 22px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:auto;background:linear-gradient(90deg,rgba(240,185,11,.03),transparent)}
.side:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(240,185,11,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(240,185,11,.14) 1px,transparent 1px);background-size:21px 21px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.side>*{position:relative;z-index:2}.side-title{font-family:"Press Start 2P";color:var(--yellow);font-size:18px;line-height:1.5}.side-sub{color:#888d8f;font-size:14px;line-height:1.45;margin-top:-8px}
.price-card,.system-card,.community-card{border:1px solid rgba(240,185,11,.35);background:linear-gradient(145deg,rgba(240,185,11,.05),rgba(10,12,13,.96) 38%);padding:15px;border-radius:4px;text-decoration:none;color:inherit;box-shadow:0 0 24px rgba(240,185,11,.04)}
.price-card{cursor:pointer;transition:.15s}.price-card:hover{border-color:rgba(240,185,11,.78);transform:translateY(-1px);box-shadow:0 0 30px rgba(240,185,11,.1)}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.label{color:var(--yellow);font-size:12px;letter-spacing:1.3px}.live{color:var(--green);font-size:10px;display:flex;gap:6px;align-items:center}.live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.price{font-family:"Press Start 2P";font-size:23px;margin-top:12px}.change{font-size:14px}.up{color:var(--green)}.down{color:var(--danger)}.meta{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px dashed #353535;color:#71777a;font-size:10px}.meta strong{display:block;color:#b0b5b7;font-weight:400;margin-top:3px}.source-line{margin-top:9px;color:#5d6264;font-size:9px}.open-link{margin-top:8px;color:var(--yellow);font-size:9px;letter-spacing:.8px}
.system-card{font-size:11px;line-height:1.9;color:#737a7d}.system-card b{color:#b7bbbd;font-weight:400}.system-card .ok{color:var(--green)}.community-card{margin-top:auto}.community-kicker{font-size:9px;color:#888e91;letter-spacing:1.2px}.community-title{font-family:"Press Start 2P";color:var(--yellow);font-size:10px;line-height:1.7;margin:8px 0}.community-copy{font-size:11px;color:#9ba0a2;line-height:1.5}.community-link{display:inline-block;margin-top:10px;color:var(--yellow);font-size:9px;text-decoration:none;border-bottom:1px solid rgba(240,185,11,.35);padding-bottom:2px}
.chat{min-height:0;width:100%;max-width:1120px;margin:0 auto;padding:28px 34px 22px;display:grid;grid-template-rows:auto 1fr auto}.intro{padding:4px 0 15px}.intro h1{margin:0 0 8px;font-family:"Press Start 2P";font-size:clamp(24px,3vw,46px);line-height:1.3;color:var(--yellow)}.intro p{margin:0;color:#a3a7a9;font-size:16px}.intro p span{color:var(--green)}
.messages{min-height:0;overflow-y:auto;padding:5px 8px 28px 0;scrollbar-color:#514312 #0b0d0e;scrollbar-width:thin}.msg{display:flex;gap:12px;margin:15px 0;animation:rise .18s ease}.msg.user{justify-content:flex-end}@keyframes rise{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.avatar{width:54px;height:54px;flex:0 0 auto;border-radius:50%;overflow:hidden;border:1px solid rgba(240,185,11,.8);box-shadow:0 0 18px rgba(240,185,11,.16);background:#131000}.avatar img{width:100%;height:100%;object-fit:cover}.bubble{max-width:min(780px,82%);border:1px solid #292c2d;background:rgba(15,18,19,.96);padding:15px 17px;border-radius:4px;line-height:1.52;font-size:15px;box-shadow:var(--shadow);white-space:pre-wrap}.assistant .bubble{border-color:rgba(240,185,11,.3)}.user .bubble{background:#151819}.name{color:var(--yellow);font-size:12px;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:8px}.answer-content{white-space:normal}
.answer-content p{margin:0 0 11px}
.answer-content p:last-child{margin-bottom:0}
.answer-content ul,.answer-content ol{margin:8px 0 11px;padding-left:22px}
.answer-content li{margin:4px 0}
.answer-content strong{font-weight:700;color:#f3f3f3}
.answer-content em{color:#c8cbcd}
.answer-content code{font-family:"Share Tech Mono","Courier New",monospace;background:#090b0c;border:1px solid #2b2f30;padding:1px 5px;border-radius:3px;color:var(--yellow)}
.answer-content h2,.answer-content h3,.answer-content h4{margin:10px 0 8px;color:var(--yellow);line-height:1.35}
.answer-content h2{font-size:17px}.answer-content h3{font-size:16px}.answer-content h4{font-size:15px}.sources{margin-top:14px;padding-top:11px;border-top:1px dashed #383b39;display:flex;flex-wrap:wrap;gap:7px}.source-chip{font-size:10px;color:#a8acae;border:1px solid #343839;background:#0a0c0d;padding:7px 8px;text-decoration:none;border-radius:3px}.source-chip:hover{border-color:rgba(240,185,11,.5);color:var(--yellow)}
.quick{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.quick::-webkit-scrollbar{display:none}.quick button{flex:0 0 auto;color:#d8c77f;background:#0b0d0e;border:1px solid rgba(240,185,11,.36);padding:9px 11px;border-radius:3px;cursor:pointer}.quick button:hover{background:var(--yellow);color:#090909}.composer{display:grid;grid-template-columns:1fr 50px;gap:8px;align-items:end;border:1px solid rgba(240,185,11,.62);background:#0b0e0f;padding:9px 9px 9px 13px;box-shadow:0 0 26px rgba(240,185,11,.07)}textarea{width:100%;resize:none;max-height:150px;min-height:34px;border:0;outline:0;background:transparent;color:#eee;padding:7px 3px;font-size:16px;line-height:1.35}textarea::placeholder{color:#64686a}.send{height:46px;border:1px solid var(--yellow);background:var(--yellow);color:#080808;cursor:pointer;border-radius:3px;font-size:18px}.send:disabled{opacity:.45;cursor:not-allowed}.foot{text-align:center;color:#555b5e;font-size:10px;padding-top:8px}.foot b{color:#777d80}.error{color:#ff8e88}.cursor{display:inline-block;width:7px;height:15px;background:var(--yellow);margin-left:3px;vertical-align:-2px;animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}
@media(max-width:760px){body{overflow:auto}.app{height:auto;min-height:100dvh;grid-template-rows:58px auto}header{height:58px;padding:0 12px;position:sticky;top:0}.brand-logo{width:30px;height:30px}.brand b{font-size:9px;line-height:1.3}.new-chat{padding:8px 9px;font-size:10px}main{display:block}.side{height:auto;min-height:0;border-right:0;border-bottom:1px solid rgba(240,185,11,.18);padding:12px;display:grid;grid-template-columns:1fr 155px;gap:8px 10px}.side-title{font-size:11px;grid-column:1}.side-sub{font-size:10px;margin:0;grid-column:1}.price-card{grid-column:2;grid-row:1/span 2;padding:8px 9px}.price{font-size:13px;margin-top:7px}.label{font-size:8px}.live{font-size:7px}.meta,.source-line,.open-link,.system-card{display:none}.community-card{grid-column:1/span 2;margin:0;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.community-kicker,.community-copy{display:none}.community-title{font-size:7px;margin:0;line-height:1.5}.community-link{font-size:7px;margin:0}.chat{padding:17px 12px 14px;min-height:calc(100dvh - 185px)}.intro{padding-bottom:8px}.intro h1{font-size:21px}.intro p{font-size:12px}.messages{overflow:visible;min-height:44dvh;padding-right:0}.avatar{width:48px;height:48px}.bubble{max-width:100%;font-size:14px}.composer-wrap{position:sticky;bottom:0;z-index:50;background:linear-gradient(transparent,#07090a 18%,#07090a);padding-top:10px}.composer{grid-template-columns:1fr 52px}.send{height:48px}.quick button{font-size:11px;min-height:38px}.foot{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 3px)}}