/* NetNapz Trade Buddy — black & gold chat-first skin, approved visual reference.
   All market data/cards are generated only from actual chat responses. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
html[data-theme="dark"],html[data-theme="light"]{
 color-scheme:dark;--page:#050708;--side:#080a0b;--panel:#0d1011;--soft:#141718;--hover:#231e0c;
 --border:#39351f;--ink:#f7f7f7;--muted:#a0a4a7;--gold:#ffcf31;--goldsoft:rgba(255,207,49,.1);
 --yellowText:#ffe06b;--shadow:rgba(0,0,0,.5);--user:#141718;--assistant:#0e1112;--good:#0de48b;--bad:#ff506b;
}
*{box-sizing:border-box}
html,body{background:#050606!important;color:#f5f5f5!important;font:14px/1.55 Inter,Arial,sans-serif;min-height:100%}
body{background:radial-gradient(ellipse at 2% 15%,#563505 0%,transparent 20%),radial-gradient(ellipse at 96% 75%,#352408 0%,transparent 28%),#030506!important}
button,input,select,textarea{font:inherit}
[hidden]{display:none!important}
.shell{height:calc(100dvh - 44px);min-height:630px;margin:22px 27px;position:relative;isolation:isolate;display:grid;grid-template-columns:296px minmax(0,1fr);
 overflow:hidden;border:1.5px solid #e1af17;border-radius:23px;background:#050708;
 box-shadow:0 0 0 1px rgba(255,204,48,.2),0 0 25px rgba(255,194,26,.34),0 20px 70px #000,inset 0 0 30px rgba(255,209,32,.05)}
.shell:after{content:"";position:absolute;pointer-events:none;inset:0;border-radius:23px;box-shadow:inset 0 0 0 1px rgba(255,235,138,.14);z-index:5}
.sidebar{display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative;padding:0 11px 12px;background:linear-gradient(165deg,#0b0e0f,#050607 70%,#0b0904);border-right:1px solid #463a1d}
.sidebar:before{content:"";pointer-events:none;position:absolute;inset:48% 0 6%;background:radial-gradient(ellipse at 75% 78%,rgba(215,143,14,.18),transparent 66%)}
.sidebar>*{position:relative}
.sidehead{margin:0 -11px 13px;padding:0 14px;height:68px;min-height:68px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #252521}
.logo{width:64px;height:51px;border:0;background:none!important;display:grid;place-items:center;flex:none;text-decoration:none}
.netLogoMark{font-size:42px;font-weight:950;letter-spacing:-.16em;font-style:italic;transform:skew(-12deg);display:inline-block;background:linear-gradient(145deg,#ffecaa,#ffd537 36%,#9b6300 57%,#ffe57a 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(255,202,40,.16))}
.netLogoMark span{font-size:16px;letter-spacing:0}
.sidehead strong{display:block;font-size:19px;color:#fff;letter-spacing:.18em;font-weight:900;line-height:1.2}
.sidehead small{display:block;color:#d9ae39;font-size:9px;letter-spacing:.12em;margin-top:2px}
.newchat{width:calc(100% - 8px);min-height:45px;margin:0 auto 13px;padding:9px 14px;display:flex;align-items:center;gap:12px;
 background:linear-gradient(110deg,#ffe370,#ffcb24 55%,#ffe268)!important;border:1px solid #ffdb45!important;color:#151000!important;border-radius:12px;
 box-shadow:0 0 17px rgba(255,199,30,.28),inset 0 1px 0 rgba(255,255,255,.4);font-size:13px;font-weight:900}
.newchat span{font-size:23px;line-height:1;color:#161106}
.newchat kbd{margin-left:auto;background:rgba(114,89,0,.15);border-radius:4px;padding:2px 5px;font-size:9px}
.newchat:hover{filter:brightness(1.08)}
.sideNav{display:grid;gap:1px;margin:0 5px 10px}
.sideNav a,.sideNav button{background:none;border:1px solid transparent;color:#bdc0c1;display:flex;align-items:center;gap:12px;
 border-radius:8px;min-height:36px;padding:8px 10px;text-decoration:none;text-align:left;font-size:12px;font-weight:600}
.sideNav a:hover,.sideNav button:hover{border-color:#786017;background:rgba(255,197,28,.07);color:#ffe063}
.navIcon{width:20px;display:inline-grid;place-items:center;font-size:20px;color:#d4d4d4;line-height:1}
.sidecaption{margin:3px 12px 7px;font-size:11px;color:#eee;font-weight:700;letter-spacing:0}
.sidecaption span{display:block;font-size:9px;color:#82868a;font-weight:500;margin-top:1px;letter-spacing:0}
.conversationlist{flex:1;overflow:auto;min-height:90px;scrollbar-color:#4e4119 transparent;scrollbar-width:thin}
.thread{margin:2px 2px;display:flex;align-items:center;border:1px solid transparent;border-radius:9px}
.thread.active{background:linear-gradient(90deg,rgba(240,184,15,.18),rgba(55,41,9,.12));border-color:#a98313;box-shadow:inset 0 0 12px rgba(255,211,65,.09)}
.thread button.openThread{background:none;border:0;min-width:0;flex:1;padding:9px 10px;white-space:normal;text-align:left;font-size:11px;color:#c2c4c4;border-radius:9px}
.thread button.openThread strong{color:#f2f2f2;font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread button.openThread small{display:block;color:#909398;font-size:9px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread.active button.openThread strong{color:#ffe276}
.thread .deleteThread{border:0;background:none;color:#d6d6d6;padding:5px;font-size:16px;visibility:hidden}
.thread:hover .deleteThread,.thread:focus-within .deleteThread{visibility:visible}
.sidefooter{padding:7px 1px 0;border:0;display:flex;flex-direction:column;gap:6px}
.promoCard{border:1px solid #a58318;min-height:126px;border-radius:13px;padding:14px 13px;position:relative;overflow:hidden;
 background:radial-gradient(circle at 75% 52%,rgba(255,180,22,.25),transparent 49%),linear-gradient(139deg,#141108,#050607);box-shadow:inset 0 0 12px rgba(255,193,23,.1)}
.promoCard:after{content:"";position:absolute;left:-15%;right:-12%;bottom:-42px;height:83px;opacity:.6;transform:rotate(-9deg);
 background:repeating-linear-gradient(150deg,transparent 0 13px,rgba(255,190,26,.4) 14px 15px,transparent 16px 31px)}
.promoCard strong{display:block;color:#fff;font-size:17px;line-height:1.15;font-weight:900}
.promoCard small{display:block;color:#c6c6c6;font-size:10px;max-width:170px;line-height:1.5;margin-top:8px}
.promoOrb{position:absolute;right:8px;bottom:13px;border:1px solid #a77e0a;border-radius:50%;height:67px;width:67px;
 background:radial-gradient(circle at 44% 40%,#ffe46e,#ffd127 17%,#111 27%,#080808 60%,#654502 75%);
 box-shadow:inset -8px -6px 11px #000,0 0 24px rgba(255,196,18,.37);color:#ffd53b;font-size:30px;display:grid;place-items:center}
.sidefooter a,.sidefooter button{background:none;border:0;color:#a79b76;font-size:10px;padding:0 8px;text-align:left;text-decoration:none}
.sidefooter small{font-size:9px;color:#797d80;padding:0 8px}
.main{min-height:0;min-width:0;display:flex;flex-direction:column;background:#07090a;position:relative;isolation:isolate}
.main:before{content:"";position:absolute;pointer-events:none;inset:0;z-index:-1;background:radial-gradient(ellipse at 49% 50%,rgba(178,107,4,.12),transparent 60%),linear-gradient(180deg,#080a0c,#050708 70%)}
.topbar{flex:none;height:68px;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#090b0c;border-bottom:1px solid #252622;padding:0 23px}
.topbrand{display:flex;gap:10px;align-items:center;min-width:0}
.topbrand .monogram{display:grid;background:#ffd128!important;color:#12100a!important;width:36px;height:36px;min-width:36px;border-radius:50%;font-size:23px;font-weight:900}
.topName{display:flex;gap:15px;align-items:center}
.topName strong{display:block;white-space:nowrap;color:#fff;font-size:20px;letter-spacing:-.04em;font-weight:900}
.topName small{color:#a4a7aa;font-size:10px;white-space:nowrap}
.onlineStatus{color:#a5eac4;font-size:10px;border:1px solid #214c35;background:#0b2116;border-radius:99px;padding:4px 8px;white-space:nowrap}
.onlineStatus span{color:#13e38d;font-size:10px}
.topactions{display:flex;align-items:center;gap:10px}
.headerSearch{width:min(30vw,356px);min-width:180px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #303638;border-radius:10px;background:#101315;color:#a4a8ac;font-size:11px}
.headerSearch span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.headerSearch kbd{margin-left:auto;border:1px solid #303638;border-radius:5px;padding:1px 5px;color:#93999d;font-size:10px}
.headerSearch:hover{border-color:#b99115}
.headerIcon{width:34px;height:34px;border:0;background:transparent;color:#ddd;font-size:23px;display:grid;place-items:center;border-radius:7px}
.headerIcon:hover{background:#28200a;color:#ffdd5c}
.sunIcon{color:#ffda3a}
.accountAvatar{border:1px solid #e7b825;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;color:#e6d6aa;background:#171819}
.menu{display:none}
.scrollarea{flex:1;min-height:0;position:relative;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-color:#52461c transparent;scrollbar-width:thin}
.goldAmbient{pointer-events:none;position:absolute;top:85px;left:0;right:0;height:250px;background:
 radial-gradient(ellipse at 43% 70%,rgba(242,163,9,.13),transparent 54%),radial-gradient(ellipse at 82% 46%,rgba(252,173,22,.08),transparent 61%);opacity:.8}
.welcome{position:relative;width:min(790px,calc(100% - 50px));margin:min(11vh,100px) auto 30px;text-align:center}
.welcomeMark{margin:0 auto 21px;width:82px;height:82px;background:linear-gradient(145deg,#ffe579,#ffd02b,#a57b05)!important;color:#080808;border-radius:24px;font-size:40px;box-shadow:0 0 36px rgba(255,199,29,.22)}
.welcome h1{font-size:clamp(30px,3.8vw,48px);font-weight:900;letter-spacing:-.055em;color:#fff}
.welcome h1 em{color:#ffdd5e}
.welcome p{color:#b8babe;font-size:13px;line-height:1.7;max-width:570px}
.eyebrow{color:#ffde51;font-size:10px;font-weight:900}
.promptcards{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;max-width:740px}
.promptcards button{background:linear-gradient(135deg,#111718,#080a0b);color:white;text-align:left;border:1px solid #3b3927;border-radius:12px;padding:16px;min-height:88px}
.promptcards button:hover{border-color:#ffcb2a;box-shadow:0 0 13px rgba(255,184,11,.14)}
.promptcards strong{color:#ffe067;font-size:13px}.promptcards span{font-size:11px;color:#aeb1b4}
.messages{position:relative;max-width:1120px;width:calc(100% - 48px);margin:0 auto;padding:18px 0 26px}
.message{border:0!important;padding:7px 0 16px;display:flex;gap:12px;align-items:flex-start}
.message+.message{border:0!important}
.message.user{max-width:min(700px,83%);margin-left:auto;justify-content:flex-end}
.message.user .avatar{display:none}
.message .avatar{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:50%;background:#0a0d0d;border:1px solid #b99116;color:#ffdc40;font-size:18px;font-weight:900}
.messageBody{flex:1;min-width:0}
.message.user .messageBody{flex:0 1 auto;min-width:225px;border:1px solid #36393a;border-radius:17px;padding:13px 14px;background:linear-gradient(130deg,#15191b,#0a0d0e);box-shadow:0 14px 22px rgba(0,0,0,.23)}
.message.assistant .messageBody{background:linear-gradient(140deg,#131617,#090b0c);border:1px solid #333738;border-radius:21px;padding:18px 18px 16px;box-shadow:0 13px 24px rgba(0,0,0,.27)}
.messageMeta{margin:0 0 7px;font-size:12px;font-weight:850;color:#fff;letter-spacing:0}
.modelName{font-size:9px;color:#8b9093;font-weight:500;margin-left:8px}
.messageText{font-size:12px;color:#e2e4e5;line-height:1.75;overflow-wrap:anywhere}
.messageText p{margin:0 0 9px}
.messageText li::marker{color:#ffda50}
.message.user .messageText{padding:0;border:0;border-radius:0;background:none;color:#f0f1f2;font-size:12px}
.message .screenshot{margin-top:10px;max-width:330px;max-height:150px;object-fit:contain;background:#080b0b;border:1px solid #3b4141;border-radius:10px}
.message.failed .messageMeta{color:#ff7676}
.message.pending .messageBody{border-color:#af8720}
.responseHero{display:flex;align-items:stretch;gap:9px;margin:12px 0 8px}
.sentimentTile{display:flex;gap:10px;align-items:center;min-width:190px;border:1px solid #23503b;background:#0b2118;border-radius:12px;padding:12px}
.sentimentTile.neutral{border-color:#6b5522;background:#241e0f}
.sentimentTile.bearish{border-color:#612d36;background:#220f13}
.sentimentIcon{width:48px;height:48px;border-radius:10px;background:#10412a;display:grid;place-items:center;font-size:27px;color:#06e58b}
.sentimentTile.bearish .sentimentIcon{background:#3b1420;color:#ff5c6e}
.sentimentTile.neutral .sentimentIcon{background:#483a10;color:#ffd74b}
.sentimentLabel{color:#08ed98;font-size:17px;font-weight:900}
.sentimentTile.bearish .sentimentLabel{color:#ff5e75}
.sentimentTile.neutral .sentimentLabel{color:#ffda5a}
.sentimentTile small{display:block;color:#a0b4aa;font-size:10px}
.responseSynopsis{border:1px solid #303636;background:#0d1112;border-radius:11px;padding:11px 13px;color:#cdd1d1;font-size:12px;flex:1;line-height:1.5}
.marketSnapshot{background:linear-gradient(160deg,#0d1513,#080c0b);border:1px solid #2e483c;border-radius:13px;padding:13px;margin:12px 0}
.marketHead{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:900}
.marketCoin{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f8ac20;color:#101010;font-weight:900}
.verified{margin-left:auto;color:#24e39b;background:#102a20;padding:3px 7px;border-radius:99px;font-size:9px}
.marketPrice{color:#fff;font-size:23px;font-weight:900;margin:7px 0}
.marketChange{font-size:11px;color:#10e394}.marketChange.down{color:#ff6875}
.marketStats{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #283932;padding-top:9px;margin-top:10px}
.marketStats span{color:#a1a6aa;font-size:10px}.marketStats b{display:block;color:#fff;font-size:11px}
.marketTimestamp{color:#92999c;font-size:9px;margin-top:10px}
.quickActions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:13px 0 10px}
.quickActions button{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #4b4530;background:linear-gradient(140deg,#161a1b,#090b0c);border-radius:11px;padding:8px;min-height:57px;color:#fff}
.quickActions button:hover{border-color:#ffd029;box-shadow:0 0 11px rgba(255,199,20,.17)}
.actionIcon{width:35px;height:35px;min-width:35px;border-radius:9px;display:grid;place-items:center;font-size:20px;border:1px solid #20503c;background:#0a3020;color:#14e79a}
.quickActions button:nth-child(2) .actionIcon{border-color:#63333a;background:#290e13;color:#ff536b}
.quickActions button:nth-child(3) .actionIcon{border-color:#194f6a;background:#0a2532;color:#2faefe}
.quickActions button:nth-child(4) .actionIcon{border-color:#6b5417;background:#29220c;color:#ffdd36}
.actionContent{flex:1;min-width:0}
.actionContent strong{display:block;font-size:10px;color:#fff;white-space:nowrap}
.actionContent small{display:block;font-size:9px;color:#9b9fa1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quickActions .arrow{color:#fbd03d;font-size:15px}
.sourceList{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0;padding:10px 0 0;border:0;border-top:1px solid #2b2c2c;border-radius:0;background:none}
.sourceList small{margin:0 4px 0 0;color:#a8adae;font-size:10px;font-weight:600}
.sourceList a{border:1px solid #31383a;background:#121617;color:#d3d5d6;text-decoration:none;border-radius:99px;padding:6px 10px;font-size:10px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.sourceList a:hover{border-color:#ffd440;color:#ffdc4b}
.setupPanel{background:#0f1211;border:1px solid #54421d;border-radius:12px}
.setupPanel>div:first-child{color:#ffda51}.setupMeta,.setupFooter{color:#a8adad}
.setupGrid{gap:8px}.setupSide{background:#080b0b;border-color:#35403b}.setupSide h4.long{color:#0fe79a}.setupSide h4.short{color:#ff6c7c}
.setupSide .level{border-color:#293632}.setupSide .level span{color:#b0b5b3}.setupSide .level b{color:#f8f8f8}
.chartCard{background:#0e1213;border:1px solid #54431d;border-radius:12px}.chartCard button{background:#2c240b;border-color:#ffca2f;color:#ffe47a}
.composerArea{flex:none;border:0;background:linear-gradient(0deg,#070909,#080a0b);padding:9px 22px 11px}
.composerWrap{max-width:none;margin:0}
.composer{border:1.5px solid #d1a51a;border-radius:17px;background:linear-gradient(150deg,#101415,#090c0c);padding:6px 11px;box-shadow:0 0 17px rgba(255,193,21,.26),inset 0 0 8px rgba(255,197,24,.03)}
.composer:focus-within{border-color:#ffdc48;box-shadow:0 0 20px rgba(255,204,41,.3)}
.composer textarea{color:#f0f2f2;font-size:12px;min-height:34px;max-height:130px;padding:9px 10px;background:none;outline:none!important}
.composer textarea::placeholder{color:#aab0b2}
.toolbar{display:flex;align-items:center;justify-content:space-between;padding:2px 0 0}
.toolbtn{color:#d6d9d8;font-size:11px;background:#0e1212;border-radius:9px;padding:8px}
.toolbtn.enabled{background:#191708;border:1px solid #6f6019;color:#ffe46a}
.toggleDot{display:inline-block;width:14px;height:14px;border-radius:50%;background:#ffd947;box-shadow:0 0 5px rgba(255,218,75,.5);margin-left:4px}
.toolbtn:not(.enabled) .toggleDot{background:#676b6e;box-shadow:none}
.toolbarright select{background:#0b1010;color:#c7cccd;border:1px solid #303838}
.sendButton{background:linear-gradient(125deg,#ffe866,#ffc829);border:0;color:#10110f;font-weight:950;font-size:23px;border-radius:50%;height:43px;width:43px;min-width:43px;box-shadow:0 0 15px rgba(255,197,30,.38)}
.sendButton:hover{filter:brightness(1.08)}
.iconbutton{color:#d9ddde;border-color:#344040;background:#0d1212}
.imageTray{background:#0d1313;color:#fff;border-color:#6d571a}
.imageTray span{color:#c1c8c9}
.status{color:#999e9f;font-size:10px;padding:6px 12px 1px}
.legal{color:#787f81;font-size:9px}
@media(max-width:1400px){
 .shell{grid-template-columns:260px minmax(0,1fr);margin:15px;height:calc(100dvh - 30px)}
 .topName small{display:none}.topbar{padding:0 14px}.headerSearch{width:220px}
 .messages{width:calc(100% - 32px)}.message.assistant .messageBody{padding:15px}
 .quickActions{gap:6px}.quickActions button{padding:6px}.actionContent small{font-size:8px}
}
@media(max-width:1050px){.topactions .headerSearch{display:none}.sideNav{gap:0}.quickActions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .shell{display:block;margin:0;border:0;border-radius:0;height:100dvh;min-height:0;box-shadow:none}
 .sidebar{position:fixed;top:0;bottom:0;left:0;z-index:12;width:275px;transform:translateX(-105%);transition:transform .22s;box-shadow:14px 0 40px rgba(0,0,0,.65)}
 .shell.sidebarOpen .sidebar{transform:translateX(0)}
 .main{height:100%}.menu{display:grid;background:none;border:0;color:#ffdb42;width:33px}
 .topbar{height:60px;min-height:60px}.topName strong{font-size:17px}
 .composerArea{padding:8px 12px}.messages{width:calc(100% - 24px)}
}
@media(max-width:580px){
 .onlineStatus{display:none}.topactions .accountAvatar{display:none}.topbar{padding:0 11px}
 .message.user{max-width:94%}.message .avatar{height:33px;width:33px;min-width:33px;font-size:13px}
 .message.assistant .messageBody{padding:12px;border-radius:14px}
 .messageText{font-size:12px}.welcome{margin:45px auto 25px}
 .promptcards{grid-template-columns:1fr 1fr;gap:8px}.promptcards button{padding:12px;min-height:79px}
 .responseHero{flex-direction:column}.sentimentTile{min-width:0}
 .marketStats{grid-template-columns:1fr 1fr}.quickActions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sourceList a{max-width:130px}
 .toolbtn span:not(.toggleDot){display:none}
 .toolbarright select{max-width:78px;font-size:10px}
 .composer textarea{min-height:48px}.legal{font-size:8px}
}


/* Real scenic art extracted from the owner's reference, not a chart and not a mock conversation. */
.goldAmbient{
 top:100px!important;left:0!important;right:0!important;height:340px!important;
 background:
  linear-gradient(to bottom,rgba(4,6,7,.04) 0%,rgba(5,7,8,.02) 50%,rgba(5,7,8,.82) 93%,#050708 100%),
  linear-gradient(90deg,rgba(5,7,8,.1),transparent 16%,transparent 82%,rgba(5,7,8,.52)),
  url("https://netnapz.com/wp-content/uploads/2026/10/netnapz-trade-buddy-gold-mountain-background.webp") center 43% / cover no-repeat!important;
 filter:drop-shadow(0 0 17px rgba(255,189,42,.25));
 opacity:1!important;pointer-events:none;z-index:0;
}
.scrollarea>.welcome,.scrollarea>.messages{position:relative;z-index:1}
.scrollarea>.messages .message{position:relative}
.main:after{
 content:"";pointer-events:none;position:absolute;bottom:0;left:0;right:0;height:28px;z-index:0;
 background:radial-gradient(ellipse at 27% 140%,rgba(255,192,30,.35),transparent 65%),
 repeating-linear-gradient(162deg,transparent 0 17px,rgba(255,185,25,.04) 19px 21px,transparent 22px 46px);
}
.shell.softGlow{box-shadow:0 0 0 1px rgba(255,204,48,.17),0 10px 40px rgba(0,0,0,.75)}
.shell.softGlow .goldAmbient{opacity:.65!important;filter:none}
@media(max-width:900px){.goldAmbient{top:72px!important;height:310px!important;background-position:49% 45%!important}}
@media(max-width:600px){.goldAmbient{top:62px!important;height:270px!important;opacity:.75!important}.welcome{margin-top:36px}}

/* Exact owner-supplied wordmark and assistant art crops. */
.sidehead{
 gap:0!important;
}
.sidehead .logo{
 width:200px!important;max-width:100%;height:48px!important;flex:0 1 200px!important;
 background: url("https://netnapz.com/wp-content/uploads/2026/10/netnapz-trade-buddy-reference-logo.webp") left center / contain no-repeat!important;
}
.sidehead .logo .netLogoMark{opacity:0;user-select:none}
.sidehead>div:not(.logo){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.promoOrb{
 right:0!important;bottom:-3px!important;width:96px!important;height:132px!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:url("https://netnapz.com/wp-content/uploads/2026/10/netnapz-trade-buddy-robot-art.webp") right bottom / contain no-repeat!important;
 color:transparent!important;text-shadow:none!important;
}
.promoCard strong,.promoCard small{position:relative;z-index:1;text-shadow:0 1px 4px #000}
.promoCard small{max-width:158px}


/* Layout of evidence INSIDE a real AI reply: never pre-populated market widgets. */
.messageContentGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,31%);gap:13px;align-items:start}
.messageContentGrid .analysisCopy,.messageContentGrid .marketSide{min-width:0}
.messageContentGrid .marketSnapshot{margin:0}
.messageContentGrid .responseHero{margin:3px 0 12px;display:flex}
.messageContentGrid .responseHero .responseSynopsis{display:none}
.messageContentGrid .sentimentTile{min-width:0;width:100%;padding:10px}
.messageContentGrid .sentimentLabel{font-size:16px}
.messageContentGrid .messageText{min-width:0}
body:after{
 content:"";position:fixed;pointer-events:none;z-index:0;bottom:0;left:0;right:0;height:36px;opacity:.9;
 background:url("https://netnapz.com/wp-content/uploads/2026/10/netnapz-trade-buddy-gold-rocks-footer.webp") center bottom / auto 34px repeat-x;
 filter:drop-shadow(0 -2px 4px rgba(255,195,23,.4));
}
.shell{z-index:2}
@media(max-width:1160px){
 .messageContentGrid{grid-template-columns:minmax(0,1fr) minmax(185px,35%)}
 .messageContentGrid .marketPrice{font-size:20px}
}
@media(max-width:700px){
 .messageContentGrid{grid-template-columns:minmax(0,1fr)}
 .messageContentGrid .marketSnapshot{margin:8px 0}
 .messageContentGrid .responseHero .responseSynopsis{display:none}
 body:after{display:none}
}


/* Reference-faithful single-row chat input (text expands vertically as typed). */
.composer{display:grid!important;grid-template-columns:auto minmax(140px,1fr) auto;grid-template-areas:"upload input actions";align-items:center;column-gap:10px;padding:8px 10px!important;min-height:66px}
.composer>.toolbar{display:contents!important}
.composer>.toolbar>.toolbarleft{grid-area:upload;display:flex;align-items:center;gap:0}
.composer>textarea{grid-area:input;width:100%;min-height:42px;height:44px;max-height:136px;margin:0;padding:10px 8px}
.composer>.toolbar>.toolbarright{grid-area:actions;display:flex;align-items:center;gap:7px;flex-wrap:nowrap}
.composer .toolbarleft>.toolbtn{font-size:21px;min-width:42px;height:43px;display:grid;place-items:center;border:1px solid #343a3a;border-radius:50%;padding:6px}
.composer .toolbarleft>.toolbtn span{display:none}
.composer .toolbarright #useSearch{font-size:11px;padding:9px 10px;gap:6px}
.composer .toolbarright #micButton{height:38px;min-width:35px;display:flex;align-items:center;justify-content:center;border:1px solid #303939;border-radius:50%;font-size:14px}
.composer .toolbarright #micButton span{display:none}
.composer .toolbarright #speakToggle{height:36px;min-width:33px}
.composer .toolbarright select{font-size:10px;max-width:105px;padding:7px 6px}
.message.user .messageBody:has(.screenshot){display:grid;grid-template-columns:minmax(125px,1fr) minmax(160px,43%);grid-template-rows:auto 1fr;align-items:center;column-gap:14px;max-width:700px;width:100%}
.message.user .messageBody:has(.screenshot) .messageMeta{grid-column:1;grid-row:1}
.message.user .messageBody:has(.screenshot) .messageText{grid-column:1;grid-row:2}
.message.user .messageBody:has(.screenshot) .screenshot{grid-column:2;grid-row:1 / 3;max-width:100%;max-height:140px;margin:0;width:100%}
@media(max-width:1200px){
 .composer .toolbarright select{max-width:69px}
 .composer .toolbarright #useSearch span:not(.toggleDot){display:none}
}
@media(max-width:650px){
 .composer{column-gap:5px;padding:6px!important;grid-template-columns:35px minmax(0,1fr) auto}
 .composer .toolbarleft>.toolbtn{width:34px;height:36px;min-width:34px;font-size:19px}
 .composer .toolbarright select,.composer .toolbarright #speakToggle{display:none}
 .composer .toolbarright{gap:3px!important}
 .composer .toolbarright #useSearch{font-size:13px;padding:7px 6px;min-width:33px;justify-content:center}
 .composer .toolbarright #useSearch .toggleDot{width:7px;height:7px}
 .composer .toolbarright #micButton{min-width:30px;width:30px;height:34px}
 .composer .toolbarright #send{min-width:37px;width:37px;height:37px;font-size:19px}
 .message.user .messageBody:has(.screenshot){display:block}
 .message.user .messageBody:has(.screenshot) .screenshot{margin-top:8px;max-height:170px}
}