:root{--bg:#080b10;--surface:#0d131b;--surface2:#111a24;--line:#24313d;--text:#e9f0f4;--muted:#8797a5;--dim:#536575;--mint:#68e0bd;--green:#73ddb0;--amber:#e9bd68;--red:#f07883;--mono:"IBM Plex Mono",monospace;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--sans);min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.scroll-progress{position:fixed;z-index:50;top:0;left:0;height:2px;width:0;background:var(--mint);box-shadow:0 0 10px #68e0bd88}
.topbar{height:76px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:38px;padding:0 clamp(18px,5vw,76px);background:#080b10ed;border-bottom:1px solid #1c2934;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-icon{width:34px;height:34px;border:1px solid #3c806e;display:grid;place-items:center;color:var(--mint);font:600 12px var(--mono);position:relative}.brand-icon span{font-size:8px;position:absolute;right:-4px;top:-5px;color:var(--mint)}.brand-name{font-size:11px;font-weight:800;letter-spacing:1.6px}.brand-name b{display:block;font:9px var(--mono);color:var(--muted);letter-spacing:2px;margin-top:4px}.main-nav{display:flex;align-items:center;gap:5px;flex:1}.nav-item{font:10px var(--mono);color:#8293a1;padding:11px 13px;border:1px solid transparent;transition:color .2s,border-color .2s,background .2s}.nav-item:hover,.nav-item.active{color:var(--mint);border-color:#29483f;background:#102019}.top-actions{display:flex;align-items:center;gap:15px}.network-pill{font:9px var(--mono);color:#9bb0ad;white-space:nowrap}.network-pill i,.panel-status i,.live-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #73ddb0;margin-right:6px}.wallet-btn{border:1px solid #3b7768;background:#10251f;color:#dffdf2;padding:11px 14px;font:10px var(--mono);cursor:pointer;white-space:nowrap}.wallet-btn:hover{background:#17372d}.wallet-btn span{color:var(--mint);margin-left:8px}
.main{max-width:1450px;margin:auto;padding:0 clamp(18px,5vw,76px) 38px}.hero{min-height:340px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero-copy{padding:55px 0;position:relative;z-index:2}.eyebrow,.section-index,.section-meta{font:9px var(--mono);letter-spacing:1.4px;color:var(--mint)}.eyebrow{display:flex;align-items:center;gap:9px}.hero h1{font-size:clamp(38px,5.2vw,66px);letter-spacing:-3.8px;line-height:1.02;margin:24px 0 15px;font-weight:700}.hero h1 em{font-style:normal;color:var(--mint)}.hero-sub{font-size:13px;color:#9baab5;letter-spacing:.1px}.hero-actions{display:flex;align-items:center;gap:19px;margin-top:29px}.cta{background:var(--mint);color:#07120f;padding:13px 17px;font:600 10px var(--mono);transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px #68e0bd22}.cta span{margin-left:15px}.hero-note{font:8px var(--mono);color:#6e818e;letter-spacing:.8px}
.chain-visual{width:370px;height:260px;position:relative;flex-shrink:0;margin-right:5%}.chain-grid{position:absolute;inset:0;background-image:linear-gradient(#1b3b362b 1px,transparent 1px),linear-gradient(90deg,#1b3b362b 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.chain-node{position:absolute;z-index:2;width:76px;height:76px;border:1px solid #3d8270;background:#0c211b;display:grid;place-content:center;text-align:center;color:var(--mint);font:600 15px var(--mono);box-shadow:0 0 32px #68e0bd16}.chain-node span{font:8px var(--mono);color:#89a99e;margin-top:4px}.node-a{left:4%;top:23%;border-radius:50%}.node-b{left:43%;top:8%;width:94px;height:94px;border-radius:50%;font-size:20px}.node-c{right:2%;top:52%;border-radius:50%;font-size:22px}.chain-line{height:1px;background:linear-gradient(90deg,transparent,#55bda0,transparent);position:absolute;transform-origin:left}.line-a{width:150px;left:22%;top:37%;transform:rotate(-16deg)}.line-b{width:160px;left:57%;top:41%;transform:rotate(38deg)}.line-c{width:120px;left:17%;top:55%;transform:rotate(19deg)}.network-metric small{color:var(--green)!important}.network-metric small .live-pulse{width:5px;height:5px}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);padding:21px 0}.metric{padding:0 22px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric>span,.metric small{display:block;font:8px var(--mono);letter-spacing:1.1px;color:#8da0ad}.metric b{display:block;font:500 27px var(--mono);margin:8px 0 5px}.metric small{font-size:8px;color:#637583}.green{color:var(--green)!important}.amber{color:var(--amber)!important}.red{color:var(--red)!important}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin:43px 0 15px;scroll-margin-top:100px}.section-heading h2,.protocol h2{font-size:24px;letter-spacing:-.8px;margin:7px 0 0}.section-meta{font-size:8px;color:#7c8d99}.scan-layout{display:grid;grid-template-columns:1.45fr .85fr;gap:14px}.panel{background:linear-gradient(145deg,#101923,#0c121a);border:1px solid var(--line)}.scan-panel,.decision-panel,.audit-panel,.registry-panel,.fingerprint-panel{padding:23px}.panel-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:1px;color:#d5e1e7}.panel-status{font-size:8px;color:var(--green)}form label{display:block;font:8px var(--mono);letter-spacing:1px;color:#8da0ad;margin:19px 0 8px}label small{color:#5e707e;margin-left:5px}.account-input{height:49px;display:flex;align-items:center;border:1px solid #344653;background:#080e15}.account-input>span{padding:0 13px;color:var(--mint);font:10px var(--mono);border-right:1px solid var(--line)}input,textarea{width:100%;min-width:0;background:#080e15;border:1px solid #344653;color:var(--text);padding:13px;font-size:12px;outline:none;border-radius:0}input:focus,textarea:focus{border-color:var(--mint)}.account-input input{border:0;background:transparent}.account-input button{height:100%;border:0;background:transparent;color:#92a5af;padding:0 13px;font:8px var(--mono);cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 130px;gap:13px}.form-row input{height:44px}.scan-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.scan-submit>span{font:9px var(--mono);color:#91a4ad}.primary-btn{background:var(--mint);color:#06120e;border:0;padding:13px 17px;font:600 10px var(--mono);cursor:pointer;transition:filter .2s,transform .2s}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-btn:disabled{opacity:.5}.primary-btn b{margin-left:15px}.verdict{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.verdict> b{font:11px var(--mono)}.v-allow{color:var(--green)}.v-warn{color:var(--amber)}.v-block{color:var(--red)}.verdict strong,.verdict small{display:block}.verdict strong{font:600 11px var(--mono);letter-spacing:1px}.verdict small{font-size:10px;color:var(--muted);margin-top:4px}.verdict>span{margin-left:auto;font:8px var(--mono);color:#718390}.decision-foot{font-size:10px;line-height:1.7;color:#80939e;padding-top:15px}
.plain-btn{background:transparent;border:1px solid var(--line);color:var(--mint);padding:9px 12px;font:9px var(--mono);cursor:pointer}.table-head,.recent-item{display:grid;grid-template-columns:minmax(0,1fr) 100px 70px;gap:12px;align-items:center}.table-head{font:8px var(--mono);letter-spacing:1px;color:#70828e;padding:0 0 12px}.recent-item{border-top:1px solid var(--line);padding:14px 0}.recent-address{font:10px var(--mono);overflow:hidden;text-overflow:ellipsis;color:#d6e1e7}.recent-meta{font:9px var(--mono);color:#70818e;margin-top:5px}.pill{font:8px var(--mono);padding:6px 8px;text-align:center}.pill.ALLOW{color:var(--green);background:#15372c}.pill.WARN{color:var(--amber);background:#392f1c}.pill.BLOCK{color:var(--red);background:#3b2029}.recent-score{text-align:right;font:9px var(--mono);color:#a8b7c0}.empty-state{font:10px var(--mono);color:#71838f;padding:20px 0}
.threat-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:14px}.registry-numbers{display:flex;gap:50px}.registry-numbers b,.registry-numbers span{display:block}.registry-numbers b{font:500 28px var(--mono)}.registry-numbers span{font:8px var(--mono);color:#81939e;letter-spacing:1px;margin-top:5px}.registry-panel>p{font-size:11px;color:#8da0ad;margin:15px 0}.threat-item{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.threat-item b{font:9px var(--mono)}.threat-item small{display:block;color:#82939e;font-size:9px;margin-top:4px}.threat-status{font:8px var(--mono);color:var(--amber)}.secondary-btn{background:transparent;border:1px solid #477666;color:var(--mint);padding:10px 13px;font:9px var(--mono);cursor:pointer;margin-top:12px}.report-form{display:grid;gap:8px;margin-top:14px}.report-form textarea{min-height:75px;resize:vertical}.signal-line{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:17px 0}.signal-line b{font:9px var(--mono);color:var(--mint)}.signal-line span{font-size:11px}.signal-line i{font:8px var(--mono);font-style:normal;color:#71858f;margin-left:auto}.protocol{margin-top:43px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;align-items:center}.protocol p{font-size:11px;color:#91a2ac;line-height:1.8;max-width:650px}.protocol-mark{font:600 38px var(--mono);color:#234b41}.protocol-mark span{color:var(--mint);font-size:17px}footer{display:flex;justify-content:space-between;padding:22px 0 0;font:8px var(--mono);letter-spacing:.8px;color:#71838f}footer b{color:var(--mint)}.result{margin-top:18px;border:1px solid var(--line);padding:15px;background:#080e15}.result.hidden,.hidden{display:none}.result-top{display:flex;justify-content:space-between;gap:10px}.result-verdict{font:11px var(--mono)}.result-score{font:9px var(--mono);color:#9eafb8}.result ul{padding-left:17px;color:#bdcbd1;font-size:10px;line-height:1.9}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-text{font-size:10px;line-height:1.8;color:#bdcbd1;white-space:pre-wrap;overflow-wrap:anywhere}.toast{position:fixed;z-index:60;bottom:22px;right:22px;background:#13251f;border:1px solid #3c7868;color:#e1fff4;padding:13px 16px;font-size:11px;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.hidden{display:none!important}
@media(max-width:1050px){.topbar{gap:18px;padding:0 20px}.main-nav{gap:0}.nav-item{padding:10px 8px;font-size:9px}.network-pill{display:none}.main{padding-left:24px;padding-right:24px}.chain-visual{width:300px;margin-right:0}.metrics .metric{padding:0 13px}}
@media(max-width:760px){html{scroll-padding-top:125px}.topbar{height:auto;min-height:64px;padding:10px 14px;display:grid;grid-template-columns:1fr auto;gap:8px}.brand-icon{width:30px;height:30px}.brand-name{font-size:10px}.top-actions{grid-column:2;grid-row:1}.wallet-btn{padding:9px 10px;font-size:9px}.network-pill{display:none}.main-nav{grid-column:1/-1;grid-row:2;display:flex;overflow-x:auto;gap:5px;padding:3px 0 5px;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-item{flex:0 0 auto;padding:9px 11px;font-size:9px;border:1px solid #25323c}.main{padding:0 14px 30px}.hero{min-height:0}.hero-copy{padding:38px 0 32px}.hero h1{font-size:clamp(37px,10vw,52px);letter-spacing:-2.4px;margin:18px 0 12px}.hero-sub{font-size:11px;line-height:1.7;max-width:300px}.hero-note{font-size:7px}.hero-actions{gap:12px;flex-wrap:wrap;margin-top:22px}.chain-visual{display:none}.metrics{grid-template-columns:repeat(2,1fr);padding:15px 0}.metric{padding:10px 13px!important;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric:nth-child(2n){border-right:0}.metric:last-child{grid-column:1/-1;border-bottom:0}.metric b{font-size:23px;margin:6px 0 3px}.section-heading{margin:31px 0 13px;scroll-margin-top:120px}.section-heading h2,.protocol h2{font-size:20px}.section-index{font-size:8px}.section-meta{font-size:7px}.scan-layout,.threat-layout{grid-template-columns:1fr;gap:10px}.scan-panel,.decision-panel,.audit-panel,.registry-panel,.fingerprint-panel{padding:16px}.panel-top{font-size:8px}.form-row{grid-template-columns:1fr 100px;gap:9px}.scan-submit{display:grid;grid-template-columns:1fr;gap:13px}.scan-submit .primary-btn{width:100%;min-height:44px}.scan-submit>span{font-size:8px}.verdict{padding:13px 0}.table-head,.recent-item{grid-template-columns:minmax(0,1fr) 67px 48px;gap:7px}.recent-address{font-size:9px}.recent-meta,.recent-score{font-size:8px}.table-head{font-size:7px}.registry-numbers{gap:35px}.protocol{margin-top:32px;padding:22px 0}.protocol p{font-size:10px}.protocol-mark{font-size:28px}footer{display:grid;gap:8px;font-size:7px;line-height:1.6}.toast{left:12px;right:12px;bottom:14px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* NEAR SENTINEL identity */
:root{--mint:#55f0a8;--green:#55e6a2;--amber:#e8bd68;--red:#f07883}
.brand-icon{perspective:180px;transform-style:preserve-3d;border:1px solid #39b77d;background:linear-gradient(145deg,#123b2b,#071810);box-shadow:0 0 20px #36e99a22,inset 0 0 13px #43df9a18;overflow:visible}
.brand-cube{font:800 16px var(--mono);font-style:normal;color:#8bffbf;text-shadow:0 0 12px #55f0a8;animation:cubeFloat 3.2s ease-in-out infinite;transform-style:preserve-3d;display:block}
.brand-icon:before,.brand-icon:after{content:"";position:absolute;inset:4px;border:1px solid #55f0a866;transform:rotate(45deg);animation:cubeOrbit 8s linear infinite;pointer-events:none}
.brand-icon:after{inset:-4px;border-color:#55f0a833;transform:rotate(-25deg);animation-direction:reverse}
.brand-icon span{color:#55f0a8;text-shadow:0 0 8px #55f0a8;z-index:2}
@keyframes cubeFloat{0%,100%{transform:translateY(0) rotateY(-12deg) rotateX(8deg)}50%{transform:translateY(-3px) rotateY(18deg) rotateX(-8deg)}}
@keyframes cubeOrbit{to{rotate:1turn}}
.nav-item.active,.nav-item:hover{color:#75ffc0;border-color:#28684d;background:#0c2118}
.cta,.primary-btn{background:linear-gradient(120deg,#7bffc1,#3be28d);box-shadow:0 0 18px #42e99a1c}
.wallet-btn{border-color:#328b61;background:#0c2519;color:#dffff0}
.wallet-btn:hover{background:#123b26}
.chain-node{border-color:#3bbd80;background:#092719;color:#8cffbd;box-shadow:0 0 34px #4af2a522}
.chain-line{background:linear-gradient(90deg,transparent,#55f0a8,transparent)}
.live-pulse,.network-pill i,.panel-status i{background:#55f0a8;box-shadow:0 0 10px #55f0a8}
@media(prefers-reduced-motion:reduce){.brand-cube,.brand-icon:before,.brand-icon:after{animation:none}}\n.wallet-help-link{font:8px var(--mono);color:var(--mint);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.wallet-guide{margin:18px 0 10px;padding:17px 19px;border:1px solid #28513e;background:linear-gradient(120deg,#0b1b13,#0b1218)}.wallet-guide-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.wallet-guide-head b{font:11px var(--mono);color:#dfffee}.wallet-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wallet-guide-grid>div{border-left:1px solid #315641;padding-left:12px}.wallet-guide-grid strong{font:9px var(--mono);color:var(--mint)}.wallet-guide-grid p{font-size:10px;line-height:1.7;color:#9aadb3;margin:7px 0 0}.wallet-guide-grid a{color:#75ffc0;text-decoration:underline;text-underline-offset:2px}.wallet-guide-note{font:8px var(--mono);color:#718b7d;margin:13px 0 0;letter-spacing:.3px}@media(max-width:760px){.top-actions{gap:8px}.wallet-help-link{font-size:7px}.wallet-guide{padding:14px}.wallet-guide-head{display:grid;gap:7px}.wallet-guide-grid{grid-template-columns:1fr;gap:12px}.wallet-guide-grid>div{padding-left:10px}}
/* First-time user polish */
.wallet-btn{display:inline-flex;align-items:center;gap:9px;min-height:42px;border-radius:9px;padding:11px 15px;font:600 11px var(--sans);letter-spacing:0;box-shadow:0 5px 20px #55f0a81c}
.wallet-btn span{font-size:10px;color:#a8ffd0}
.wallet-btn.wallet-connected{background:#102c20;border-color:#55f0a8;color:#aaffd0}
.wallet-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55f0a8;box-shadow:0 0 8px #55f0a8}
.wallet-help-link{font:600 10px var(--sans);text-decoration:none;color:#9bd9b8}
.wallet-guide{border-radius:14px;padding:20px 22px;margin-top:22px;box-shadow:0 10px 35px #0003}
.wallet-guide-head b{font:600 14px var(--sans)}
.wallet-guide-grid{gap:18px}
.wallet-guide-grid>div{border-left:2px solid #2c7c54;padding:4px 0 4px 14px}
.wallet-guide-grid strong{font:700 11px var(--sans);letter-spacing:.1px}
.wallet-guide-grid p{font:11px/1.75 var(--sans);color:#b5c6c2}
.hero h1{letter-spacing:-2.8px}
.hero-sub{font-size:14px;line-height:1.75;max-width:470px}
.cta{border-radius:8px;font:700 11px var(--sans);padding:14px 18px}
.panel{border-radius:13px;box-shadow:0 12px 35px #0002}
.scan-panel,.decision-panel,.audit-panel,.registry-panel,.fingerprint-panel{padding:25px}
.panel-top{font:700 10px var(--sans);letter-spacing:.7px}
form label{font:700 10px var(--sans);letter-spacing:.25px;color:#a8b9c0}
.account-input,.form-row input{border-radius:8px;overflow:hidden}
input,textarea{border-radius:8px;font:12px var(--sans)}
.primary-btn{border-radius:8px;font:700 11px var(--sans);padding:13px 18px}
.secondary-btn,.plain-btn{border-radius:8px;font:600 10px var(--sans)}
.verdict strong{font:700 12px var(--sans);letter-spacing:.3px}
.verdict small{font:11px var(--sans);line-height:1.5}
.decision-foot{font:11px/1.7 var(--sans)}
.result{border-radius:10px}
.result-verdict{font:800 16px var(--sans);letter-spacing:.4px}
.result-explanation{font:12px/1.7 var(--sans);color:#d1dedc;margin:12px 0}
.result ul{font:11px/1.8 var(--sans)}
.empty-state{font:11px var(--sans)}
@media(max-width:760px){
 .wallet-btn{min-height:38px;padding:9px 10px;font-size:9px}
 .wallet-guide{padding:16px;border-radius:12px}
 .wallet-guide-head b{font-size:13px}
 .wallet-guide-grid p{font-size:11px}
 .scan-panel,.decision-panel,.audit-panel,.registry-panel,.fingerprint-panel{padding:17px}
 .hero h1{letter-spacing:-2px}
}
.wallet-connection-state{font:10px/1.6 var(--sans);color:#9eb4a9;margin:10px 0 0;padding:9px 11px;background:#0a1711;border:1px solid #254c38;border-radius:7px;overflow-wrap:anywhere}
.wallet-connection-state:empty{display:none}


/* Privy authentication gate */
body:not(.sentinel-authenticated) .topbar,
body:not(.sentinel-authenticated) .main,
body:not(.sentinel-authenticated) .scroll-progress,
body:not(.sentinel-authenticated) #toast { display: none !important; }
#auth-root { position: relative; z-index: 10000; }
.sentinel-auth-screen {
  position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center;
  padding: 24px; background: radial-gradient(ellipse at 50% 20%, rgba(0,224,164,.12), transparent 42%), #080b10;
  color: #f3f7f6; font-family: Inter, system-ui, sans-serif;
}
.sentinel-auth-card {
  width: min(100%, 430px); padding: 38px 32px; border: 1px solid rgba(0,224,164,.24);
  border-radius: 18px; background: linear-gradient(145deg, rgba(18,27,31,.98), rgba(9,14,19,.98));
  box-shadow: 0 28px 90px rgba(0,0,0,.42); text-align: center;
}
.sentinel-auth-mark {
  width: 58px; height: 58px; margin: 0 auto 24px; display: grid; place-items: center;
  border: 1px solid rgba(0,224,164,.6); border-radius: 16px; color: #00e0a4;
  font: 800 27px/1 Inter, sans-serif; box-shadow: 0 0 32px rgba(0,224,164,.12);
}
.sentinel-auth-kicker { margin: 0 0 12px; color: #00e0a4; font: 600 10px/1.5 'IBM Plex Mono', monospace; letter-spacing: .16em; }
.sentinel-auth-card h1 { margin: 0; color: #f5fbf9; font-size: 27px; letter-spacing: .08em; }
.sentinel-auth-copy { margin: 14px auto 26px; max-width: 320px; color: #9aa9a8; font-size: 14px; line-height: 1.7; }
.sentinel-auth-button {
  width: 100%; min-height: 52px; border: 0; border-radius: 9px; background: #00e0a4;
  color: #04110d; font: 750 14px Inter, sans-serif; cursor: pointer; transition: transform .18s, filter .18s;
}
.sentinel-auth-button:hover { filter: brightness(1.08); transform: translateY(-1px); }
.sentinel-auth-footnote { margin: 17px 0 0; color: #c2d0cd; font-size: 11px; }
.sentinel-auth-security { margin: 22px 0 0; color: #667775; font-size: 10px; line-height: 1.6; }
.sentinel-auth-loader { width: 22px; height: 22px; margin: 24px auto 0; border: 2px solid #26423b; border-top-color: #00e0a4; border-radius: 50%; animation: sentinel-spin .8s linear infinite; }
@keyframes sentinel-spin { to { transform: rotate(360deg); } }
.sentinel-session-control { display: flex; align-items: center; gap: 9px; margin-right: 12px; min-width: 0; }
.sentinel-session-email { max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #a9bbb6; font-size: 11px; }
.sentinel-signout-button { padding: 8px 10px; border: 1px solid rgba(0,224,164,.32); border-radius: 7px; background: rgba(0,224,164,.06); color: #00e0a4; font: 600 10px Inter, sans-serif; cursor: pointer; }
@media (max-width: 720px) {
  .sentinel-auth-card { padding: 32px 22px; }
  .sentinel-session-control { margin-right: 5px; gap: 5px; }
  .sentinel-session-email { max-width: 90px; font-size: 9px; }
  .sentinel-signout-button { padding: 7px 8px; font-size: 9px; }
}


/* 2026 visual refinement — restrained security-console direction */
:root{
 --bg:#101512;--surface:#151c18;--surface2:#1a241e;--line:#303c34;
 --text:#e4e9e4;--muted:#a0aaa1;--dim:#748078;
 --mint:#a7c4a9;--green:#a7c4a9;--amber:#d5b77e;--red:#d58d8d;
 --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body{background:var(--bg);font-family:var(--sans);background-image:none}
.scroll-progress{background:#a7c4a9;box-shadow:none}
.topbar{background:rgba(16,21,18,.96);border-bottom:1px solid #2a352e;backdrop-filter:blur(8px)}
.brand-icon{border:1px solid #637d69;background:#1b2820;box-shadow:none;overflow:hidden}
.brand-cube{color:#c1d5c1;text-shadow:none;animation:none}
.brand-icon:before,.brand-icon:after{display:none}
.brand-icon span{color:#a7c4a9;text-shadow:none}
.nav-item{border:0!important;background:transparent!important;border-bottom:1px solid transparent!important}
.nav-item.active,.nav-item:hover{color:#c2d4c2;border-bottom-color:#a7c4a9!important}
.wallet-btn{border:1px solid #607565;background:#202b23;color:#e2ebe2;box-shadow:none;border-radius:3px}
.wallet-btn:hover{background:#29382d}
.wallet-btn span,.wallet-dot{color:#b9d0bb}
.wallet-dot{box-shadow:none}
.hero{min-height:330px;border-bottom:1px solid var(--line)}
.hero h1{font-weight:600;letter-spacing:-2.5px}
.hero h1 em{color:#b6cbb7}
.eyebrow,.section-index,.section-meta{color:#a9c0aa}
.live-pulse,.network-pill i,.panel-status i{background:#a7c4a9;box-shadow:none}
.cta,.primary-btn{background:#b4c9b4;color:#111a13;border:1px solid #b4c9b4;border-radius:3px;box-shadow:none}
.cta:hover,.primary-btn:hover{transform:translateY(-1px);box-shadow:none;filter:brightness(1.04)}
.chain-visual{opacity:.66}
.chain-grid{background-image:linear-gradient(#35483b22 1px,transparent 1px),linear-gradient(90deg,#35483b22 1px,transparent 1px)}
.chain-node{background:#17231b;border-color:#647c67;color:#c0d3c0;box-shadow:none}
.chain-line{background:linear-gradient(90deg,transparent,#8fa992,transparent)}
.metrics{padding:18px 0;border-bottom:1px solid var(--line)}
.metric b{font-weight:500}
.section-heading{margin-top:48px}
.section-heading h2,.protocol h2{font-weight:550;letter-spacing:-.6px}
.panel{background:#141b16;border:1px solid #303b33;border-radius:3px;box-shadow:none}
.scan-panel,.decision-panel,.audit-panel,.registry-panel,.fingerprint-panel{padding:23px}
.panel-top{font-family:var(--mono);font-weight:500;letter-spacing:.5px}
.account-input,.form-row input,input,textarea{background:#0f1511;border-color:#39463d;border-radius:2px}
input:focus,textarea:focus{border-color:#a7c4a9;box-shadow:0 0 0 2px #a7c4a91c}
.account-input>span{color:#b4cbb5}
.account-input button{color:#b1bcb2}
form label{color:#aeb9af}
.wallet-connection-state{background:transparent;border:0;border-left:2px solid #667e69;border-radius:0;padding:5px 10px;color:#9eafa0}
.verdict{border-color:#303b33}
.v-allow{color:#a7c4a9}.v-warn{color:#d5b77e}.v-block{color:#d58d8d}
.pill{border-radius:2px;background:transparent!important;border:1px solid currentColor}
.pill.ALLOW{color:#a7c4a9}.pill.WARN{color:#d5b77e}.pill.BLOCK{color:#d58d8d}
.plain-btn,.secondary-btn{border:1px solid #536456;border-radius:3px;background:transparent;color:#c0d1c0}
.plain-btn:hover,.secondary-btn:hover{background:#202b23}
.result{background:#101713;border:1px solid #465448;border-radius:2px}
.result-verdict{font-family:var(--mono);font-size:13px}
.result-explanation,.result ul{color:#c2cbc3}
.threat-item,.signal-line,.recent-item{border-color:#303b33}
.protocol{border-color:#303b33}
.protocol-mark{color:#526d57}
.protocol-mark span{color:#a7c4a9}
footer{color:#819086}
footer b{color:#a7c4a9}
.toast{background:#1b2820;border:1px solid #627967;border-radius:2px;box-shadow:none}
.reveal{transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}
.wallet-help-link{color:#b2c6b3}
.wallet-guide{
 margin:0;padding:27px 0 25px;border:0;border-bottom:1px solid var(--line);
 border-radius:0;background:transparent;box-shadow:none;
}
.wallet-guide-head{display:flex;justify-content:flex-start;align-items:baseline;gap:20px;margin:0 0 17px}
.wallet-guide-head b{font:500 13px var(--sans);color:#e0e7e0}
.wallet-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.wallet-guide-grid>div{border:0;border-left:1px solid #3b493e;padding:0 22px}
.wallet-guide-grid>div:first-child{border-left:0;padding-left:0}
.wallet-guide-grid strong{font:600 10px var(--mono);letter-spacing:.2px;color:#b4c9b5}
.wallet-guide-grid p{font:11px/1.75 var(--sans);color:#a6b0a7;margin:8px 0 0;max-width:390px}
.wallet-guide-note{font:9px var(--mono);color:#89998b;margin:17px 0 0;letter-spacing:.5px}
.sentinel-auth-screen{background:#101512;color:#e4e9e4}
.sentinel-auth-card{border:1px solid #39463d;border-radius:3px;background:#151c18;box-shadow:none}
.sentinel-auth-mark{border:1px solid #758c78;border-radius:3px;color:#b4c9b5;box-shadow:none}
.sentinel-auth-kicker{color:#b4c9b5}
.sentinel-auth-button{background:#b4c9b5;color:#111a13;border-radius:3px}
.sentinel-auth-loader{border-color:#39463d;border-top-color:#b4c9b5}
.sentinel-signout-button{border:1px solid #536456;border-radius:3px;background:transparent;color:#c0d1c0}
@media(max-width:760px){
 .wallet-guide{padding:22px 0}
 .wallet-guide-head{display:flex;flex-wrap:wrap;gap:8px 15px;margin-bottom:15px}
 .wallet-guide-grid{grid-template-columns:1fr;gap:15px}
 .wallet-guide-grid>div,.wallet-guide-grid>div:first-child{border-left:1px solid #3b493e;padding:0 0 0 13px}
 .wallet-guide-grid p{max-width:none}
 .scan-panel,.decision-panel,.audit-panel,.registry-panel,.fingerprint-panel{padding:17px}
 .hero h1{letter-spacing:-1.9px}
}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}


/* Sign-in and dashboard: editorial, restrained product styling */
.sentinel-auth-screen{
 background:#101512;display:flex;align-items:center;justify-content:center;
 padding:clamp(22px,5vw,72px);
}
.sentinel-auth-card{
 width:min(100%,860px);min-height:420px;padding:clamp(30px,5vw,62px);
 display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.8fr);
 align-content:center;align-items:center;column-gap:clamp(34px,7vw,90px);
 text-align:left;position:relative;border:0;border-top:1px solid #465448;
 border-bottom:1px solid #465448;background:transparent;
}
.sentinel-auth-mark{
 grid-column:1;grid-row:1;width:42px;height:42px;margin:0 0 28px;
 border:1px solid #718774;background:#19231c;font-size:19px;
}
.sentinel-auth-kicker{grid-column:1;grid-row:2;margin:0 0 14px;letter-spacing:.12em}
.sentinel-auth-card h1{
 grid-column:1;grid-row:3;font-size:clamp(29px,4vw,43px);letter-spacing:-1.8px;
 font-weight:600;text-align:left;
}
.sentinel-auth-copy{
 grid-column:1;grid-row:4;margin:15px 0 0;max-width:340px;
 font-size:14px;line-height:1.8;color:#aab5ab;
}
.sentinel-auth-button{
 grid-column:2;grid-row:1 / span 4;align-self:center;
 min-height:50px;padding:0 20px;text-align:center;
 background:#b4c9b4;color:#101812;border:1px solid #b4c9b4;
 border-radius:3px;font:600 13px var(--sans);box-shadow:none;
}
.sentinel-auth-button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.sentinel-auth-footnote,.sentinel-auth-security{
 grid-column:2;grid-row:5;text-align:center;margin:14px 0 0;
 font:10px/1.7 var(--mono);color:#8e9c90;
}
.sentinel-auth-security{grid-row:6;margin-top:7px;color:#748277}
.sentinel-auth-loader{grid-column:2;grid-row:5;justify-self:center;margin:22px auto}
@media(max-width:640px){
 .sentinel-auth-screen{padding:22px}
 .sentinel-auth-card{
  min-height:0;grid-template-columns:1fr;padding:30px 0;
  row-gap:0;border-top:1px solid #465448;border-bottom:1px solid #465448;
 }
 .sentinel-auth-mark,.sentinel-auth-kicker,.sentinel-auth-card h1,
 .sentinel-auth-copy,.sentinel-auth-button,.sentinel-auth-footnote,
 .sentinel-auth-security,.sentinel-auth-loader{grid-column:1;grid-row:auto}
 .sentinel-auth-mark{margin:0 0 26px}
 .sentinel-auth-card h1{font-size:32px}
 .sentinel-auth-copy{margin:13px 0 27px}
 .sentinel-auth-button{width:100%;margin-top:0}
 .sentinel-auth-footnote{margin-top:14px}
 .sentinel-auth-security{margin-top:7px}
 .sentinel-auth-loader{margin:22px auto}
}
/* Dashboard surfaces: fewer boxes, clearer information hierarchy */
.main{max-width:1380px}
.hero{min-height:355px}
.hero-copy{max-width:690px}
.hero-sub{max-width:510px;color:#aab5ab}
.metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.metric{padding-left:20px;padding-right:20px}
.metric:first-child{padding-left:0}
.section-heading{margin-bottom:18px}
.section-heading h2{font-size:clamp(21px,2.2vw,27px)}
.scan-layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:28px}
.threat-layout{grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr);gap:28px}
.panel{background:transparent;border:0;border-top:1px solid #39463d;border-radius:0}
.scan-panel,.decision-panel,.audit-panel,.registry-panel,.fingerprint-panel{padding:22px 0}
.panel-top{padding-bottom:15px}
.account-input,.form-row input,input,textarea{background:#131a15}
.result{background:#151d17}
.audit-panel{border-bottom:1px solid #39463d}
.recent-item{padding:17px 0}
.registry-panel>p{line-height:1.7}
.fingerprint-panel{border-left:1px solid #39463d;border-top:0;padding:0 0 0 24px}
.signal-line:first-of-type{margin-top:7px}
.protocol{padding:34px 0}
@media(max-width:760px){
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .scan-layout,.threat-layout{grid-template-columns:1fr;gap:12px}
 .fingerprint-panel{border-left:0;border-top:1px solid #39463d;padding:18px 0 0}
 .hero{min-height:0}
}


/* 2026-11-08 typography, navigation and motion pass */
:root{--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{font-size:14px;line-height:1.55;letter-spacing:0}
p{line-height:1.65}
.hero h1{font-size:clamp(36px,4.6vw,60px);line-height:1.08;letter-spacing:-2.4px;font-weight:620}
.hero-sub{font-size:15px;line-height:1.65;max-width:440px}
.eyebrow,.section-index,.section-meta,.panel-top,form label,.hero-note,.wallet-guide-note{letter-spacing:.08em}
.wallet-guide-grid p{font-size:12px;line-height:1.65}
.wallet-guide-grid strong{font-size:10px;line-height:1.5}
.section-heading h2,.protocol h2{font-size:clamp(21px,2vw,26px);line-height:1.2;letter-spacing:-.7px}
.metric span,.metric small{letter-spacing:.06em}
.metric b{font-size:25px;line-height:1.15}
.panel-top{font-size:10px}
.verdict strong{font-size:13px}
.verdict small,.decision-foot,.registry-panel>p,.protocol p{font-size:12px;line-height:1.7}
.main-nav{gap:3px}
.nav-item{position:relative;padding:12px 12px;font:500 11px/1.2 var(--sans);letter-spacing:0;color:#a0aaa1;border:0!important;background:transparent!important;transition:color .24s ease,opacity .24s ease}
.nav-item:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:#b4c9b4;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.nav-item.active{color:#e4e9e4}
.nav-item.active:after,.nav-item:hover:after{transform:scaleX(1)}
.nav-item:hover{color:#dce8dc}
.topbar{transition:background .25s ease,border-color .25s ease}
.reveal{opacity:0;transform:translate3d(0,20px,0);filter:blur(2px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.7,.2,1),filter .55s ease}
.reveal.visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.nav-arrival{animation:section-arrive .65s cubic-bezier(.2,.7,.2,1) both}
@keyframes section-arrive{0%{opacity:.68;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 html{scroll-padding-top:120px}
 .main-nav{gap:0;padding:2px 0 5px;scrollbar-width:none}
 .main-nav::-webkit-scrollbar{display:none}
 .nav-item{flex:0 0 auto;padding:10px 11px;font-size:11px}
 .nav-item:after{left:11px;right:11px;bottom:3px}
 .hero h1{font-size:clamp(34px,9vw,48px);line-height:1.08;letter-spacing:-1.8px}
 .hero-sub{font-size:14px;max-width:34ch}
 .section-heading{align-items:flex-start;gap:12px}
 .section-meta{max-width:125px;text-align:right;line-height:1.5}
 .wallet-guide-grid p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .reveal,.reveal.visible{opacity:1;transform:none;filter:none;transition:none}
 .nav-item,.nav-item:after,.topbar{transition:none}
 .nav-arrival{animation:none}
}


/* WayangTech-inspired palette: deep teal, ivory, sky blue and warm yellow */
:root{
 --bg:#123d3b;
 --surface:#174744;
 --surface2:#1d514d;
 --line:#35635d;
 --text:#f4f0d9;
 --muted:#c0c9b4;
 --dim:#8fa69a;
 --mint:#e8df78;
 --green:#a9d8c5;
 --amber:#e8df78;
 --red:#e58d83;
 --sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
body,.sentinel-auth-screen{background:#123d3b;color:#f4f0d9}
body{background-image:radial-gradient(ellipse at 82% 8%,rgba(104,190,190,.12),transparent 34%),linear-gradient(145deg,#123d3b,#103432 70%)}
.topbar{background:rgba(15,51,49,.94);border-bottom:1px solid #35635d}
.brand-icon{background:#1c514d;border-color:#e8df78;color:#f4f0d9}
.brand-icon span,.brand-cube{color:#e8df78}
.brand-name,.brand-name b{color:#f4f0d9}
.nav-item{color:#c0c9b4}
.nav-item.active,.nav-item:hover{color:#f4f0d9}
.nav-item:after{background:#e8df78}
.network-pill,.wallet-help-link{color:#b9d6d0}
.wallet-btn{background:#e8df78;border-color:#e8df78;color:#173b37}
.wallet-btn:hover{background:#f2eaa0}
.hero{border-color:#35635d}
.hero h1,.hero h1 em{color:#f4f0d9}
.hero h1 em{ text-decoration:underline;text-decoration-color:#e8df78;text-decoration-thickness:3px;text-underline-offset:7px}
.hero-sub{color:#c0d4c9}
.eyebrow,.section-index,.section-meta{color:#a9d8e9}
.live-pulse,.network-pill i,.panel-status i{background:#8bd4ef;box-shadow:0 0 9px #8bd4ef55}
.cta,.primary-btn{background:#8bd4ef;border-color:#8bd4ef;color:#123d3b}
.cta:hover,.primary-btn:hover{background:#a4e0f3;filter:none}
.chain-grid{background-image:linear-gradient(#8bd4ef1a 1px,transparent 1px),linear-gradient(90deg,#8bd4ef1a 1px,transparent 1px)}
.chain-node{background:#174744;border-color:#8bd4ef;color:#f4f0d9}
.chain-node span{color:#e8df78}
.chain-line{background:linear-gradient(90deg,transparent,#8bd4ef,transparent)}
.chain-label{color:#b9d6d0}
.metrics{border-color:#35635d}
.metric span,.metric small{color:#b9c9bd}
.metric .green,.v-allow,.pill.ALLOW{color:#a9d8c5!important}
.metric .amber,.v-warn,.pill.WARN{color:#e8df78!important}
.metric .red,.v-block,.pill.BLOCK{color:#f09a8d!important}
.panel{background:rgba(20,67,63,.55);border-color:#35635d}
.panel-top{color:#f4f0d9}
.account-input,.form-row input,input,textarea{background:#103633;border-color:#47736c;color:#f4f0d9}
.account-input>span{color:#8bd4ef}
input::placeholder,textarea::placeholder{color:#8fa69a}
input:focus,textarea:focus{border-color:#8bd4ef;box-shadow:0 0 0 2px #8bd4ef22}
form label{color:#c0c9b4}
.wallet-connection-state{border-color:#8bd4ef;color:#c0d4c9}
.verdict,.threat-item,.signal-line,.recent-item{border-color:#35635d}
.verdict strong,.recent-address{color:#f4f0d9}
.verdict small,.decision-foot,.registry-panel>p,.protocol p{color:#c0c9b4}
.result{background:#174744;border-color:#52786d}
.result-explanation,.result ul{color:#e0e6d6}
.result-score{color:#a9d8e9}
.pill{background:transparent!important}
.plain-btn,.secondary-btn,.sentinel-signout-button{border-color:#8bd4ef;color:#bde8f3;background:transparent}
.plain-btn:hover,.secondary-btn:hover{background:#205a55}
.wallet-guide{border-color:#35635d}
.wallet-guide-grid>div{border-color:#47736c}
.wallet-guide-grid strong{color:#e8df78}
.wallet-guide-grid p,.wallet-guide-note{color:#c0c9b4}
.fingerprint-panel{border-color:#47736c}
.protocol{border-color:#35635d}
.protocol h2{color:#f4f0d9}
.protocol-mark{color:#8bd4ef}
.protocol-mark span{color:#e8df78}
footer{color:#b0c2b5}
footer b{color:#e8df78}
.scroll-progress{background:#e8df78;box-shadow:none}
.toast{background:#174744;border-color:#8bd4ef;color:#f4f0d9}
.sentinel-auth-card{border-color:#47736c}
.sentinel-auth-mark{background:#1c514d;border-color:#e8df78;color:#e8df78}
.sentinel-auth-kicker{color:#a9d8e9}
.sentinel-auth-card h1{color:#f4f0d9}
.sentinel-auth-copy{color:#c0d4c9}
.sentinel-auth-button{background:#e8df78;border-color:#e8df78;color:#173b37}
.sentinel-auth-button:hover{background:#f2eaa0}
.sentinel-auth-footnote{color:#c0c9b4}
.sentinel-auth-security{color:#9fb9ad}
.sentinel-auth-loader{border-color:#35635d;border-top-color:#8bd4ef}
.sentinel-session-email{color:#c0d4c9}
.sentinel-signout-button:hover{background:#205a55}
@media(max-width:760px){
 body{background-image:linear-gradient(145deg,#123d3b,#103432)}
 .panel{background:transparent}
}


/* Deep teal matched to the supplied WayangTech logo background */
:root{
 --bg:#1a3c3d;
 --surface:#204849;
 --surface2:#285352;
 --line:#426466;
 --text:#f5f0d8;
 --muted:#c5cbb7;
 --dim:#9aafa4;
}
body,.sentinel-auth-screen{background-color:#1a3c3d}
body{background-image:radial-gradient(ellipse at 82% 8%,rgba(139,212,239,.10),transparent 34%),linear-gradient(145deg,#1a3c3d,#102f31 78%)}
.topbar{background:rgba(20,54,56,.96);border-color:#426466}
.panel{background:rgba(32,72,73,.42);border-color:#426466}
.sentinel-auth-screen{background-image:radial-gradient(ellipse at 75% 20%,rgba(139,212,239,.10),transparent 38%),linear-gradient(145deg,#1a3c3d,#102f31)}


/* Supplied WayangTech logo: login, navbar and protocol signature */
.sentinel-auth-mark{width:168px;height:168px;margin:0 auto 24px;border-radius:22px;overflow:hidden;background:#1a3c3d;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.sentinel-auth-mark img,.brand-logo img,.protocol-logo img{display:block;width:100%;height:100%;object-fit:cover}
.brand-logo{width:46px;height:46px;display:inline-flex;overflow:hidden;border-radius:10px;background:#1a3c3d;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.brand-logo img{object-fit:cover}
.protocol-logo{width:112px;height:112px;overflow:hidden;border-radius:16px;background:#1a3c3d}
.protocol-logo img{object-fit:cover}
.sentinel-auth-card{max-width:620px}
@media(max-width:640px){.sentinel-auth-mark{width:136px;height:136px}.brand-logo{width:38px;height:38px}.protocol-logo{width:84px;height:84px}}

/* Preserve complete supplied WayangTech artwork without cropping */
.sentinel-auth-mark{width:180px;height:180px;margin:0 auto 24px;border-radius:0;overflow:hidden;background:transparent;box-shadow:none}
.sentinel-auth-mark img{display:block;width:100%;height:100%;object-fit:contain}
.brand-logo{width:52px;height:52px;display:inline-flex;overflow:hidden;border-radius:0;background:transparent;box-shadow:none}
.brand-logo img{width:100%;height:100%;object-fit:contain}
.protocol-logo{width:120px;height:120px;overflow:hidden;border-radius:0;background:transparent}
.protocol-logo img{width:100%;height:100%;object-fit:contain}
@media(max-width:640px){.sentinel-auth-mark{width:150px;height:150px}.brand-logo{width:42px;height:42px}.protocol-logo{width:90px;height:90px}}


/* Automatic responsive layout: adapts to available screen width */
.main{width:100%;max-width:1540px;margin-inline:auto}
.topbar{width:100%;padding-inline:clamp(14px,4vw,64px)}
.main{padding-inline:clamp(14px,4vw,64px)}
img,svg,video{max-width:100%;height:auto}
button,a,input,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8bd4ef;outline-offset:3px}

/* Wide desktop */
@media(min-width:1440px){
 .main{max-width:1640px}
 .hero{min-height:410px}
 .hero-copy{max-width:720px}
 .chain-visual{width:min(34vw,430px);height:290px}
 .metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
 .scan-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:36px}
 .threat-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:36px}
}

/* Tablet and compact laptops */
@media(min-width:761px) and (max-width:1100px){
 .topbar{height:auto;min-height:68px;flex-wrap:wrap;gap:8px 18px;padding-block:12px}
 .main-nav{order:3;flex:1 0 100%;overflow-x:auto;scrollbar-width:none}
 .main-nav::-webkit-scrollbar{display:none}
 .top-actions{margin-left:auto}
 .hero{min-height:300px}
 .chain-visual{width:260px;height:220px}
 .metrics{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}
 .metric:nth-child(3){border-right:0}
 .metric:nth-child(4){padding-left:0}
 .scan-layout{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:20px}
 .scan-panel,.decision-panel,.audit-panel,.registry-panel,.fingerprint-panel{padding:18px 0}
}

/* Phones: single-column content, touch-sized controls, compact sticky navigation */
@media(max-width:760px){
 html{scroll-padding-top:116px}
 .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;height:auto;min-height:0;padding:10px 14px}
 .brand{min-width:0;gap:8px}
 .brand-name{font-size:10px;letter-spacing:1px}
 .brand-logo{width:36px;height:36px}
 .top-actions{grid-column:2;grid-row:1;display:flex;align-items:center;gap:6px}
 .wallet-btn{min-height:40px;padding:8px 10px;font-size:9px;white-space:nowrap}
 .wallet-help-link{display:none}
 .main-nav{grid-column:1/-1;grid-row:2;display:flex;min-width:0;overflow-x:auto;gap:4px;padding:4px 0 6px;scrollbar-width:none}
 .main-nav::-webkit-scrollbar{display:none}
 .nav-item{flex:0 0 auto;padding:9px 10px;font-size:10px;white-space:nowrap}
 .main{padding:0 14px 28px}
 .hero{min-height:0}
 .hero-copy{padding:34px 0 28px}
 .hero h1{font-size:clamp(32px,9vw,46px);line-height:1.08;letter-spacing:-1.7px}
 .hero-sub{font-size:13px;max-width:38ch}
 .chain-visual{display:none}
 .hero-actions{align-items:flex-start;gap:10px;flex-wrap:wrap}
 .cta{min-height:44px;display:inline-flex;align-items:center}
 .hero-note{font-size:8px;align-self:center}
 .wallet-guide{padding:14px;margin-top:14px}
 .wallet-guide-grid{grid-template-columns:1fr;gap:12px}
 .wallet-guide-grid>div{padding-left:12px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:12px 0}
 .metric{min-width:0;padding:12px 10px!important;border-bottom:1px solid var(--line)}
 .metric:nth-child(2n){border-right:0}
 .metric:last-child{grid-column:1/-1;border-bottom:0}
 .metric b{font-size:clamp(19px,6vw,24px);overflow-wrap:anywhere}
 .section-heading{margin:28px 0 12px;align-items:flex-start}
 .section-heading h2{font-size:21px}
 .section-meta{max-width:120px;font-size:7px;line-height:1.5;text-align:right}
 .scan-layout,.threat-layout{grid-template-columns:minmax(0,1fr);gap:12px}
 .scan-panel,.decision-panel,.audit-panel,.registry-panel,.fingerprint-panel{min-width:0;padding:16px 0}
 .panel-top{gap:8px;font-size:9px}
 .form-row{grid-template-columns:minmax(0,1fr) minmax(92px,.7fr);gap:8px}
 .account-input{min-width:0}
 .account-input input{min-width:0}
 .account-input button{padding-inline:9px}
 .form-row input{width:100%;padding:11px 9px}
 .scan-submit{display:grid;grid-template-columns:1fr;gap:12px}
 .scan-submit .primary-btn{width:100%;min-height:46px}
 .verdict{gap:10px}
 .verdict>span{font-size:7px}
 .demo-actions>div{display:flex;flex-wrap:wrap;gap:7px}
 .demo-actions .secondary-btn{margin:8px 0 0;min-height:40px}
 .table-head,.recent-item{grid-template-columns:minmax(0,1fr) 66px 42px;gap:6px}
 .recent-address{overflow-wrap:anywhere;word-break:break-word}
 .registry-numbers{gap:28px}
 .report-form input,.report-form textarea{width:100%;min-height:44px}
 .protocol{gap:14px;align-items:center}
 .protocol p{font-size:11px}
 .protocol-logo{flex:0 0 76px;width:76px;height:76px}
 footer{gap:8px;line-height:1.6}
 .toast{left:12px;right:12px;bottom:12px;text-align:center}
}

/* Narrow phones */
@media(max-width:380px){
 .topbar{padding-inline:10px}
 .brand-logo{width:30px;height:30px}
 .brand-name{font-size:9px}
 .wallet-btn{font-size:8px;padding-inline:8px}
 .main{padding-inline:11px}
 .hero h1{font-size:32px}
 .form-row{grid-template-columns:1fr}
 .section-meta{max-width:105px}
 .metric span,.metric small{font-size:7px}
 .demo-actions .secondary-btn{flex:1 1 30%;padding-inline:6px;font-size:8px}
}

/* Landscape phones: use the extra width without forcing desktop-sized text */
@media(max-width:760px) and (orientation:landscape){
 .hero-copy{padding-block:24px}
 .hero h1{font-size:clamp(30px,6vw,40px)}
 .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .metric:last-child{grid-column:auto}
}


/* Compact circular profile avatar; never expose the signed-in email. */
.sentinel-session-avatar{width:34px;height:34px;min-width:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#1c766b,#103d3b);border:1px solid rgba(130,210,190,.55);box-shadow:0 0 0 3px rgba(39,125,108,.12)}
.sentinel-session-avatar svg{width:19px;height:19px;fill:#e5fff6}
@media(max-width:760px){.sentinel-session-avatar{width:32px;height:32px;min-width:32px}}


/* Clear, examiner-friendly wallet assessment */
.result{padding:0;overflow:hidden;border-radius:12px;background:#174744}
.result-overview{padding:20px 20px 17px;border-left:4px solid #a9d8e9}
.result-overview.result-allow{border-left-color:var(--green)}
.result-overview.result-warn{border-left-color:var(--amber)}
.result-overview.result-block{border-left-color:var(--red)}
.result-status-line{display:flex;align-items:center;gap:8px;color:#dce9df;font-size:11px;font-weight:700;letter-spacing:.04em}
.result-status-dot{width:8px;height:8px;border-radius:50%;background:#a9d8e9}
.result-allow .result-status-dot{background:var(--green)}
.result-warn .result-status-dot{background:var(--amber)}
.result-block .result-status-dot{background:var(--red)}
.result-overview h3{margin:11px 0 7px;color:var(--text);font-size:clamp(19px,2.5vw,25px);line-height:1.25;letter-spacing:-.4px}
.result-explanation{margin:0;color:#d0ddd2;font-size:13px;line-height:1.65}
.result-score-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding-top:13px;border-top:1px solid #47736c}
.result-score-row>div{display:flex;align-items:baseline;gap:9px;white-space:nowrap}
.result-score-row>div span{font-size:11px;color:#c0c9b4}
.result-score-row>div b{font-size:19px;color:#f4f0d9}
.result-score-row>small{max-width:270px;color:#b9c9bd;font-size:10px;line-height:1.5;text-align:right}
.readable-activity,.result-factors{padding:17px 20px;border-top:1px solid #35635d}
.readable-section-title{margin-bottom:12px;color:#a9d8e9;font-size:10px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.activity-count-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.activity-count{min-width:0;padding:11px;border:1px solid #47736c;border-radius:8px;background:#123d3b}
.activity-count span,.activity-count small{display:block;color:#c0c9b4;font-size:10px;line-height:1.4}
.activity-count b{display:block;margin:5px 0;font-size:22px;line-height:1.1;color:#f4f0d9}
.activity-count small{color:#a9d8e9}
.explorer-link{display:inline-block;margin-top:12px;color:#a9d8e9;font-size:11px;text-decoration:none}
.explorer-link:hover{text-decoration:underline}
.readable-factor-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.readable-factor{display:grid;gap:3px;padding:0 0 9px;border-bottom:1px solid #35635d}
.readable-factor:last-child{padding-bottom:0;border-bottom:0}
.readable-factor b{font-size:10px;color:#e8df78;letter-spacing:.04em}
.readable-factor span{font-size:12px;line-height:1.55;color:#d0ddd2}
.result-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 18px}
.result-actions .secondary-btn{margin:0;min-height:38px;font-size:11px}
@media(max-width:520px){
 .result-overview{padding:17px 15px 14px}
 .readable-activity,.result-factors{padding:15px}
 .activity-count-grid{gap:6px}
 .activity-count{padding:9px 7px}
 .activity-count span,.activity-count small{font-size:9px}
 .activity-count b{font-size:20px}
 .result-score-row{align-items:flex-start;flex-direction:column;gap:7px}
 .result-score-row>small{text-align:left;max-width:none}
 .result-actions{padding:0 15px 15px}
}


/* Quiet, deliberate motion for wallet scanning and result updates */
.result{transition:opacity .22s ease,transform .22s ease}
.result-enter{animation:sentinel-result-in .38s cubic-bezier(.2,.75,.25,1) both}
@keyframes sentinel-result-in{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
.result-actions .secondary-btn,.explorer-link,.secondary-btn{
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,opacity .18s ease
}
.result-actions .secondary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}
.result-actions .secondary-btn:active,.secondary-btn:active{transform:translateY(0)}
.result-actions .secondary-btn:disabled,.secondary-btn:disabled{opacity:.6;cursor:wait;transform:none}
.activity-count{transition:border-color .18s ease,background-color .18s ease}
.activity-count:hover{border-color:#76a99d;background:#164744}
@media(prefers-reduced-motion:reduce){
 .result,.result-enter,.result-actions .secondary-btn,.explorer-link,.secondary-btn,.activity-count{animation:none!important;transition:none!important;transform:none!important}
}


/* Clear, compact security procedure */
.security-method{margin:76px 0 54px;padding:clamp(22px,4vw,48px);border:1px solid var(--line);background:linear-gradient(145deg,#101922,#0b1118);position:relative;overflow:hidden}
.security-method:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--mint);opacity:.75}
.security-method-heading{max-width:680px;margin-bottom:30px}
.security-method-heading h2{font-size:clamp(25px,3vw,36px);letter-spacing:-1.2px;margin:12px 0}
.security-method-heading p,.security-step p,.security-footnote{color:var(--muted);line-height:1.7}
.security-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.security-step{min-height:190px;padding:18px 15px;background:#0c141c;border:1px solid #263541;transition:transform .2s,border-color .2s,background .2s}
.security-step:hover{transform:translateY(-3px);border-color:#4b8978;background:#101e25}
.security-step>span{font:11px var(--mono);color:var(--mint);display:block;margin-bottom:25px}
.security-step b{font-size:14px}
.security-step p{font-size:12px;margin:9px 0 16px}
.security-step small{font:9px var(--mono);letter-spacing:.6px;color:#7eaaa0}
.security-guardrails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.security-guardrails>div{padding:14px;background:#111a22;border:1px solid #293641;display:flex;flex-direction:column;gap:7px}
.security-guardrails b{font:11px var(--mono);color:var(--mint)}
.security-guardrails span{font-size:11px;color:var(--muted);line-height:1.5}
.security-footnote{font-size:11px;margin:18px 0 0}
.result-overview{padding:22px}
.result-overview h3{font-size:clamp(20px,2.4vw,27px);letter-spacing:-.6px;line-height:1.25}
.result-explanation{max-width:680px;line-height:1.65}
.result-score-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.result-score-row small{max-width:330px;line-height:1.5}
.readable-factor{gap:7px;padding:13px 0}
.readable-factor b{font-size:12px;letter-spacing:.1px}
.readable-factor span{font-size:12px;line-height:1.55}
@media(max-width:900px){.security-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.security-step{min-height:0}.security-step>span{margin-bottom:14px}.security-guardrails{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.security-method{margin:48px 0 34px;padding:20px 15px}.security-steps,.security-guardrails{grid-template-columns:1fr}.security-step{padding:15px}.security-step>span{margin-bottom:10px}.result-overview{padding:17px}.result-score-row{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.security-step{transition:none}.security-step:hover{transform:none}}


/* Product UI refinement: restrained security-console styling */
.result{
  border:1px solid #293640!important;
  border-radius:3px!important;
  background:#0b1117!important;
  box-shadow:none!important;
}
.result-overview{
  background:#101820!important;
  border-left:3px solid #8798a5!important;
  padding:22px 24px!important;
}
.result-overview.result-allow{border-left-color:#65bd91!important}
.result-overview.result-warn{border-left-color:#d6ad5d!important}
.result-overview.result-block{border-left-color:#d96e78!important}
.result-status-line{font:10px var(--mono)!important;letter-spacing:.04em;color:#a9b7c0!important}
.result-status-dot{width:7px;height:7px;box-shadow:none!important}
.result-overview h3{font:600 clamp(20px,2.2vw,25px)/1.25 var(--sans)!important;letter-spacing:-.45px!important;margin:13px 0 8px!important;color:#edf2f4!important}
.result-explanation{font:12px/1.65 var(--sans)!important;color:#aab7bf!important;max-width:700px}
.result-score-row{border-top:1px solid #2a3741!important;margin-top:18px!important;padding-top:15px!important}
.result-score-row>div span{font:10px var(--mono)!important;color:#91a1ab!important}
.result-score-row>div b{font:600 19px var(--mono)!important;color:#e5ecef!important}
.result-score-row>small{font:10px/1.55 var(--sans)!important;color:#81919b!important}
.readable-activity,.result-factors{padding:19px 24px!important;border-color:#26323b!important}
.readable-section-title{font:10px var(--mono)!important;letter-spacing:.08em!important;color:#9aabb5!important}
.activity-count-grid{gap:0!important;border:1px solid #293640!important}
.activity-count{border:0!important;border-right:1px solid #293640!important;border-radius:0!important;background:#0e151c!important;padding:13px 15px!important}
.activity-count:last-child{border-right:0!important}
.activity-count:hover{background:#111c24!important;border-color:#293640!important}
.activity-count span{font:10px var(--sans)!important;color:#9baab3!important}
.activity-count b{font:500 22px var(--mono)!important;color:#e8eef1!important}
.activity-count small{font:9px var(--mono)!important;color:#8ca99a!important}
.explorer-link{font:10px var(--mono)!important;color:#8ec9aa!important}
.readable-factor-list{gap:0!important}
.readable-factor{grid-template-columns:minmax(150px,.7fr) 1.3fr!important;align-items:start;gap:18px!important;padding:12px 0!important;border-color:#26323b!important}
.readable-factor b{font:600 11px var(--sans)!important;color:#d4bd83!important;letter-spacing:0!important}
.readable-factor span{font:11px/1.55 var(--sans)!important;color:#aab7bf!important}
.result-actions{padding:0 24px 20px!important}
.result-actions .secondary-btn{border-radius:3px!important;border-color:#3a4852!important;color:#c2cdd3!important;background:transparent!important;font:10px var(--mono)!important}
.result-actions .secondary-btn:hover{background:#17212a!important;border-color:#667985!important}
.security-method{
  border:1px solid #293640!important;border-radius:3px!important;
  background:#0b1117!important;box-shadow:none!important;padding:30px!important;
}
.security-method:before{display:none!important}
.security-method-heading{margin-bottom:24px!important}
.security-method-heading h2{font:600 clamp(22px,2.6vw,30px)/1.2 var(--sans)!important;letter-spacing:-.7px!important}
.security-method-heading p{font:12px/1.65 var(--sans)!important;color:#8999a3!important}
.security-steps{gap:0!important;border:1px solid #293640!important}
.security-step{
  min-height:0!important;padding:18px 16px!important;
  border:0!important;border-right:1px solid #293640!important;
  border-radius:0!important;background:#0e151c!important;box-shadow:none!important;
}
.security-step:last-child{border-right:0!important}
.security-step:hover{transform:none!important;background:#111b23!important;border-color:#293640!important}
.security-step>span{font:10px var(--mono)!important;color:#82c4a0!important;margin-bottom:20px!important}
.security-step b{font:600 12px var(--sans)!important;color:#e0e7ea!important}
.security-step p{font:11px/1.6 var(--sans)!important;color:#91a0a9!important}
.security-step small{font:8px var(--mono)!important;color:#738b80!important}
.security-guardrails{gap:0!important;border:1px solid #293640!important;margin-top:14px!important}
.security-guardrails>div{border:0!important;border-right:1px solid #293640!important;border-radius:0!important;background:#0e151c!important;padding:13px!important}
.security-guardrails>div:last-child{border-right:0!important}
.security-guardrails b{font:10px var(--mono)!important;color:#a9c5b4!important}
.security-guardrails span{font:10px/1.5 var(--sans)!important;color:#8999a3!important}
.security-footnote{font:10px/1.6 var(--sans)!important;color:#71818b!important}
@media(max-width:900px){
 .security-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .security-step{border-right:1px solid #293640!important;border-bottom:1px solid #293640!important}
 .security-step:nth-child(2n){border-right:0!important}
 .security-step:last-child{grid-column:1/-1;border-bottom:0!important}
 .security-guardrails{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .security-guardrails>div:nth-child(2n){border-right:0!important}
}
@media(max-width:520px){
 .result-overview{padding:17px 16px!important}
 .readable-activity,.result-factors{padding:16px!important}
 .activity-count{padding:11px 8px!important}
 .activity-count span{font-size:9px!important}
 .activity-count b{font-size:19px!important}
 .readable-factor{grid-template-columns:1fr!important;gap:4px!important}
 .result-actions{padding:0 16px 16px!important}
 .security-method{padding:19px 14px!important}
 .security-steps{grid-template-columns:1fr!important}
 .security-step,.security-step:nth-child(2n){border-right:0!important;border-bottom:1px solid #293640!important}
 .security-step:last-child{grid-column:auto;border-bottom:0!important}
 .security-guardrails{grid-template-columns:1fr!important}
 .security-guardrails>div,.security-guardrails>div:nth-child(2n){border-right:0!important;border-bottom:1px solid #293640!important}
 .security-guardrails>div:last-child{border-bottom:0!important}
}


/* Plain-language scan report */
.result{background:#0b1117!important;border:1px solid #2b3740!important;border-radius:4px!important;overflow:hidden}
.plain-result-head{padding:22px 24px;background:#101820;border-left:3px solid #7e9b8b}
.plain-result-head.result-allow{border-left-color:#65bd91}
.plain-result-head.result-warn{border-left-color:#d6ad5d}
.plain-result-head.result-block{border-left-color:#d96e78}
.plain-status{font:10px var(--mono);letter-spacing:.08em;color:#9cabb4}
.plain-result-head h3{font:600 clamp(21px,2.5vw,27px)/1.25 var(--sans);letter-spacing:-.5px;color:#edf2f4;margin:13px 0 7px}
.plain-summary{font:13px/1.6 var(--sans);color:#b2bec5;margin:0;max-width:680px}
.plain-score{display:flex;align-items:center;gap:16px;margin-top:18px;padding-top:14px;border-top:1px solid #2b3740}
.plain-score span{font:10px var(--mono);color:#91a1ab}
.plain-score b{font:600 19px var(--mono);color:#e8eef1}
.plain-next-step{margin:15px 0 0;padding:12px 14px;background:#0b1218;border:1px solid #293640;color:#b7c3c9;font:12px/1.6 var(--sans)}
.plain-next-step strong{color:#e0e8eb}
.plain-evidence,.plain-findings{padding:18px 24px;border-top:1px solid #26323b}
.plain-evidence h4,.plain-findings h4{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a3b2ba;margin:0 0 12px}
.plain-evidence-rows{border-top:1px solid #293640}
.plain-evidence-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(145px,.65fr);align-items:center;gap:16px;padding:11px 2px;border-bottom:1px solid #222e37}
.plain-evidence-row span{font:12px var(--sans);color:#c4cdd2}
.plain-evidence-row b{font:500 15px var(--mono);color:#e8eef1}
.plain-evidence-row small{font:10px var(--sans);color:#82938d;text-align:right}
.plain-findings ul{list-style:none;padding:0;margin:0}
.plain-findings li{display:grid;grid-template-columns:minmax(155px,.7fr) 1.3fr;gap:18px;padding:12px 0;border-bottom:1px solid #222e37}
.plain-findings li:last-child{border-bottom:0}
.plain-findings li b{font:600 11px var(--sans);color:#d7c28f}
.plain-findings li span{font:11px/1.6 var(--sans);color:#aebbc2}
.plain-simulation{font:10px var(--mono);color:#d8bd78;margin:12px 0 0}
.result-actions{padding:0 24px 18px}
.result-actions .secondary-btn{border-radius:3px!important;font:10px var(--mono)!important}
@media(max-width:560px){
 .plain-result-head{padding:18px 15px}
 .plain-result-head h3{font-size:21px}
 .plain-summary{font-size:12px}
 .plain-evidence,.plain-findings{padding:16px 15px}
 .plain-evidence-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 12px}
 .plain-evidence-row small{grid-column:1/-1;text-align:left}
 .plain-findings li{grid-template-columns:1fr;gap:4px}
 .result-actions{padding:0 15px 15px}
}



/* Native disclosure for technical evidence; no dashboard-level click handler */
.technical-details{margin:0 24px 20px;border:1px solid #293640;background:#080e13}
.technical-details>summary{padding:12px 14px;cursor:pointer;list-style:none;color:#c2cdd3;font:10px var(--mono);letter-spacing:.04em}
.technical-details>summary::-webkit-details-marker{display:none}
.technical-details>summary::after{content:"+";float:right;color:#9cabb4}
.technical-details[open]>summary::after{content:"−"}
.technical-details[open]>summary{border-bottom:1px solid #293640}
.technical-json.ai-text{display:block;max-height:420px;overflow:auto;margin:0;padding:14px;color:#c3d0d6;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow-wrap:normal;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-width:560px){.technical-details{margin:0 15px 16px}.technical-json.ai-text{max-height:55vh;padding:12px;font-size:10px}}


/* Refined scroll rhythm for section markers and hero headline */
.section-heading .section-index,
.security-method-heading .section-index{
  display:inline-flex;
  align-items:center;
  gap:10px;
  opacity:.78;
  transform:translateY(5px);
  transition:opacity .45s ease,transform .55s cubic-bezier(.2,.75,.25,1);
}
.section-heading .section-index:after,
.security-method-heading .section-index:after{
  content:"";
  display:inline-block;
  width:28px;
  height:1px;
  background:currentColor;
  opacity:.7;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .55s cubic-bezier(.2,.75,.25,1);
}
.section-heading.visible .section-index,
.security-method.visible .security-method-heading .section-index{
  opacity:1;
  transform:translateY(0);
}
.section-heading.visible .section-index:after,
.security-method.visible .security-method-heading .section-index:after{
  transform:scaleX(1);
}
.section-heading h2{
  opacity:.82;
  transform:translateY(7px);
  transition:opacity .5s ease .08s,transform .6s cubic-bezier(.2,.75,.25,1) .08s;
}
.section-heading.visible h2{opacity:1;transform:translateY(0)}
.scan-layout>.panel,
.audit-panel>.table-head,
.audit-panel>.recent-list,
.threat-layout>.panel,
.security-method-heading,
.security-steps>.security-step,
.security-guardrails>div{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .5s ease,transform .6s cubic-bezier(.2,.75,.25,1);
}
.scan-layout.visible>.panel:nth-child(2),
.threat-layout.visible>.panel:nth-child(2){transition-delay:.1s}
.audit-panel.visible>.recent-list{transition-delay:.08s}
.security-method.visible .security-method-heading{transition-delay:.02s}
.security-method.visible .security-steps>.security-step:nth-child(2){transition-delay:.06s}
.security-method.visible .security-steps>.security-step:nth-child(3){transition-delay:.12s}
.security-method.visible .security-steps>.security-step:nth-child(4){transition-delay:.18s}
.security-method.visible .security-steps>.security-step:nth-child(5){transition-delay:.24s}
.security-method.visible .security-guardrails>div:nth-child(2){transition-delay:.06s}
.security-method.visible .security-guardrails>div:nth-child(3){transition-delay:.12s}
.security-method.visible .security-guardrails>div:nth-child(4){transition-delay:.18s}
.scan-layout.visible>.panel,
.audit-panel.visible>.table-head,
.audit-panel.visible>.recent-list,
.threat-layout.visible>.panel,
.security-method.visible .security-method-heading,
.security-method.visible .security-steps>.security-step,
.security-method.visible .security-guardrails>div{
  opacity:1;
  transform:translateY(0);
}
.hero h1{perspective:700px}
.hero h1 em{
  display:inline-block;
  opacity:0;
  transform:translate3d(0,13px,0);
  animation:sentinel-tagline-in .75s cubic-bezier(.2,.75,.25,1) .28s both;
}
.hero h1{animation:sentinel-title-in .65s cubic-bezier(.2,.75,.25,1) .08s both}
@keyframes sentinel-title-in{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes sentinel-tagline-in{
  from{opacity:0;transform:translate3d(0,13px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@media(prefers-reduced-motion:reduce){
  .section-heading .section-index,.security-method-heading .section-index,
  .section-heading .section-index:after,.security-method-heading .section-index:after,
  .section-heading h2,.scan-layout>.panel,.audit-panel>.table-head,
  .audit-panel>.recent-list,.threat-layout>.panel,.security-method-heading,
  .security-steps>.security-step,.security-guardrails>div,.hero h1,.hero h1 em{
    opacity:1!important;transform:none!important;animation:none!important;transition:none!important
  }
}


/* Explicit decision label in every wallet result */
.plain-status-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:11px}
.plain-status-row .plain-status{margin:0}
.plain-verdict{
 display:inline-flex;align-items:center;justify-content:center;
 min-width:76px;padding:6px 10px;border:1px solid #53636b;
 color:#e8eef1;background:#18242b;
 font:700 11px/1 var(--mono);letter-spacing:.08em
}
.plain-verdict-allow{color:#a9d8c5;border-color:#52866f;background:#142b24}
.plain-verdict-warn{color:#f0cc7b;border-color:#9a7940;background:#302719}
.plain-verdict-block{color:#f09b9b;border-color:#a75e65;background:#321d22}
.plain-verdict-incomplete{color:#a9d8e9;border-color:#5d8493;background:#172a32}
@media(prefers-reduced-motion:reduce){.plain-verdict{transition:none}}


/* Scroll typography: bring key copy into focus as it enters view */
.scroll-copy{
 opacity:0;
 transform:translate3d(0,11px,0);
 filter:blur(2px);
 transition:opacity .55s ease var(--copy-delay,0ms),
            transform .65s cubic-bezier(.2,.75,.25,1) var(--copy-delay,0ms),
            filter .55s ease var(--copy-delay,0ms);
 will-change:opacity,transform;
}
.scroll-copy.scroll-copy-visible{
 opacity:1;
 transform:translate3d(0,0,0);
 filter:blur(0);
}
.hero-sub.scroll-copy-visible,
.section-heading h2.scroll-copy-visible,
.security-method-heading h2.scroll-copy-visible{
 letter-spacing:inherit;
}
.wallet-guide-grid strong.scroll-copy-visible,
.verdict strong.scroll-copy-visible,
.security-step b.scroll-copy-visible,
.security-guardrails b.scroll-copy-visible{
 text-shadow:0 0 18px rgba(139,212,239,.12);
}
@media(prefers-reduced-motion:reduce){
 .scroll-copy,.scroll-copy.scroll-copy-visible{
  opacity:1!important;transform:none!important;filter:none!important;
  transition:none!important;will-change:auto
 }
}


/* Keep copy static; only the hero underline responds to page scroll. */
.scroll-copy,.scroll-copy.scroll-copy-visible{
 opacity:1!important;transform:none!important;filter:none!important;
 text-shadow:none!important;transition:none!important;animation:none!important;
 will-change:auto!important;
}
.hero h1,.hero h1 em{animation:none!important;opacity:1!important;transform:none!important}
.hero h1 em{
 position:relative;
 display:inline-block;
 text-decoration:none!important;
}
.hero h1 em:after{
 content:"";
 position:absolute;
 left:0;
 right:0;
 height:3px;
 bottom:-8px;
 background:#e8df78;
 transform:scaleX(var(--tagline-progress,.12));
 transform-origin:left center;
 box-shadow:0 0 10px #e8df7855;
 will-change:transform;
}
@media(prefers-reduced-motion:reduce){
 .hero h1 em:after{transform:scaleX(1);will-change:auto}
}

/* Guest access is a public, read-only dashboard mode; it never creates a Privy session. */
.sentinel-auth-guest-button{width:100%;min-height:48px;margin-top:12px;border:1px solid rgba(104,224,189,.55);border-radius:9px;background:rgba(104,224,189,.08);color:#aaf4dc;font:650 13px Inter,system-ui,sans-serif;cursor:pointer;transition:background .18s,transform .18s}
.sentinel-auth-guest-button:hover{background:rgba(104,224,189,.15);transform:translateY(-1px)}
.guest-mode-badge{padding:8px 10px;border:1px solid #4e806e;background:#10251f;color:#aaf4dc;font:9px var(--mono);letter-spacing:.7px;white-space:nowrap}
body.sentinel-guest .wallet-help-link,body.sentinel-guest #reportBtn,body.sentinel-guest #reportForm{display:none!important}
body.sentinel-guest .wallet-guide-note::after{content:' · GUEST PREVIEW';color:var(--mint)}
@media(max-width:720px){.guest-mode-badge{font-size:8px;padding:7px 8px}.top-actions{gap:8px}}


/* Clear return path from guest preview to Privy Gmail sign-in. */
.guest-login-button{min-height:34px;padding:8px 13px;border:1px solid #a7c4a9;border-radius:7px;background:transparent;color:#e4e9e4;font:650 11px var(--sans);letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:background .18s,border-color .18s}
.guest-login-button:hover{background:#a7c4a91a;border-color:#d3e3d3}
body.sentinel-guest .guest-login-button{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:720px){.guest-login-button{min-height:32px;padding:7px 10px;font-size:10px}.guest-mode-badge{letter-spacing:.35px}}


/* Additional screening signals — compact, readable evidence cards. */
.signal-section{padding:22px 24px!important}
.signal-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.signal-section-heading h4{margin:0 0 5px!important}
.signal-section-heading p{margin:0;color:#87958d;font:11px/1.55 var(--sans)}
.signal-section-tag{flex:0 0 auto;padding:6px 8px;border:1px solid #34443a;color:#a7c4a9;font:9px var(--mono);letter-spacing:.08em}
.signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.signal-card{min-width:0;padding:15px 15px 14px;border:1px solid #303d34;border-radius:8px;background:linear-gradient(145deg,#172019,#121914)}
.signal-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;flex-wrap:wrap}
.signal-card-top h5{margin:0;color:#dbe4dc;font:600 11px/1.5 var(--sans)}
.signal-state{display:inline-flex;align-items:center;max-width:100%;padding:4px 7px;border:1px solid #455347;border-radius:4px;color:#b9c8b8;font:9px/1.35 var(--mono);white-space:normal}
.signal-state-ok{border-color:#45634e;background:#1a2a1e;color:#b9d6b8}
.signal-state-review{border-color:#705c3c;background:#2a2419;color:#e1c58e}
.signal-state-muted{border-color:#414b43;background:#202722;color:#aab4aa}
.signal-value{margin:14px 0 7px;color:#f0f4ef;font:600 13px/1.55 var(--sans);overflow-wrap:anywhere}
.signal-note{margin:0;color:#93a096;font:10px/1.65 var(--sans);overflow-wrap:anywhere}
@media(max-width:900px){.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.signal-section{padding:17px 15px!important}.signal-section-heading{gap:10px}.signal-section-heading p{max-width:250px}.signal-grid{grid-template-columns:1fr;gap:9px}.signal-card{padding:13px}.signal-value{margin-top:10px;font-size:12px}}


/* Clear two-path entry screen: Privy-hosted email OTP or read-only guest. */
.sentinel-auth-or{display:flex;align-items:center;gap:12px;margin:17px 0 4px;color:#78908a;font:10px/1 var(--mono);letter-spacing:.12em}
.sentinel-auth-or span{height:1px;flex:1;background:rgba(180,205,194,.22)}
.sentinel-auth-or b{font:inherit;font-weight:500}
.sentinel-auth-guest-button{margin-top:8px!important;border-color:rgba(180,205,194,.42)!important;background:rgba(180,205,194,.06)!important;color:#d3e2d8!important;border-radius:3px!important;font:600 12px var(--sans)!important}
.sentinel-auth-guest-button:hover{background:rgba(180,205,194,.12)!important;border-color:#b4cdbf!important}
.sentinel-auth-error{margin:12px 0 0;color:#ffb1a9;font:11px/1.5 var(--sans)}
.sentinel-auth-button:disabled{opacity:.7;cursor:wait;transform:none}


/* Single-entry login with a Privy-powered choice dialog. */
.sentinel-login-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(2,8,10,.78);backdrop-filter:blur(10px)}
.sentinel-login-modal{position:relative;width:min(100%,420px);padding:28px;border:1px solid rgba(180,205,194,.24);border-radius:12px;background:#101a1c;box-shadow:0 24px 90px rgba(0,0,0,.55);color:#edf4ef}
.sentinel-login-modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.sentinel-privy-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e8df78;color:#17201d;font-weight:800}
.sentinel-login-close{border:0;background:transparent;color:#b9c9c1;font-size:26px;cursor:pointer}
.sentinel-login-modal h2{margin:0 0 10px;font-size:23px;letter-spacing:-.03em}
.sentinel-login-modal .sentinel-auth-copy{margin:0 0 20px;color:#a9bbb2;font-size:13px;line-height:1.55}
.sentinel-login-modal .sentinel-auth-button,.sentinel-login-modal .sentinel-auth-guest-button{width:100%;min-height:46px}
.sentinel-login-modal .sentinel-auth-or{margin:18px 0}
.sentinel-login-label{display:block;margin:0 0 8px;color:#c6d5cd;font-size:12px;font-weight:600}
.sentinel-login-input{box-sizing:border-box;width:100%;height:46px;margin:0 0 14px;padding:0 13px;border:1px solid rgba(180,205,194,.3);border-radius:6px;background:#0a1214;color:#f4f7f4;font:14px var(--sans);outline:none}
.sentinel-login-input:focus{border-color:#e8df78;box-shadow:0 0 0 2px rgba(232,223,120,.12)}
.sentinel-otp-input{letter-spacing:.18em;font-variant-numeric:tabular-nums}
.sentinel-login-back{display:block;margin:14px auto 0;border:0;background:none;color:#b9c9c1;font:12px var(--sans);cursor:pointer}
.sentinel-login-modal .sentinel-auth-footnote{margin:20px 0 0}
@media(max-width:480px){.sentinel-login-modal{padding:23px 20px}}


/* 2026-11-10 judge-readability pass: prioritize evidence and actions over tiny labels. */
:root{--readable-body:16px;--readable-muted:#c0cec8}
body{font-size:16px;line-height:1.65}
p{font-size:14px;line-height:1.7}
.main-nav .nav-item{font-size:12px;min-height:42px}
.network-pill,.wallet-help-link{font-size:11px}
.wallet-btn{font-size:12px;min-height:42px}
.eyebrow,.section-index{font-size:11px;letter-spacing:.07em}
.section-meta,.hero-note,.wallet-guide-note{font-size:10px;line-height:1.5}
.hero-sub{font-size:16px;line-height:1.7}
.wallet-guide-head b{font-size:14px}
.wallet-guide-grid strong{font-size:12px}
.wallet-guide-grid p{font-size:13px;line-height:1.7}
.metric>span,.metric span,.metric small{font-size:10px;line-height:1.5}
.metric b{font-size:28px}
.panel-top{font-size:12px;letter-spacing:.04em}
.panel-status,form label{font-size:11px}
form label{line-height:1.5}
.account-input{min-height:52px}
.account-input>span{font-size:12px}
.account-input input,input,textarea{font-size:14px;line-height:1.5}
.account-input button{font-size:11px}
.primary-btn,.secondary-btn,.plain-btn,.cta{font-size:12px;min-height:42px}
.verdict strong{font-size:14px}
.verdict small,.decision-foot,.registry-panel>p,.protocol p{font-size:13px;line-height:1.7}
.verdict>span,.threat-status,.signal-line i{font-size:10px}
.signal-line span{font-size:13px}
.table-head{font-size:10px}
.recent-address,.recent-meta,.recent-score{font-size:12px}
.result-status-line{font-size:13px}
.result-explanation,.ai-text{font-size:14px;line-height:1.75}
.result ul{font-size:13px;line-height:1.8}
.signal-section-heading p,.signal-note{font-size:12px;line-height:1.7}
.signal-card-top h5{font-size:13px}
.signal-state,.signal-section-tag{font-size:10px}
.signal-value{font-size:14px;line-height:1.65}
.toast{font-size:13px;line-height:1.5}
footer{font-size:10px;line-height:1.7}
@media(max-width:760px){
 body{font-size:16px}
 .nav-item{font-size:12px!important;padding:11px 12px;min-height:42px}
 .wallet-btn{font-size:11px;min-height:40px}
 .wallet-help-link{font-size:10px}
 .hero-sub{font-size:15px}
 .hero-note{font-size:10px}
 .section-index{font-size:10px}
 .section-meta{font-size:10px;max-width:145px}
 .metric>span,.metric span,.metric small{font-size:9px}
 .panel-top{font-size:11px}
 form label{font-size:11px}
 .scan-submit>span{font-size:11px;line-height:1.5}
 .verdict>span{font-size:9px}
 .table-head{font-size:9px}
 .recent-address{font-size:11px}
 .recent-meta,.recent-score{font-size:10px}
 .signal-value{font-size:14px}
 footer{font-size:9px}
}
@media(max-width:380px){
 .metric>span,.metric span,.metric small{font-size:9px}
 .wallet-btn{font-size:10px}
 .section-meta{font-size:9px}
}


/* Mobile header: compact two-row layout, with a safe stack on narrow phones. */
@media(max-width:760px){
  .topbar{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center;
    gap:8px 12px!important;
    min-height:0;
    padding:10px 14px!important;
    overflow:visible;
  }
  .brand{grid-column:1!important;grid-row:1!important;min-width:0;gap:7px}
  .brand-logo{width:34px;height:34px}
  .brand-name{font-size:9px;letter-spacing:.8px}
  .top-actions{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center;
    justify-content:flex-end!important;
    gap:7px!important;
    min-width:0;
    max-width:100%;
  }
  .top-actions>*{flex:0 1 auto;min-width:0}
  .wallet-btn{min-height:36px!important;padding:7px 9px!important;font-size:10px!important}
  .sentinel-session-avatar{width:30px!important;height:30px!important;min-width:30px!important}
  .sentinel-signout-button{min-height:30px;padding:6px 8px;font-size:9px;white-space:nowrap}
  .main-nav{
    grid-column:1/-1!important;
    grid-row:2!important;
    min-width:0;
    width:100%;
    margin:0;
    padding:3px 0 4px!important;
  }
}
@media(max-width:520px){
  .topbar{grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
  .brand{grid-column:1!important;grid-row:1!important}
  .top-actions{
    grid-column:1!important;
    grid-row:2!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
  .main-nav{grid-column:1!important;grid-row:3!important}
}


/* Keep the Sentinel wordmark and wallet control vertically aligned. */
.topbar{align-items:center}
.brand{align-items:center;align-self:center}
.brand-logo{align-self:center;position:relative;flex:0 0 auto}
.brand-name{line-height:1.15}
.brand-name b{line-height:1.1}

/* Wallet-connected identity transition for the Sentinel logo. */
.brand.wallet-linked .brand-logo{
  overflow:visible!important;
  border-color:#8bd4ef!important;
  box-shadow:0 0 0 3px rgba(139,212,239,.12),0 0 18px rgba(139,212,239,.32)!important;
  filter:drop-shadow(0 0 5px rgba(139,212,239,.35));
  animation:sentinel-wallet-arrive .55s cubic-bezier(.2,.7,.2,1) both,sentinel-wallet-glow 2.8s ease-in-out .55s infinite;
}
.brand.wallet-linked .brand-logo:after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(139,212,239,.65);
  pointer-events:none;
  animation:sentinel-wallet-ring 1.1s ease-out both;
}
.brand.wallet-linked .brand-logo img{border-radius:inherit}
@keyframes sentinel-wallet-arrive{
  0%{transform:scale(.88);opacity:.65}
  65%{transform:scale(1.07)}
  100%{transform:scale(1);opacity:1}
}
@keyframes sentinel-wallet-glow{
  0%,100%{box-shadow:0 0 0 3px rgba(139,212,239,.10),0 0 12px rgba(139,212,239,.20)}
  50%{box-shadow:0 0 0 4px rgba(139,212,239,.18),0 0 22px rgba(139,212,239,.42)}
}
@keyframes sentinel-wallet-ring{
  0%{transform:scale(.82);opacity:.9}
  100%{transform:scale(1.22);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .brand.wallet-linked .brand-logo,.brand.wallet-linked .brand-logo:after{animation:none!important}
}


/* Sentinel logo identity: yellow outline at rest, green on wallet connect, blue on logout. */
.brand-logo{
  position:relative!important;
  isolation:isolate;
  border:1px solid #e8df78!important;
  outline:1px solid rgba(232,223,120,.22);
  outline-offset:3px;
  transition:border-color .35s ease,outline-color .35s ease,box-shadow .35s ease,filter .35s ease;
}
.brand-logo:before{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid #e8df78;
  clip-path:inset(0 0 0 0);
  pointer-events:none;
  opacity:.9;
  transition:border-color .35s ease,transform .45s ease,opacity .35s ease;
}
.brand.wallet-linked .brand-logo{
  border-color:#55f0a8!important;
  outline-color:rgba(85,240,168,.38);
  box-shadow:0 0 0 2px rgba(85,240,168,.13),0 0 16px rgba(85,240,168,.3)!important;
  filter:none;
  animation:sentinel-green-connect .55s ease both;
}
.brand.wallet-linked .brand-logo:before{
  border-color:#55f0a8;
  transform:scale(1.12);
  opacity:0;
}
.brand.wallet-logged-out .brand-logo{
  border-color:#8bd4ef!important;
  outline-color:rgba(139,212,239,.42);
  box-shadow:0 0 0 2px rgba(139,212,239,.14),0 0 16px rgba(139,212,239,.3)!important;
  animation:sentinel-blue-logout .5s ease both;
}
.brand.wallet-logged-out .brand-logo:before{
  border-color:#8bd4ef;
  transform:scale(1.14);
  opacity:0;
}
@keyframes sentinel-green-connect{
  0%{box-shadow:0 0 0 0 rgba(85,240,168,0)}
  55%{box-shadow:0 0 0 6px rgba(85,240,168,.22),0 0 24px rgba(85,240,168,.45)}
  100%{box-shadow:0 0 0 2px rgba(85,240,168,.13),0 0 16px rgba(85,240,168,.3)}
}
@keyframes sentinel-blue-logout{
  0%{box-shadow:0 0 0 0 rgba(139,212,239,0)}
  55%{box-shadow:0 0 0 6px rgba(139,212,239,.22),0 0 24px rgba(139,212,239,.45)}
  100%{box-shadow:0 0 0 2px rgba(139,212,239,.14),0 0 16px rgba(139,212,239,.3)}
}
@media(prefers-reduced-motion:reduce){
  .brand-logo,.brand-logo:before{transition:none!important;animation:none!important}
}


/* Sentinel logo frame — animated corner strokes, with explicit wallet states. */
.topbar{align-items:center!important}
.brand{display:flex!important;align-items:center!important;align-self:center!important;min-height:52px}
.brand-logo{position:relative!important;display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;width:52px!important;height:52px!important;overflow:visible!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;isolation:isolate}
.brand-logo img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain!important}
.brand-logo:before,.brand-logo:after{content:"";position:absolute;z-index:2;inset:-5px;pointer-events:none;border:0;opacity:1;transition:color .3s ease,transform .45s cubic-bezier(.2,.75,.25,1),opacity .3s ease}
.brand-logo:before{border-top:2px solid #e8df78;border-left:2px solid #e8df78;clip-path:polygon(0 0,100% 0,100% 9%,9% 9%,9% 100%,0 100%)}
.brand-logo:after{border-right:2px solid #e8df78;border-bottom:2px solid #e8df78;clip-path:polygon(91% 0,100% 0,100% 100%,0 100%,0 91%,91% 91%)}
.brand-name{display:flex;flex-direction:column;justify-content:center;line-height:1.15!important;white-space:nowrap}
.brand-name b{line-height:1.15!important;margin-top:3px!important}
.top-actions{align-self:center!important;align-items:center!important}
.brand.wallet-linked .brand-logo:before,.brand.wallet-linked .brand-logo:after{border-color:#55f0a8;animation:sentinel-frame-connect .55s cubic-bezier(.2,.75,.25,1) both}
.brand.wallet-logged-out .brand-logo:before,.brand.wallet-logged-out .brand-logo:after{border-color:#55aaff;animation:sentinel-frame-logout .55s cubic-bezier(.2,.75,.25,1) both}
.brand.wallet-linked .brand-logo img{filter:drop-shadow(0 0 5px rgba(85,240,168,.25))}
.brand.wallet-logged-out .brand-logo img{filter:drop-shadow(0 0 5px rgba(85,170,255,.25))}
@keyframes sentinel-frame-connect{0%{transform:scale(.82);opacity:.2}65%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes sentinel-frame-logout{0%{transform:scale(.82);opacity:.2}65%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}
@media(max-width:760px){.brand{min-height:38px}.brand-logo{width:34px!important;height:34px!important}}
@media(max-width:520px){.topbar{align-items:start!important}.brand{grid-column:1!important;grid-row:1!important;align-self:center!important}.top-actions{grid-column:1!important;grid-row:2!important;align-self:center!important}.main-nav{grid-row:3!important}}
@media(prefers-reduced-motion:reduce){.brand-logo:before,.brand-logo:after{transition:none!important;animation:none!important}}


/* Header alignment correction: brand and wallet controls share one horizontal row. */
.topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:8px!important;
}
.topbar>.brand{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:center!important;
  min-width:0!important;
}
.topbar>.top-actions{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.topbar>.main-nav{
  grid-column:1/-1!important;
  grid-row:2!important;
  min-width:0!important;
}
@media(max-width:760px){
  .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:7px!important;
  }
  .topbar>.brand{grid-column:1!important;grid-row:1!important}
  .topbar>.top-actions{grid-column:2!important;grid-row:1!important;gap:7px!important}
  .topbar>.main-nav{grid-column:1/-1!important;grid-row:2!important}
  .brand-logo{width:34px!important;height:34px!important}
}
@media(max-width:390px){
  .topbar{padding-inline:9px!important;column-gap:5px!important}
  .topbar>.brand{gap:6px!important}
  .brand-name{font-size:8px!important;letter-spacing:.5px!important}
  .topbar>.top-actions{gap:5px!important}
  .wallet-help-link{display:none!important}
  .wallet-btn{padding:8px 7px!important;font-size:8px!important}
}


/* Connected state: compact logo frame with a smooth size transition. */
.topbar .brand-logo{
  box-sizing:border-box!important;
  transition:width .48s cubic-bezier(.2,.75,.25,1),
             height .48s cubic-bezier(.2,.75,.25,1),
             filter .35s ease!important;
}
.topbar .brand.wallet-linked .brand-logo{
  width:40px!important;
  height:40px!important;
}
.topbar .brand.wallet-linked .brand-logo:before,
.topbar .brand.wallet-linked .brand-logo:after{
  inset:-4px!important;
}
@media(max-width:760px){
  .topbar .brand.wallet-linked .brand-logo{
    width:28px!important;
    height:28px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .topbar .brand-logo{transition:none!important}
}


/* Compact Sentinel frame after wallet connection, with a smooth state morph. */
.topbar .brand-logo{
  box-sizing:border-box!important;
  transition:
    width .52s cubic-bezier(.22,.8,.22,1),
    height .52s cubic-bezier(.22,.8,.22,1),
    filter .35s ease!important;
}
.topbar .brand-logo:before,
.topbar .brand-logo:after{
  transition:
    inset .52s cubic-bezier(.22,.8,.22,1),
    border-color .42s ease,
    opacity .35s ease,
    transform .52s cubic-bezier(.22,.8,.22,1)!important;
}
.topbar .brand.wallet-linked .brand-logo{
  width:30px!important;
  height:30px!important;
  filter:drop-shadow(0 0 6px rgba(85,240,168,.28))!important;
}
.topbar .brand.wallet-linked .brand-logo:before,
.topbar .brand.wallet-linked .brand-logo:after{
  inset:-3px!important;
  border-color:#55f0a8!important;
}
.topbar .brand.wallet-logged-out .brand-logo{
  width:52px!important;
  height:52px!important;
  filter:drop-shadow(0 0 5px rgba(85,170,255,.25))!important;
}
.topbar .brand.wallet-logged-out .brand-logo:before,
.topbar .brand.wallet-logged-out .brand-logo:after{
  inset:-5px!important;
  border-color:#55aaff!important;
}
@media(max-width:760px){
  .topbar .brand.wallet-linked .brand-logo{
    width:24px!important;
    height:24px!important;
  }
  .topbar .brand.wallet-logged-out .brand-logo{
    width:34px!important;
    height:34px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .topbar .brand-logo,
  .topbar .brand-logo:before,
  .topbar .brand-logo:after{transition:none!important}
}


/* Refined wallet control: compact, restrained green/graphite palette. */
.topbar .wallet-btn{
  min-height:30px!important;
  height:30px!important;
  padding:5px 9px!important;
  gap:6px!important;
  border:1px solid #355448!important;
  border-radius:4px!important;
  background:#101a17!important;
  color:#c5d8ce!important;
  box-shadow:none!important;
  font:500 9px var(--mono)!important;
  letter-spacing:.1px!important;
  transition:background .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease,transform .28s ease!important;
}
.topbar .wallet-btn:hover{
  background:#17251f!important;
  border-color:#527965!important;
  color:#e1f4e9!important;
}
.topbar .wallet-btn span{font-size:9px!important;margin-left:3px!important;color:#9ab9a6!important}
.topbar .wallet-btn.wallet-connected{
  background:#14251d!important;
  border-color:#47745a!important;
  color:#cce8d4!important;
  box-shadow:inset 0 0 0 1px rgba(110,166,127,.08)!important;
}
.topbar .wallet-btn.wallet-connected .wallet-dot{
  width:6px!important;height:6px!important;min-width:6px!important;
  border-radius:50%!important;background:#8fbd9b!important;
  box-shadow:0 0 6px rgba(143,189,155,.35)!important;
}
@media(max-width:760px){
  .topbar .wallet-btn{
    min-height:27px!important;height:27px!important;
    padding:4px 7px!important;font-size:8px!important;
  }
  .topbar .wallet-btn span{font-size:8px!important}
}
@media(max-width:390px){
  .topbar .wallet-btn{padding:4px 6px!important;font-size:7px!important}
}

/* Keep the brand logo full-size in every wallet state. */
.topbar .brand.wallet-linked .brand-logo,
.topbar .brand.wallet-logged-out .brand-logo{
  width:52px!important;
  height:52px!important;
}
@media(max-width:760px){
  .topbar .brand.wallet-linked .brand-logo,
  .topbar .brand.wallet-logged-out .brand-logo{
    width:34px!important;
    height:34px!important;
  }
}

/* Connected wallet action uses a warm power glyph, not the blue logout accent. */
.topbar #walletBtn.wallet-connected{
  background:#191b15!important;
  border-color:#766d3b!important;
  color:#e8df78!important;
}
.topbar #walletBtn.wallet-connected:hover{
  background:#242419!important;
  border-color:#a3964b!important;
  color:#f4eaa0!important;
}
.topbar #walletBtn .wallet-power{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:15px!important;height:15px!important;
  margin:0!important;
  color:#e8df78!important;
  font:600 17px/1 Arial,sans-serif!important;
  text-shadow:0 0 7px rgba(232,223,120,.2)!important;
}

.topbar #walletBtn.wallet-connected{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  max-width:220px!important;padding:5px 8px!important;
}
.topbar #walletBtn .wallet-account-name{
  display:block!important;min-width:0!important;max-width:165px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#cbd9c8!important;font:500 9px var(--mono)!important;
}
.topbar #walletBtn .wallet-power{flex:0 0 15px!important}
@media(max-width:760px){
  .topbar #walletBtn.wallet-connected{max-width:165px!important;gap:5px!important}
  .topbar #walletBtn .wallet-account-name{max-width:112px!important;font-size:8px!important}
}

/* Explicitly show both connected-account text and vector power icon. */
.topbar #walletBtn.wallet-connected span.wallet-account-name{
  display:inline-block!important;visibility:visible!important;opacity:1!important;
}
.topbar #walletBtn.wallet-connected svg.wallet-power{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:15px!important;height:15px!important;min-width:15px!important;
  color:#e8df78!important;overflow:visible!important;
}
.topbar #walletBtn.wallet-connected{
  overflow:visible!important;min-width:max-content!important;
}


/* Wallet connected state — rebuilt as one compact, readable account control. */
.topbar #walletBtn.wallet-connected{
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;gap:9px!important;width:auto!important;min-width:0!important;
  max-width:250px!important;height:32px!important;min-height:32px!important;
  padding:0 10px 0 12px!important;overflow:hidden!important;
  border:1px solid #34483c!important;border-radius:6px!important;
  background:#111a15!important;color:#e4eee5!important;
  box-shadow:0 2px 8px rgba(0,0,0,.18)!important;white-space:nowrap!important;
}
.topbar #walletBtn.wallet-connected:hover{border-color:#71845b!important;background:#17221a!important;color:#f0f5e8!important}
.topbar #walletBtn .wallet-account-name{
  display:flex!important;align-items:baseline!important;gap:0!important;min-width:0!important;
  max-width:185px!important;overflow:hidden!important;white-space:nowrap!important;
  color:#e5eee4!important;font:500 10px/1 var(--mono)!important;letter-spacing:0!important;
}
.topbar #walletBtn .wallet-account-base{
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#e5eee4!important;
}
.topbar #walletBtn .wallet-account-network{flex:0 0 auto!important;color:#a6bd91!important;font:500 9px/1 var(--mono)!important}
.topbar #walletBtn .wallet-action-divider{display:block!important;flex:0 0 1px!important;width:1px!important;height:15px!important;background:#465443!important}
.topbar #walletBtn svg.wallet-power{
  display:block!important;flex:0 0 14px!important;width:14px!important;height:14px!important;
  min-width:14px!important;margin:0!important;color:#c5cf8a!important;filter:none!important;
}
@media(max-width:760px){
  .topbar #walletBtn.wallet-connected{max-width:190px!important;height:29px!important;min-height:29px!important;padding:0 8px 0 9px!important;gap:7px!important}
  .topbar #walletBtn .wallet-account-name{font-size:9px!important;max-width:145px!important}
  .topbar #walletBtn .wallet-account-network{font-size:8px!important}
}
@media(max-width:390px){
  .topbar #walletBtn.wallet-connected{max-width:160px!important;padding-inline:7px!important;gap:6px!important}
  .topbar #walletBtn .wallet-account-name{max-width:115px!important;font-size:8px!important}
  .topbar #walletBtn svg.wallet-power{width:13px!important;height:13px!important;min-width:13px!important}
}


/* Match connected wallet frame and .testnet label to the Sentinel logout blue. */
.topbar #walletBtn.wallet-connected{
  border-color:#55aaff!important;
  box-shadow:0 0 0 1px rgba(85,170,255,.12),0 0 9px rgba(85,170,255,.12)!important;
}
.topbar #walletBtn.wallet-connected:hover{border-color:#78bdff!important}
.topbar #walletBtn .wallet-account-network{color:#55aaff!important}


/* Wallet Intelligence — illuminated section marker and high-clarity scan action. */
#investigate.section-heading .section-index{display:inline-flex;align-items:center;gap:8px;color:#a8e8c5}
#investigate.section-heading .section-index::before{
  content:"";display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;
  background:#55f0a8;box-shadow:0 0 6px #55f0a8,0 0 14px #55f0a888;
  animation:sentinel-index-pulse 1.8s ease-in-out infinite;
}
#investigate.section-heading .section-meta{display:inline-flex;align-items:center;gap:7px;color:#a9c7b5}
#investigate.section-heading .section-meta::before{
  content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;
  background:#55f0a8;box-shadow:0 0 8px #55f0a8;animation:sentinel-index-pulse 1.8s ease-in-out infinite;
}
#investigate .scan-submit .primary-btn{
  position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:13px;
  min-height:44px;padding:0 21px;border:1px solid #55f0a8;border-radius:7px;
  background:linear-gradient(110deg,#b9f8d7 0%,#69eeb0 48%,#a5f5cf 100%);
  color:#092117;font-weight:800;letter-spacing:.035em;
  box-shadow:0 0 0 1px #55f0a822,0 5px 18px #38d98b26,0 0 22px #55f0a81c;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
#investigate .scan-submit .primary-btn::before{
  content:"";position:absolute;z-index:-1;inset:0;transform:translateX(-130%) skewX(-20deg);
  width:55%;background:linear-gradient(90deg,transparent,#ffffff99,transparent);transition:transform .65s ease;
}
#investigate .scan-submit .primary-btn:hover{
  transform:translateY(-2px);filter:brightness(1.06);
  box-shadow:0 0 0 1px #55f0a855,0 8px 25px #38d98b40,0 0 28px #55f0a844;
}
#investigate .scan-submit .primary-btn:hover::before{transform:translateX(260%) skewX(-20deg)}
#investigate .scan-submit .primary-btn:active{transform:translateY(0) scale(.985)}
#investigate .scan-submit .primary-btn:focus-visible{outline:2px solid #b9f8d7;outline-offset:4px}
#investigate .scan-submit .primary-btn:disabled{animation:none;filter:grayscale(.35);box-shadow:none;cursor:wait}
#investigate .scan-submit .primary-btn b{display:inline-block;margin-left:0;font-size:15px;transition:transform .2s ease}
#investigate .scan-submit .primary-btn:hover b{transform:translate(3px,-2px)}
@keyframes sentinel-index-pulse{
  0%,100%{opacity:1;box-shadow:0 0 5px #55f0a8,0 0 12px #55f0a866}
  50%{opacity:.55;box-shadow:0 0 2px #55f0a8,0 0 5px #55f0a833}
}
@media(max-width:560px){
  #investigate.section-heading{align-items:flex-start;gap:10px}
  #investigate.section-heading .section-meta{max-width:46%;line-height:1.5;text-align:right}
  #investigate .scan-submit .primary-btn{width:100%;min-height:48px}
}
@media(prefers-reduced-motion:reduce){
  #investigate.section-heading .section-index::before,#investigate.section-heading .section-meta::before{animation:none}
  #investigate .scan-submit .primary-btn,#investigate .scan-submit .primary-btn::before,#investigate .scan-submit .primary-btn b{transition:none}
}


/* Match the near:// prefix tile to the page/protocol background. */
#investigate .account-input>span{
  background:transparent!important;
}


/* Wallet tracker heading: larger type with an arrival motion on scroll. */
#investigate.section-heading h2{
  font-size:clamp(29px,3vw,36px)!important;
  line-height:1.12;
  letter-spacing:-1.15px;
  font-weight:650;
  opacity:0;
  transform:translate3d(0,20px,0) scale(.94);
  filter:blur(3px);
  transform-origin:left center;
  transition:opacity .65s ease .08s,
             transform .75s cubic-bezier(.18,.8,.22,1) .08s,
             filter .6s ease .08s;
  will-change:opacity,transform,filter;
}
#investigate.section-heading.visible h2{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}
@media(max-width:760px){
  #investigate.section-heading h2{font-size:clamp(27px,7vw,32px)!important}
}
@media(prefers-reduced-motion:reduce){
  #investigate.section-heading h2,
  #investigate.section-heading.visible h2{
    opacity:1;transform:none;filter:none;transition:none;will-change:auto;
  }
}


/* Wallet tracker: stronger title and scroll-arrival motion. */
#investigate.section-heading h2{
  font-size:clamp(34px,3.6vw,42px)!important;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-1.4px;
  opacity:0;
  transform:translate3d(0,24px,0) scale(.96);
  filter:blur(4px);
  transition:opacity .55s ease .04s,
    transform .72s cubic-bezier(.16,.82,.24,1) .04s,
    filter .55s ease .04s;
  will-change:opacity,transform,filter;
}
#investigate.section-heading.visible h2{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}
/* Black Track Wallet button with the same electric-blue edge accent. */
#investigate .scan-submit .primary-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#070d14!important;
  color:#75bdff!important;
  border:1px solid #55aaff!important;
  border-left:4px solid #55aaff!important;
  border-radius:5px;
  box-shadow:inset 0 0 0 1px #55aaff20,0 0 14px #55aaff20;
  font-size:12px;
  font-weight:700;
  letter-spacing:.035em;
  padding:13px 19px;
  transition:background .25s ease,color .25s ease,border-color .25s ease,
    box-shadow .25s ease,transform .25s ease;
}
#investigate .scan-submit .primary-btn::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  width:45%;
  background:linear-gradient(90deg,transparent,#55aaff30,transparent);
  transform:translateX(-150%) skewX(-20deg);
  transition:transform .65s ease;
}
#investigate .scan-submit .primary-btn:hover{
  background:#0b1928!important;
  color:#b9ddff!important;
  border-color:#82c5ff!important;
  box-shadow:inset 0 0 0 1px #55aaff55,0 0 22px #55aaff55;
  transform:translateY(-2px);
}
#investigate .scan-submit .primary-btn:hover::before{transform:translateX(280%) skewX(-20deg)}
#investigate .scan-submit .primary-btn b{color:#55aaff}
#investigate .scan-submit .primary-btn:active{transform:translateY(0) scale(.985)}
#investigate .scan-submit .primary-btn:disabled{background:#101820!important;color:#7894aa!important;border-color:#42617a!important;box-shadow:none}
@media(max-width:760px){
  #investigate.section-heading h2{font-size:clamp(32px,8vw,38px)!important}
}
@media(prefers-reduced-motion:reduce){
  #investigate.section-heading h2,#investigate.section-heading.visible h2{
    opacity:1;transform:none;filter:none;transition:none;will-change:auto;
  }
  #investigate .scan-submit .primary-btn,
  #investigate .scan-submit .primary-btn::before{transition:none}
}


/* Dedicated scroll-linked Wallet Tracker title treatment. */
#investigate.section-heading h2{
  display:inline-block;
  font-size:clamp(36px,4vw,46px)!important;
  font-weight:750!important;
  letter-spacing:-1.6px!important;
  line-height:1.05!important;
  color:#f4f8fb!important;
  transform:translate3d(0,30px,0) scale(.88);
  transform-origin:left center;
  opacity:.35;
  filter:blur(5px);
  transition:transform .8s cubic-bezier(.16,1,.3,1),
             opacity .55s ease,filter .65s ease,color .45s ease;
}
#investigate.section-heading.tracker-in-view h2{
  transform:translate3d(0,0,0) scale(1);
  opacity:1;
  filter:blur(0);
  color:#ffffff!important;
  text-shadow:0 0 22px #55aaff38;
}
#investigate.section-heading .section-index{
  transition:letter-spacing .5s ease,color .5s ease;
}
#investigate.section-heading.tracker-in-view .section-index{
  letter-spacing:2px;
  color:#83c7ff!important;
}
#investigate .scan-submit .primary-btn{
  background:#05090e!important;
  color:#8bcaff!important;
  border:1px solid #55aaff!important;
  border-left:4px solid #55aaff!important;
  box-shadow:inset 0 0 0 1px #55aaff24,0 0 18px #55aaff30!important;
  font-size:13px!important;
  font-weight:750!important;
}
#investigate .scan-submit .primary-btn:hover{
  background:#0a1724!important;
  box-shadow:inset 0 0 0 1px #55aaff70,0 0 26px #55aaff70!important;
}
@media(max-width:760px){
  #investigate.section-heading h2{font-size:clamp(34px,9vw,40px)!important}
}
@media(prefers-reduced-motion:reduce){
  #investigate.section-heading h2,
  #investigate.section-heading.tracker-in-view h2{
    opacity:1;transform:none;filter:none;transition:none;
  }
}


/* Wallet Tracker: shift the section identity to Sentinel amber and add a moving underline. */
#investigate.section-heading .section-index,
#investigate.section-heading .section-meta{color:#e8cf72!important}
#investigate.section-heading .section-index::before,
#investigate.section-heading .section-meta::before{
  background:#f0d45e!important;
  box-shadow:0 0 7px #f0d45e,0 0 16px #f0d45e88!important;
}
#investigate.section-heading h2{
  position:relative;
  display:inline-block;
  width:max-content;
  max-width:100%;
  padding-bottom:13px;
  color:#f5f3e9!important;
  text-shadow:0 0 18px #f0d45e18;
}
#investigate.section-heading h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  border-radius:3px;
  background:linear-gradient(90deg,transparent 0%,#8d762c 12%,#f0d45e 42%,#fff1a8 50%,#f0d45e 60%,#8d762c 88%,transparent 100%);
  background-size:220% 100%;
  box-shadow:0 0 7px #f0d45e88,0 0 16px #f0d45e38;
  transform-origin:left center;
  animation:tracker-amber-orbit 3.2s linear infinite;
}
#investigate.section-heading.tracker-in-view h2::after,
#investigate.section-heading.visible h2::after{animation-duration:2.2s}
@keyframes tracker-amber-orbit{
  0%{background-position:100% 0;filter:brightness(.8)}
  50%{filter:brightness(1.35)}
  100%{background-position:-120% 0;filter:brightness(.8)}
}
@media(prefers-reduced-motion:reduce){
  #investigate.section-heading h2::after{animation:none;background-position:50% 0}
}


/* Connected wallet uses Sentinel's existing ice-blue brand accent (#8bd4ef). */
.topbar #walletBtn.wallet-connected{
  background:#101d22!important;
  border:1px solid #527f8c!important;
  color:#d9f2f8!important;
  box-shadow:0 0 0 1px rgba(139,212,239,.10),0 0 12px rgba(139,212,239,.12)!important;
}
.topbar #walletBtn.wallet-connected:hover{
  background:#14262d!important;
  border-color:#8bd4ef!important;
  box-shadow:0 0 0 1px rgba(139,212,239,.2),0 0 17px rgba(139,212,239,.22)!important;
}
.topbar #walletBtn .wallet-account-name,
.topbar #walletBtn .wallet-account-base{color:#d9f2f8!important}
.topbar #walletBtn .wallet-account-network{color:#8bd4ef!important}
.topbar #walletBtn .wallet-action-divider{background:#527f8c!important}
.topbar #walletBtn svg.wallet-power{color:#8bd4ef!important}


/* Primary Wallet Tracker action: unmistakable ice-blue CTA, animated on scroll. */
#investigate .scan-submit .primary-btn{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:46px!important;
  padding:13px 22px!important;
  background:linear-gradient(110deg,#8bd4ef 0%,#b8ecfa 48%,#75c5e5 100%)!important;
  color:#07131a!important;
  border:1px solid #c4f1ff!important;
  border-left:4px solid #d9f7ff!important;
  border-radius:6px!important;
  font:800 12px var(--mono)!important;
  letter-spacing:.06em!important;
  text-shadow:none!important;
  box-shadow:0 0 0 1px #8bd4ef38,0 5px 18px #8bd4ef35,inset 0 1px 0 #ffffff99!important;
  cursor:pointer!important;
  transform:translateY(0)!important;
  transition:background .22s ease,box-shadow .22s ease,transform .22s ease,filter .22s ease!important;
}
#investigate .scan-submit .primary-btn::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:-20% auto -20% -65%!important;
  width:48%!important;
  background:linear-gradient(90deg,transparent,#ffffffc9,transparent)!important;
  transform:skewX(-22deg)!important;
  transition:left .7s cubic-bezier(.2,.7,.2,1)!important;
}
#investigate .scan-submit .primary-btn b{
  display:inline-block!important;
  margin-left:12px!important;
  color:#09212c!important;
  font-size:17px!important;
  transition:transform .22s ease!important;
}
#investigate .scan-submit .primary-btn:hover{
  background:linear-gradient(110deg,#b5edff,#e0f8ff 50%,#91d8f1)!important;
  color:#06131a!important;
  border-color:#e2f9ff!important;
  box-shadow:0 0 0 3px #8bd4ef2b,0 8px 28px #8bd4ef70,inset 0 1px 0 #fff!important;
  transform:translateY(-3px)!important;
  filter:brightness(1.04)!important;
}
#investigate .scan-submit .primary-btn:hover::before{left:125%!important}
#investigate .scan-submit .primary-btn:hover b{transform:translate(3px,-1px)!important}
#investigate .scan-submit .primary-btn:focus-visible{
  outline:3px solid #e9d36b!important;
  outline-offset:4px!important;
}
#investigate .scan-submit .primary-btn:active{
  transform:translateY(0) scale(.97)!important;
  box-shadow:0 2px 8px #8bd4ef40!important;
}
#investigate .scan-submit .primary-btn:disabled{
  background:#263b45!important;
  color:#9bb7c2!important;
  border-color:#45616d!important;
  box-shadow:none!important;
  cursor:wait!important;
}
#investigate.tracker-in-view .scan-submit .primary-btn{
  animation:tracker-cta-arrive .85s cubic-bezier(.16,1,.3,1) both,
            tracker-cta-pulse 2.8s ease-in-out 1s infinite;
}
@keyframes tracker-cta-arrive{
  0%{opacity:.45;transform:translateY(13px) scale(.96);filter:brightness(.8)}
  70%{opacity:1;transform:translateY(-3px) scale(1.025);filter:brightness(1.12)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}
}
@keyframes tracker-cta-pulse{
  0%,100%{box-shadow:0 0 0 1px #8bd4ef38,0 5px 18px #8bd4ef35,inset 0 1px 0 #ffffff99}
  50%{box-shadow:0 0 0 4px #8bd4ef17,0 7px 25px #8bd4ef70,inset 0 1px 0 #ffffffbb}
}
@media(prefers-reduced-motion:reduce){
  #investigate .scan-submit .primary-btn,
  #investigate .scan-submit .primary-btn::before,
  #investigate .scan-submit .primary-btn b{animation:none!important;transition:none!important}
}


/* Match the hero headline exactly to the Wallet Tracker heading. */
.hero h1,.hero h1 em,#investigate.section-heading h2{
  font-family:var(--sans)!important;
  font-size:clamp(36px,4vw,46px)!important;
  font-weight:750!important;
  font-style:normal!important;
  letter-spacing:-1.6px!important;
  line-height:1.05!important;
  color:#f5f3e9!important;
}
.hero h1 em{color:inherit!important}
.hero h1{margin:24px 0 15px!important}
@media(max-width:760px){
  .hero h1,.hero h1 em,#investigate.section-heading h2{
    font-size:clamp(34px,9vw,40px)!important;
    letter-spacing:-1.3px!important;
    line-height:1.08!important;
  }
}
/* The form is a sibling of the heading: give its CTA a real scroll state. */
.scan-layout.tracker-in-view .scan-submit .primary-btn{
  animation:tracker-cta-arrive .85s cubic-bezier(.16,1,.3,1) both,
            tracker-cta-pulse 2.8s ease-in-out 1s infinite!important;
}
@media(prefers-reduced-motion:reduce){
  .scan-layout.tracker-in-view .scan-submit .primary-btn{animation:none!important}
}


/* FINAL OVERRIDE: white NEAR identity and a clearly clickable Track Wallet CTA. */
.hero h1,
.hero h1 em,
#investigate.section-heading h2{
  color:#f5f3e9!important;
  font-family:var(--sans)!important;
  font-size:clamp(36px,4vw,46px)!important;
  font-weight:750!important;
  font-style:normal!important;
  letter-spacing:-1.6px!important;
  line-height:1.05!important;
}
.hero h1 em{color:#f5f3e9!important}
#investigate .section-index,
#investigate .section-meta{color:#f5f3e9!important}
.scan-layout .account-input>span{
  color:#f5f3e9!important;
  border-right-color:#f5f3e9!important;
  transition:color .4s ease,text-shadow .4s ease;
}
.scan-layout.tracker-in-view .account-input>span{
  color:#ffffff!important;
  text-shadow:0 0 12px #ffffff70;
}
.scan-layout .scan-submit #scanBtn,
.scan-layout #scanBtn.primary-btn{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-width:154px!important;
  min-height:48px!important;
  padding:13px 22px!important;
  background:#f5f3e9!important;
  color:#080d12!important;
  border:1px solid #ffffff!important;
  border-left:4px solid #ffffff!important;
  border-radius:5px!important;
  font-family:var(--mono)!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  box-shadow:0 0 0 1px #ffffff25,0 5px 20px #ffffff24!important;
  cursor:pointer!important;
  opacity:1!important;
  transform:none;
  transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease!important;
}
.scan-layout #scanBtn::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  top:-20%!important;
  bottom:-20%!important;
  left:-70%!important;
  width:48%!important;
  background:linear-gradient(90deg,transparent,#ffffffd9,transparent)!important;
  transform:skewX(-22deg)!important;
  transition:left .65s ease!important;
}
.scan-layout #scanBtn b{
  color:#080d12!important;
  font-size:17px!important;
  transition:transform .25s ease!important;
}
.scan-layout #scanBtn:hover{
  background:#ffffff!important;
  color:#05090d!important;
  box-shadow:0 0 0 4px #ffffff20,0 8px 30px #ffffff55!important;
  transform:translateY(-3px)!important;
}
.scan-layout #scanBtn:hover::before{left:130%!important}
.scan-layout #scanBtn:hover b{transform:translate(3px,-1px)!important}
.scan-layout #scanBtn:active{transform:scale(.97)!important}
.scan-layout.tracker-in-view #scanBtn{
  animation:near-track-arrive .75s cubic-bezier(.16,1,.3,1) both,
            near-track-glow 2.6s ease-in-out .8s infinite!important;
}
@keyframes near-track-arrive{
  from{opacity:.35;transform:translateY(15px) scale(.96);filter:brightness(.75)}
  to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}
}
@keyframes near-track-glow{
  0%,100%{box-shadow:0 0 0 1px #ffffff25,0 5px 20px #ffffff24}
  50%{box-shadow:0 0 0 4px #ffffff18,0 7px 28px #ffffff65}
}
@media(max-width:760px){
  .hero h1,.hero h1 em,#investigate.section-heading h2{
    font-size:clamp(34px,9vw,40px)!important;
    letter-spacing:-1.3px!important;
    line-height:1.08!important;
  }
  .scan-layout #scanBtn{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .scan-layout #scanBtn,.scan-layout #scanBtn::before,
  .scan-layout #scanBtn b,.scan-layout .account-input>span{
    animation:none!important;transition:none!important;
  }
}


/* Brand wordmark: white glow to match the hero and wallet tracker headings. */
.brand-name,
.brand-name b{
  color:#f5f3e9!important;
  text-shadow:0 0 10px #f5f3e955,0 0 22px #ffffff22;
}


/* Interactive 3D wayang emblem on the login screen. */
.sentinel-auth-mark{
  appearance:none!important;-webkit-appearance:none!important;position:relative!important;isolation:isolate;
  width:88px!important;height:88px!important;margin:0 auto 25px!important;padding:0!important;
  display:grid!important;place-items:center!important;overflow:visible!important;
  border:1px solid rgba(232,223,120,.58)!important;border-radius:22px!important;
  background:linear-gradient(145deg,#1b2926,#091211)!important;color:#f5f3e9!important;
  cursor:pointer!important;perspective:700px;transform-style:preserve-3d;
  box-shadow:0 12px 28px #0008,inset 0 1px 0 #ffffff20,0 0 22px #e8df7820!important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s!important;
}
.sentinel-auth-mark::before{
  content:"";position:absolute;inset:-7px;border:1px solid #e8df7850;border-radius:26px;
  transform:translateZ(-12px);opacity:.65;pointer-events:none;
}
.sentinel-auth-mark img{
  display:block!important;width:72%!important;height:72%!important;max-width:none!important;
  object-fit:contain!important;border-radius:12px;transform:translateZ(20px);
  filter:drop-shadow(0 5px 8px #0009);transition:filter .35s,transform .35s;
}
.sentinel-auth-mark:hover{
  transform:translateY(-4px) rotateX(8deg) rotateY(-9deg)!important;
  border-color:#fff2a8!important;box-shadow:0 18px 38px #0009,0 0 30px #e8df7860!important;
}
.sentinel-auth-mark:focus-visible{outline:2px solid #f5f3e9;outline-offset:6px}
.sentinel-auth-mark.is-activated{
  animation:sentinel-wayang-activate 1.15s cubic-bezier(.16,1,.3,1) both!important;
  border-color:#fff!important;box-shadow:0 0 0 5px #e8df7820,0 0 38px #e8df78a0,0 18px 40px #0009!important;
}
.sentinel-auth-mark.is-activated img{
  animation:sentinel-wayang-emblem 1.15s cubic-bezier(.16,1,.3,1) both;
  filter:drop-shadow(0 0 12px #fff2a8) drop-shadow(0 0 22px #e8df78a0);
}
@keyframes sentinel-wayang-activate{
  0%{transform:scale(1) rotateY(0)}35%{transform:scale(1.13) rotateY(180deg) rotateX(10deg)}
  70%{transform:scale(1.06) rotateY(315deg) rotateX(-5deg)}100%{transform:scale(1) rotateY(360deg) rotateX(0)}
}
@keyframes sentinel-wayang-emblem{
  0%{transform:translateZ(20px) scale(1)}35%{transform:translateZ(34px) scale(1.08)}
  70%{transform:translateZ(24px) scale(1.03)}100%{transform:translateZ(20px) scale(1)}
}
@media(prefers-reduced-motion:reduce){.sentinel-auth-mark,.sentinel-auth-mark img{animation:none!important;transition:none!important}}


/* Consistent tactile feedback for every Sentinel action control. */
button:not(:disabled):not(.sentinel-auth-mark){
  -webkit-tap-highlight-color:transparent;
  transform:translateZ(0);
  transition:transform .22s cubic-bezier(.2,.75,.25,1),
    box-shadow .22s ease,background-color .22s ease,
    border-color .22s ease,color .22s ease,filter .22s ease!important;
}
button:not(:disabled):not(.sentinel-auth-mark):hover{
  filter:brightness(1.08);
  transform:translateY(-2px)!important;
}
button:not(:disabled):not(.sentinel-auth-mark):active{
  filter:brightness(.96);
  transform:translateY(1px) scale(.975)!important;
  box-shadow:inset 0 2px 7px #0003!important;
}
button:focus-visible,a:focus-visible{
  outline:2px solid #e8df78!important;
  outline-offset:3px!important;
}
button:disabled{cursor:wait;filter:saturate(.55);opacity:.72}
.primary-btn,.secondary-btn,.wallet-btn,.plain-btn,.sentinel-signout-button,
.sentinel-auth-button,.sentinel-auth-guest-button,.guest-login-button,
#pasteReceiver,#refreshBtn,#reportBtn,#sendReport{
  position:relative;
}
.primary-btn::after,.wallet-btn::after,.sentinel-auth-button::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(110deg,transparent 20%,#ffffff22 48%,transparent 76%);
  transform:translateX(-120%);transition:transform .55s ease;
}
.primary-btn:hover::after,.wallet-btn:hover::after,.sentinel-auth-button:hover::after{
  transform:translateX(120%);
}
.cta,.main-nav .nav-item,.wallet-help-link{
  transition:color .2s ease,background .2s ease,border-color .2s ease,
    transform .2s ease,opacity .2s ease!important;
}
.cta:hover,.main-nav .nav-item:hover,.wallet-help-link:hover{
  transform:translateY(-2px);
}
.sentinel-auth-card{
  width:min(100%,460px)!important;
  padding:42px 36px!important;
  border-color:rgba(232,223,120,.28)!important;
  background:linear-gradient(150deg,rgba(20,31,30,.98),rgba(8,14,17,.99))!important;
  box-shadow:0 30px 100px #0009,0 0 55px #e8df7810!important;
}
.sentinel-auth-kicker{
  color:#e8df78!important;font-size:10px!important;letter-spacing:.19em!important;
}
.sentinel-auth-card h1{
  color:#f5f3e9!important;font-size:clamp(27px,5vw,32px)!important;
  font-weight:800!important;letter-spacing:.045em!important;
}
.sentinel-auth-copy{
  max-width:345px!important;margin:15px auto 27px!important;
  color:#b7c4bf!important;font-size:14px!important;line-height:1.75!important;
}
.sentinel-auth-button{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:12px!important;min-height:54px!important;padding:0 20px!important;
  border:1px solid #fff4bd!important;border-left:4px solid #e8df78!important;
  border-radius:6px!important;background:linear-gradient(110deg,#f5f3e9,#e9e5d3)!important;
  color:#101816!important;font:750 13px/1 var(--sans)!important;
  letter-spacing:.035em!important;box-shadow:0 7px 24px #e8df7820!important;
}
.sentinel-auth-button:hover{
  background:#fff!important;box-shadow:0 10px 30px #e8df7845!important;
  transform:translateY(-3px)!important;
}
.sentinel-auth-footnote{
  margin:13px 0 18px!important;color:#9caaa4!important;
  font:10px/1.5 var(--mono)!important;letter-spacing:.09em!important;
}
.sentinel-auth-guest-button{
  min-height:48px!important;border:1px solid #586b62!important;
  border-radius:6px!important;background:#111c1a!important;
  color:#dce7df!important;font:600 12px/1.3 var(--sans)!important;
  letter-spacing:.02em!important;
}
.sentinel-auth-guest-button:hover{
  border-color:#e8df78!important;background:#1b2823!important;
  box-shadow:0 0 0 3px #e8df7818!important;
}
.sentinel-auth-security{
  max-width:340px;margin:18px auto 0!important;
  color:#84948c!important;font:10px/1.7 var(--sans)!important;
}
.sentinel-signout-button:hover{border-color:#f5f3e9!important;color:#f5f3e9!important}
@media(max-width:520px){
  .sentinel-auth-card{padding:34px 22px!important}
  .sentinel-auth-copy{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  button:not(:disabled):not(.sentinel-auth-mark),.cta,.main-nav .nav-item,.wallet-help-link,
  .primary-btn::after,.wallet-btn::after,.sentinel-auth-button::after{
    animation:none!important;transition:none!important;transform:none!important;
  }
}


/* Dedicated, centered session-loading state — no misplaced spinner. */
.sentinel-auth-card:has(.sentinel-auth-loader){
  width:min(100%,520px)!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:0!important;
  padding:clamp(34px,6vw,58px)!important;text-align:center!important;
  border:1px solid rgba(232,223,120,.25)!important;border-radius:14px!important;
  background:linear-gradient(150deg,rgba(20,31,30,.97),rgba(8,14,17,.99))!important;
  box-shadow:0 30px 100px #0009,0 0 55px #e8df7810!important;
}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark{
  flex:none!important;margin:0 auto 27px!important;
}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-kicker{
  margin:0 0 12px!important;text-align:center!important;
}
.sentinel-auth-card:has(.sentinel-auth-loader) h1{
  width:100%;text-align:center!important;letter-spacing:.06em!important;
}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-copy{
  max-width:100%!important;margin:12px 0 8px!important;
  text-align:center!important;color:#aebdb5!important;
}
.sentinel-auth-loader{
  position:relative!important;display:block!important;flex:none!important;
  width:148px!important;height:3px!important;margin:24px auto 0!important;
  overflow:hidden!important;border:0!important;border-radius:10px!important;
  background:#ffffff18!important;box-shadow:0 0 0 1px #e8df7810!important;
  animation:none!important;
}
.sentinel-auth-loader::before{
  content:"";position:absolute;inset:0 auto 0 0;width:38%;border-radius:10px;
  background:linear-gradient(90deg,#8bd4ef,#f5f3e9,#e8df78);
  box-shadow:0 0 12px #e8df7880,0 0 22px #8bd4ef55;
  animation:sentinel-loading-sweep 1.45s cubic-bezier(.65,0,.35,1) infinite;
}
.sentinel-auth-loader::after{
  content:"";position:absolute;inset:-4px 0;border-left:1px solid #fff;
  opacity:.65;animation:sentinel-loading-sweep 1.45s cubic-bezier(.65,0,.35,1) infinite;
}
@keyframes sentinel-loading-sweep{
  0%{transform:translateX(-110%)}
  100%{transform:translateX(390%)}
}
@media(prefers-reduced-motion:reduce){
  .sentinel-auth-loader::before,.sentinel-auth-loader::after{animation:none!important}
  .sentinel-auth-loader::before{width:100%;opacity:.65}
}


/* Refined loading composition: intentional hierarchy, compact console aesthetic. */
.sentinel-auth-card:has(.sentinel-auth-loader){
  width:min(100%,510px)!important;min-height:0!important;
  padding:clamp(34px,5vw,48px) clamp(24px,5vw,46px)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:0!important;text-align:center!important;
  border:1px solid rgba(232,223,120,.22)!important;border-radius:16px!important;
  background:radial-gradient(ellipse at 50% 0%,rgba(139,212,239,.09),transparent 58%),linear-gradient(155deg,#193b3a 0%,#102b2c 55%,#0c2022 100%)!important;
  box-shadow:0 28px 90px #06151699,0 0 0 1px #ffffff08 inset,0 18px 50px #8bd4ef0b!important;
  position:relative!important;overflow:hidden!important;
}
.sentinel-auth-card:has(.sentinel-auth-loader)::before{
  content:"";position:absolute;top:0;left:12%;right:12%;height:1px;
  background:linear-gradient(90deg,transparent,#e8df78aa,#8bd4efaa,transparent);
}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark{
  width:112px!important;height:112px!important;margin:0 auto 26px!important;
  border-radius:14px!important;border-color:#e8df7870!important;
  background:#102a2a!important;box-shadow:0 12px 35px #0005,0 0 30px #e8df7818!important;
}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark img{
  width:86%!important;height:86%!important;object-fit:contain!important;
}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-kicker{
  margin:0 0 10px!important;color:#a9d8e9!important;
  font:600 9px/1.5 var(--mono)!important;letter-spacing:.2em!important;
}
.sentinel-auth-card:has(.sentinel-auth-loader) h1{
  width:100%;margin:0!important;color:#f4f0d9!important;
  text-align:center!important;font-size:clamp(25px,5vw,31px)!important;
  line-height:1.12!important;letter-spacing:.09em!important;font-weight:750!important;
}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-copy{
  max-width:320px!important;margin:13px auto 20px!important;
  color:#bfd0c9!important;font-size:13px!important;line-height:1.65!important;
  text-align:center!important;
}
.sentinel-auth-loading-status{
  display:flex;align-items:center;justify-content:center;gap:9px;
  margin:0 auto 12px;color:#c4d4ce;
  font:600 9px/1.4 var(--mono);letter-spacing:.16em;
}
.sentinel-auth-status-dot{
  width:6px;height:6px;border-radius:50%;background:#8bd4ef;
  box-shadow:0 0 10px #8bd4efaa;animation:sentinel-status-breathe 1.8s ease-in-out infinite;
}
@keyframes sentinel-status-breathe{
  0%,100%{opacity:.45;box-shadow:0 0 4px #8bd4ef55}
  50%{opacity:1;box-shadow:0 0 12px #8bd4efcc}
}
/* Keep the approved moving light-bar animation unchanged. */
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader{
  width:min(100%,210px)!important;margin:0 auto!important;
}
@media(max-width:520px){
  .sentinel-auth-card:has(.sentinel-auth-loader){padding:32px 22px!important}
  .sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark{
    width:96px!important;height:96px!important;margin-bottom:22px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .sentinel-auth-status-dot{animation:none!important;opacity:1}
}


/* Unified Sentinel identity for both Privy loading and sign-in states. */
.sentinel-auth-screen{
  min-height:100svh!important;width:100%;position:relative;isolation:isolate;
  overflow:hidden;background:
    radial-gradient(ellipse at 50% 42%,rgba(167,196,169,.105),transparent 42%),
    radial-gradient(ellipse at 12% 8%,rgba(213,183,126,.055),transparent 34%),
    #101512!important;
}
.sentinel-auth-screen::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.2;
  background-image:linear-gradient(rgba(167,196,169,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(167,196,169,.07) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at center,#000 0%,transparent 76%);
}
.sentinel-auth-screen::after{
  content:"NEAR / SENTINEL     WALLET RISK INTELLIGENCE";
  position:absolute;left:clamp(18px,4vw,54px);bottom:clamp(16px,3vw,28px);
  color:#718276;font:8px/1.5 var(--mono);letter-spacing:.16em;opacity:.72;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button),
.sentinel-auth-card:has(.sentinel-auth-loader){
  width:min(100%,510px)!important;min-height:0!important;
  padding:clamp(30px,5vw,48px) clamp(23px,5vw,46px)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:0!important;text-align:center!important;
  position:relative!important;overflow:hidden!important;
  border:1px solid rgba(167,196,169,.27)!important;border-radius:8px!important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(167,196,169,.09),transparent 56%),
    linear-gradient(155deg,#1a241e 0%,#151d18 56%,#111813 100%)!important;
  box-shadow:0 32px 100px #050906b8,0 0 0 1px #ffffff08 inset!important;
  animation:sentinel-auth-enter .72s cubic-bezier(.2,.75,.25,1) both;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button)::before,
.sentinel-auth-card:has(.sentinel-auth-loader)::before{
  content:"";position:absolute;top:0;left:10%;right:10%;height:1px;
  background:linear-gradient(90deg,transparent,#d5b77eaa,#a7c4a9cc,transparent);
}
.sentinel-auth-card:has(.sentinel-auth-guest-button)::after,
.sentinel-auth-card:has(.sentinel-auth-loader)::after{
  content:"";position:absolute;right:0;top:0;width:76px;height:76px;
  border-top:1px solid #d5b77e35;border-right:1px solid #d5b77e35;
  pointer-events:none;
}
@keyframes sentinel-auth-enter{
  from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(5px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark{
  flex:none!important;width:106px!important;height:106px!important;
  margin:0 auto 25px!important;border:1px solid #a7c4a96b!important;
  border-radius:7px!important;background:#111a14!important;
  box-shadow:0 14px 36px #05090680,0 0 28px #a7c4a910!important;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark img,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark img{
  width:86%!important;height:86%!important;object-fit:contain!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark:hover,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark:hover{
  transform:perspective(600px) rotateY(-7deg) rotateX(5deg) translateY(-3px)!important;
  border-color:#d5b77e!important;box-shadow:0 18px 42px #05090699,0 0 24px #d5b77e24!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-kicker,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-kicker{
  margin:0 0 11px!important;color:#b8cdb9!important;
  font:600 9px/1.6 var(--mono)!important;letter-spacing:.2em!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) h1,
.sentinel-auth-card:has(.sentinel-auth-loader) h1{
  width:100%;margin:0!important;text-align:center!important;
  color:#e8eee7!important;font-size:clamp(26px,5vw,33px)!important;
  line-height:1.12!important;font-weight:700!important;letter-spacing:.075em!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-copy,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-copy{
  max-width:350px!important;margin:13px auto 25px!important;
  color:#aab8ac!important;font:13px/1.75 var(--sans)!important;
  text-align:center!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button{
  width:100%!important;min-height:52px!important;margin:0!important;
  position:relative!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #d4dfd0!important;border-left:3px solid #d5b77e!important;
  border-radius:4px!important;background:linear-gradient(110deg,#c4d5c3,#a7c4a9)!important;
  color:#111a13!important;font:700 12px/1 var(--sans)!important;letter-spacing:.035em!important;
  box-shadow:0 8px 24px #05090640!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,filter .28s ease!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:hover{
  transform:translateY(-3px)!important;filter:brightness(1.07)!important;
  box-shadow:0 13px 30px #a7c4a92b!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:active,
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button:active{
  transform:translateY(0) scale(.985)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-footnote{
  width:100%;margin:12px 0 19px!important;color:#829386!important;
  font:8px/1.5 var(--mono)!important;letter-spacing:.13em!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button{
  width:100%!important;min-height:48px!important;margin:0!important;
  border:1px solid #4b5d4e!important;border-radius:4px!important;
  background:rgba(12,19,14,.48)!important;color:#d3ded3!important;
  font:600 11px/1.4 var(--sans)!important;letter-spacing:.025em!important;
  transition:transform .25s ease,border-color .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button:hover:not(:disabled){
  transform:translateY(-2px)!important;border-color:#a7c4a9!important;
  background:#202c23!important;color:#f0f4ed!important;box-shadow:0 8px 22px #05090655!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button:disabled{
  opacity:.62;cursor:wait;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-security{
  max-width:340px!important;margin:18px auto 0!important;
  color:#87958a!important;font:10px/1.7 var(--sans)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-error{
  width:100%;margin:16px 0 0;padding:11px 13px;text-align:left;
  border:1px solid #805b55;background:#2a1d1a;color:#e6b7aa;
  font:10px/1.65 var(--sans);border-radius:3px;
}
.sentinel-auth-loading-status{
  display:flex;align-items:center;justify-content:center;gap:9px;
  margin:0 auto 12px;color:#b9c9ba;font:600 9px/1.4 var(--mono);letter-spacing:.16em;
}
.sentinel-auth-status-dot{
  width:6px;height:6px;border-radius:50%;background:#a7c4a9;
  box-shadow:0 0 10px #a7c4a9aa;animation:sentinel-status-breathe 1.8s ease-in-out infinite;
}
@keyframes sentinel-status-breathe{
  0%,100%{opacity:.45;box-shadow:0 0 4px #a7c4a955}
  50%{opacity:1;box-shadow:0 0 12px #a7c4a9cc}
}
/* Preserve the approved moving loading line; unify its width with sign-in content. */
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader{
  width:min(100%,210px)!important;height:3px!important;margin:0 auto!important;
}
@media(max-width:560px){
  .sentinel-auth-screen{padding:22px 17px 54px!important}
  .sentinel-auth-card:has(.sentinel-auth-guest-button),
  .sentinel-auth-card:has(.sentinel-auth-loader){padding:32px 22px!important}
  .sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark,
  .sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark{
    width:92px!important;height:92px!important;margin-bottom:22px!important;
  }
  .sentinel-auth-screen::after{font-size:7px;left:17px;bottom:14px}
}
@media(prefers-reduced-motion:reduce){
  .sentinel-auth-card:has(.sentinel-auth-guest-button),
  .sentinel-auth-card:has(.sentinel-auth-loader){animation:none!important}
  .sentinel-auth-status-dot{animation:none!important;opacity:1}
  .sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button,
  .sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button,
  .sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark{transition:none!important}
}


/* AUTH VISUALS — match the live Sentinel dashboard palette and surfaces */
.sentinel-auth-screen{
  background:
    radial-gradient(ellipse at 82% 8%,rgba(139,212,239,.10),transparent 34%),
    linear-gradient(145deg,#1a3c3d,#102f31 78%)!important;
  color:#f5f0d8!important;
}
.sentinel-auth-screen::before{
  opacity:.18!important;
  background-image:linear-gradient(rgba(139,212,239,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(139,212,239,.075) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
}
.sentinel-auth-screen::after{color:#9aafa4!important}
.sentinel-auth-card:has(.sentinel-auth-guest-button),
.sentinel-auth-card:has(.sentinel-auth-loader){
  border:1px solid #426466!important;
  border-radius:2px!important;
  background:linear-gradient(145deg,rgba(32,72,73,.94),rgba(20,54,56,.96))!important;
  box-shadow:0 28px 80px rgba(4,20,21,.34),0 0 0 1px rgba(139,212,239,.045) inset!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button)::before,
.sentinel-auth-card:has(.sentinel-auth-loader)::before{
  background:linear-gradient(90deg,transparent,#8bd4ef,#e8df78,transparent)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button)::after,
.sentinel-auth-card:has(.sentinel-auth-loader)::after{
  border-color:rgba(139,212,239,.3)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark{
  border:1px solid rgba(139,212,239,.42)!important;
  border-radius:2px!important;background:#1a3c3d!important;
  box-shadow:0 12px 34px rgba(4,20,21,.32),0 0 26px rgba(139,212,239,.09)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark:hover,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark:hover{
  border-color:#e8df78!important;
  box-shadow:0 16px 38px rgba(4,20,21,.4),0 0 24px rgba(232,223,120,.16)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-kicker,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-kicker{color:#a9d8e9!important}
.sentinel-auth-card:has(.sentinel-auth-guest-button) h1,
.sentinel-auth-card:has(.sentinel-auth-loader) h1{color:#f5f0d8!important}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-copy,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-copy{color:#c0d4c9!important}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button{
  border:1px solid #8bd4ef!important;border-left:3px solid #e8df78!important;
  border-radius:2px!important;background:#8bd4ef!important;color:#123d3b!important;
  box-shadow:0 8px 24px rgba(4,20,21,.22)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:hover{
  background:#a4e0f3!important;box-shadow:0 12px 28px rgba(139,212,239,.18)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button{
  border:1px solid #8bd4ef!important;border-radius:2px!important;
  background:rgba(26,60,61,.42)!important;color:#d7edf0!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button:hover:not(:disabled){
  border-color:#e8df78!important;background:#205a55!important;color:#f5f0d8!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-footnote{color:#b9d6d0!important}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-security{color:#b0c9c0!important}
.sentinel-auth-loading-status{color:#b9d6d0!important}
.sentinel-auth-status-dot{background:#8bd4ef!important;box-shadow:0 0 10px #8bd4efaa!important}
.sentinel-auth-loader{border-color:#426466!important;border-top-color:#8bd4ef!important}
@media(max-width:560px){
 .sentinel-auth-card:has(.sentinel-auth-guest-button),
 .sentinel-auth-card:has(.sentinel-auth-loader){background:linear-gradient(145deg,rgba(32,72,73,.97),rgba(20,54,56,.98))!important}
}

/* Refined Sentinel auth typography + motion */
.sentinel-auth-screen{font-family:"Manrope","Inter",ui-sans-serif,system-ui,sans-serif!important;perspective:1200px}
.sentinel-auth-card:has(.sentinel-auth-guest-button),.sentinel-auth-card:has(.sentinel-auth-loader){border-radius:3px!important;transform-origin:50% 58%;animation:sentinel-auth-arrive .95s cubic-bezier(.16,1,.3,1) both!important;will-change:transform,opacity,filter}
@keyframes sentinel-auth-arrive{0%{opacity:0;transform:translate3d(0,28px,-36px) scale(.965);filter:blur(9px)}65%{opacity:1;filter:blur(0);transform:translate3d(0,-3px,0) scale(1.006)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark,.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark{animation:sentinel-auth-logo-in .9s cubic-bezier(.16,1,.3,1) .08s both!important}
@keyframes sentinel-auth-logo-in{from{opacity:0;transform:translateY(13px) rotateX(12deg) scale(.88);filter:blur(5px)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0)}}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-kicker,.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-kicker{font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:9px!important;letter-spacing:.19em!important;animation:sentinel-auth-text-in .7s cubic-bezier(.2,.8,.2,1) .17s both}
.sentinel-auth-card:has(.sentinel-auth-guest-button) h1,.sentinel-auth-card:has(.sentinel-auth-loader) h1{font-family:"Manrope","Inter",ui-sans-serif,sans-serif!important;font-size:clamp(29px,5.2vw,38px)!important;font-weight:800!important;letter-spacing:.045em!important;line-height:1.08!important;text-shadow:0 3px 24px rgba(139,212,239,.12);animation:sentinel-auth-text-in .78s cubic-bezier(.2,.8,.2,1) .24s both}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-copy,.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-copy{font-family:"Manrope","Inter",ui-sans-serif,sans-serif!important;font-size:13.5px!important;font-weight:500!important;line-height:1.8!important;letter-spacing:.005em!important;animation:sentinel-auth-text-in .78s cubic-bezier(.2,.8,.2,1) .31s both}
@keyframes sentinel-auth-text-in{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button,.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button{font-family:"Manrope","Inter",ui-sans-serif,sans-serif!important;font-weight:800!important;letter-spacing:.015em!important;transition:transform .38s cubic-bezier(.2,.9,.25,1),box-shadow .38s ease,background .3s ease,border-color .3s ease,color .3s ease!important}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button{animation:sentinel-auth-action-in .8s cubic-bezier(.2,.8,.2,1) .38s both}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button{animation:sentinel-auth-action-in .8s cubic-bezier(.2,.8,.2,1) .46s both}
@keyframes sentinel-auth-action-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-footnote,.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-security{animation:sentinel-auth-text-in .75s ease .52s both}
.sentinel-auth-loading-status{font-family:"IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.14em!important;animation:sentinel-auth-text-in .65s ease .38s both}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader{animation:sentinel-auth-line-in .7s ease .48s both!important}
@keyframes sentinel-auth-line-in{from{opacity:0;transform:scaleX(.35);filter:brightness(1.8)}to{opacity:1;transform:scaleX(1);filter:brightness(1)}}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark:hover,.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark:hover{transform:perspective(700px) rotateY(-9deg) rotateX(7deg) translateY(-5px) scale(1.025)!important;transition:transform .5s cubic-bezier(.2,.9,.25,1),box-shadow .4s ease,border-color .4s ease!important}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:hover:not(:disabled),.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button:hover:not(:disabled){transform:translateY(-3px) scale(1.012)!important}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:active,.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button:active{transform:translateY(0) scale(.975)!important;transition-duration:.12s!important}
@media(prefers-reduced-motion:reduce){.sentinel-auth-card:has(.sentinel-auth-guest-button),.sentinel-auth-card:has(.sentinel-auth-loader),.sentinel-auth-card:has(.sentinel-auth-guest-button) *,.sentinel-auth-card:has(.sentinel-auth-loader) *{animation:none!important;transition:none!important}}


/* Make the wayang emblem genuinely playful: idle float, pointer tilt, full spin on tap. */
.sentinel-auth-card:has(.sentinel-auth-mark) .sentinel-auth-mark{
  transform-style:preserve-3d!important;
  animation:sentinel-wayang-idle 4.8s ease-in-out infinite!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
@keyframes sentinel-wayang-idle{
  0%,100%{transform:translateY(0) rotateX(0deg) rotateY(0deg)}
  25%{transform:translateY(-5px) rotateX(5deg) rotateY(-5deg)}
  50%{transform:translateY(-2px) rotateX(0deg) rotateY(5deg)}
  75%{transform:translateY(-6px) rotateX(-4deg) rotateY(0deg)}
}
.sentinel-auth-card:has(.sentinel-auth-mark) .sentinel-auth-mark img{
  backface-visibility:visible!important;
  transform:translateZ(24px)!important;
  transition:transform .45s cubic-bezier(.2,.9,.25,1),filter .4s ease!important;
}
.sentinel-auth-card:has(.sentinel-auth-mark) .sentinel-auth-mark:hover{
  transform:perspective(800px) translateY(-7px) rotateX(13deg) rotateY(-15deg) scale(1.055)!important;
  border-color:#e8df78!important;
  box-shadow:0 22px 48px #0009,0 0 38px #8bd4ef55,0 0 18px #e8df7870!important;
}
.sentinel-auth-card:has(.sentinel-auth-mark) .sentinel-auth-mark:hover img{
  transform:translateZ(38px) scale(1.06)!important;
  filter:drop-shadow(0 8px 13px #000b) drop-shadow(0 0 10px #8bd4ef99)!important;
}
.sentinel-auth-card:has(.sentinel-auth-mark) .sentinel-auth-mark.is-activated{
  animation:sentinel-wayang-full-spin 1.3s cubic-bezier(.16,.82,.24,1) both!important;
  border-color:#e8df78!important;
  box-shadow:0 0 0 5px #8bd4ef20,0 0 42px #8bd4ef88,0 0 24px #e8df78a0,0 18px 42px #000b!important;
}
.sentinel-auth-card:has(.sentinel-auth-mark) .sentinel-auth-mark.is-activated img{
  animation:sentinel-wayang-image-pop 1.3s cubic-bezier(.16,.82,.24,1) both!important;
  filter:drop-shadow(0 0 12px #8bd4ef) drop-shadow(0 0 22px #e8df78)!important;
}
@keyframes sentinel-wayang-full-spin{
  0%{transform:perspective(800px) translateY(0) rotateX(0) rotateY(0) scale(1)}
  28%{transform:perspective(800px) translateY(-10px) rotateX(18deg) rotateY(180deg) scale(1.16)}
  58%{transform:perspective(800px) translateY(-4px) rotateX(-12deg) rotateY(390deg) scale(1.1)}
  82%{transform:perspective(800px) translateY(-7px) rotateX(8deg) rotateY(570deg) scale(1.07)}
  100%{transform:perspective(800px) translateY(0) rotateX(0) rotateY(720deg) scale(1)}
}
@keyframes sentinel-wayang-image-pop{
  0%,100%{transform:translateZ(24px) scale(1)}
  28%{transform:translateZ(52px) scale(1.18)}
  58%{transform:translateZ(42px) scale(1.1)}
}
@media(prefers-reduced-motion:reduce){
 .sentinel-auth-card:has(.sentinel-auth-mark) .sentinel-auth-mark{animation:none!important}
}


/* Login actions: clean paired controls, one clear primary action and one quiet demo action. */
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button,
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button{
  position:relative!important;isolation:isolate!important;
  width:100%!important;min-height:54px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0 22px!important;margin-left:auto!important;margin-right:auto!important;
  border-radius:8px!important;
  font-family:"Manrope","Inter",ui-sans-serif,sans-serif!important;
  font-size:13px!important;font-weight:800!important;letter-spacing:.015em!important;
  line-height:1!important;text-transform:none!important;
  overflow:hidden!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s ease,border-color .28s ease,box-shadow .28s ease,color .28s ease!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button{
  margin-top:5px!important;
  border:1px solid #a8e8f5!important;
  border-left:1px solid #e8df78!important;
  background:linear-gradient(105deg,#a6e3f2 0%,#8bd4ef 58%,#b4e7f0 100%)!important;
  color:#102d30!important;
  box-shadow:0 8px 24px rgba(76,177,207,.17),inset 0 1px 0 #ffffffa8!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(110deg,transparent 20%,#ffffff55 48%,transparent 72%);
  transform:translateX(-130%);transition:transform .65s cubic-bezier(.2,.8,.2,1);
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:hover:not(:disabled){
  transform:translateY(-2px)!important;background:linear-gradient(105deg,#c0eff8,#9be0f4 60%,#d0f2f5)!important;
  box-shadow:0 12px 30px rgba(76,177,207,.28),0 0 0 3px rgba(139,212,239,.1)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:hover::after{transform:translateX(130%)}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button{
  margin-top:10px!important;min-height:49px!important;
  border:1px solid rgba(139,212,239,.38)!important;
  background:rgba(8,25,26,.34)!important;
  color:#c8e1df!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  font-size:12px!important;font-weight:700!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button:hover:not(:disabled){
  transform:translateY(-2px)!important;
  border-color:#8bd4ef!important;background:rgba(139,212,239,.10)!important;
  color:#f1f8f4!important;box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:active,
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button:active{
  transform:translateY(0) scale(.985)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-footnote{
  margin:10px 0 4px!important;font-size:9px!important;letter-spacing:.12em!important;
  color:#a9c8c8!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-security{
  margin-top:16px!important;max-width:320px!important;color:#a9c5c0!important;
}
/* Keep the previously approved continuous moving light-bar loader intact. */
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader{
  animation:none!important;
}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader::before,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader::after{
  animation:sentinel-loading-sweep 1.45s cubic-bezier(.65,0,.35,1) infinite!important;
}
@media(max-width:520px){
 .sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button{min-height:52px!important}
 .sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button{min-height:48px!important}
}

/* Final login CTA refinement: restrained Sentinel palette, crisp hierarchy. */
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button,
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button{
 width:100%!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;
 border-radius:5px!important;padding:0 22px!important;font-family:"Manrope","Inter",ui-sans-serif,sans-serif!important;
 font-size:13px!important;font-weight:750!important;letter-spacing:.01em!important;line-height:1.2!important;
 box-shadow:none!important;overflow:hidden!important;
 transition:background .24s ease,border-color .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button{
 margin-top:5px!important;border:1px solid rgba(139,212,239,.72)!important;border-bottom:2px solid #e8df78!important;
 background:#1a4546!important;color:#f5f3e9!important;
 box-shadow:0 5px 18px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(110deg,transparent 30%,rgba(139,212,239,.13) 50%,transparent 70%);
 transform:translateX(-120%);transition:transform .55s ease;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:hover:not(:disabled){
 background:#20595a!important;border-color:#a8e8f5!important;color:#fff!important;transform:translateY(-2px)!important;
 box-shadow:0 8px 22px rgba(0,0,0,.24),0 0 18px rgba(139,212,239,.12)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:hover::after{transform:translateX(120%)}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button{
 margin-top:9px!important;min-height:47px!important;border:1px solid rgba(139,212,239,.28)!important;
 background:rgba(7,22,23,.28)!important;color:#b9d5d2!important;font-size:12px!important;font-weight:650!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button:hover:not(:disabled){
 background:rgba(139,212,239,.07)!important;border-color:rgba(139,212,239,.72)!important;
 color:#eaf7f2!important;transform:translateY(-1px)!important;box-shadow:0 5px 16px rgba(0,0,0,.16)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:active,
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button:active{transform:scale(.99)!important;box-shadow:none!important}
/* Keep the approved loading bar's original sweep untouched. */


/* Stronger 3D treatment for the actual wayang artwork, not just a tilted frame. */
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark{
  width:176px!important;height:176px!important;
  border:1px solid rgba(232,223,120,.78)!important;border-radius:50%!important;
  background:radial-gradient(ellipse at 48% 38%,#245a58 0%,#123b3b 52%,#071b1c 100%)!important;
  box-shadow:
    0 2px 0 #8bd4ef,0 5px 0 #235653,0 8px 0 #102f30,
    0 15px 28px rgba(0,0,0,.48),0 0 32px rgba(139,212,239,.14),
    inset 0 2px 3px rgba(255,255,255,.22),inset 0 -9px 18px rgba(0,0,0,.42)!important;
  transform-style:preserve-3d!important;perspective:1000px!important;
  animation:sentinel-wayang-orbit 7s ease-in-out infinite!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark::before{
  content:""!important;position:absolute!important;inset:8px!important;border-radius:50%!important;
  border:1px solid rgba(139,212,239,.55)!important;
  box-shadow:inset 0 0 18px rgba(139,212,239,.12),0 0 15px rgba(232,223,120,.12)!important;
  transform:translateZ(8px)!important;pointer-events:none!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark::after{
  content:""!important;position:absolute!important;inset:15px!important;border-radius:50%!important;
  border:1px dashed rgba(232,223,120,.42)!important;
  transform:translateZ(14px) rotate(-12deg)!important;pointer-events:none!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark img{
  width:78%!important;height:78%!important;object-fit:contain!important;
  border-radius:0!important;transform:translateZ(32px)!important;
  filter:drop-shadow(0 5px 2px rgba(0,0,0,.65)) drop-shadow(0 12px 12px rgba(0,0,0,.5)) drop-shadow(0 0 9px rgba(232,223,120,.3))!important;
  backface-visibility:visible!important;
}
@keyframes sentinel-wayang-orbit{
  0%,100%{transform:perspective(1000px) rotateX(7deg) rotateY(-13deg) translateY(0)}
  25%{transform:perspective(1000px) rotateX(-2deg) rotateY(0deg) translateY(-5px)}
  50%{transform:perspective(1000px) rotateX(7deg) rotateY(13deg) translateY(0)}
  75%{transform:perspective(1000px) rotateX(13deg) rotateY(0deg) translateY(-5px)}
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark:hover{
  transform:perspective(1000px) rotateX(15deg) rotateY(-22deg) translateY(-8px) scale(1.045)!important;
  box-shadow:0 3px 0 #8bd4ef,0 7px 0 #235653,0 11px 0 #102f30,0 24px 40px #000b,0 0 38px #8bd4ef55!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark.is-activated{
  animation:sentinel-wayang-click-spin 1.5s cubic-bezier(.16,.82,.24,1) both!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark.is-activated img{
  animation:sentinel-wayang-art-pop 1.5s cubic-bezier(.16,.82,.24,1) both!important;
}
@keyframes sentinel-wayang-click-spin{
  0%{transform:perspective(1000px) rotateX(7deg) rotateY(-13deg) scale(1)}
  35%{transform:perspective(1000px) rotateX(18deg) rotateY(180deg) translateY(-12px) scale(1.12)}
  70%{transform:perspective(1000px) rotateX(-12deg) rotateY(390deg) translateY(-5px) scale(1.08)}
  100%{transform:perspective(1000px) rotateX(7deg) rotateY(707deg) scale(1)}
}
@keyframes sentinel-wayang-art-pop{
  0%,100%{transform:translateZ(32px) scale(1)}
  35%{transform:translateZ(60px) scale(1.16)}
  70%{transform:translateZ(46px) scale(1.08)}
}
/* A more deliberate, tactile motion language for both login actions. */
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button,
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button{
  border-radius:7px!important;min-height:55px!important;
  transform:translateZ(0)!important;
  box-shadow:0 5px 0 rgba(4,23,25,.72),0 9px 18px rgba(0,0,0,.22)!important;
  transition:transform .22s cubic-bezier(.2,.9,.25,1),box-shadow .22s ease,background .3s ease,border-color .3s ease!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button{
  border:1px solid #b8eff8!important;border-bottom:2px solid #e8df78!important;
  background:linear-gradient(120deg,#a9e5f2 0%,#80cce8 48%,#a6e5f0 100%)!important;
  color:#0d3033!important;
  box-shadow:0 5px 0 #286b70,0 9px 18px rgba(0,0,0,.24),inset 0 1px 0 #ffffffb0!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button::after{
  content:""!important;position:absolute!important;inset:-30% auto -30% -45%!important;width:32%!important;
  background:linear-gradient(90deg,transparent,#ffffffb8,transparent)!important;
  transform:skewX(-22deg) translateX(-220%)!important;transition:none!important;z-index:0!important;
  animation:sentinel-button-sheen 3.6s ease-in-out infinite!important;pointer-events:none!important;
}
@keyframes sentinel-button-sheen{
  0%,55%{transform:skewX(-22deg) translateX(-220%)}
  82%,100%{transform:skewX(-22deg) translateX(570%)}
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:hover:not(:disabled){
  transform:translateY(-3px)!important;
  box-shadow:0 8px 0 #286b70,0 15px 25px rgba(0,0,0,.28),0 0 24px rgba(139,212,239,.22)!important;
  background:linear-gradient(120deg,#c2f0f8,#9cdef1 50%,#c1f0f5)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button{
  border:1px solid rgba(139,212,239,.56)!important;border-bottom:2px solid rgba(139,212,239,.28)!important;
  background:linear-gradient(120deg,rgba(28,75,75,.82),rgba(10,35,36,.94))!important;
  color:#d9f0ed!important;
  box-shadow:0 5px 0 #071c1e,0 9px 18px rgba(0,0,0,.2),inset 0 1px 0 #ffffff12!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button:hover:not(:disabled){
  transform:translateY(-3px)!important;border-color:#e8df78!important;
  background:linear-gradient(120deg,#245c59,#153d3e)!important;color:#fff9df!important;
  box-shadow:0 8px 0 #071c1e,0 15px 24px rgba(0,0,0,.28),0 0 20px rgba(139,212,239,.12)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button:active,
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-guest-button:active{
  transform:translateY(3px) scale(.99)!important;
  box-shadow:0 1px 0 rgba(4,23,25,.85),0 3px 8px rgba(0,0,0,.2)!important;
}
@media(prefers-reduced-motion:reduce){
 .sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark{animation:none!important}
 .sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-button::after{animation:none!important}
}

/* Generated identity portrait + compact profile beside sign out. */
.sentinel-session-control{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:0}
.sentinel-profile-chip{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:4px 10px 4px 5px;border:1px solid rgba(139,212,239,.28);border-radius:999px;background:linear-gradient(115deg,rgba(20,65,64,.82),rgba(7,25,27,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 14px rgba(0,0,0,.18)}
.sentinel-session-avatar{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e8df78!important;background:#0b2528!important;box-shadow:0 0 0 2px rgba(139,212,239,.14),0 0 16px rgba(139,212,239,.16)!important}
.sentinel-session-avatar svg{width:100%!important;height:100%!important;display:block!important;fill:none!important}
.sentinel-profile-meta{display:flex;flex-direction:column;gap:2px;line-height:1.05;white-space:nowrap}
.sentinel-profile-meta strong{font:800 9px "IBM Plex Mono",monospace!important;letter-spacing:.1em;color:#e8df78!important}
.sentinel-profile-meta small{font:500 8px "IBM Plex Mono",monospace!important;letter-spacing:.06em;color:#9bc9c9!important}
.sentinel-signout-button{min-height:36px!important;padding:7px 12px!important;border-radius:7px!important;font:700 10px "Manrope",sans-serif!important;letter-spacing:.04em!important;white-space:nowrap!important;transition:transform .2s ease,background .2s ease,border-color .2s ease!important}
.sentinel-signout-button:hover{transform:translateY(-2px)!important;border-color:#8bd4ef!important;background:rgba(139,212,239,.12)!important}
@media(max-width:520px){
 .sentinel-session-control{gap:6px!important}
 .sentinel-profile-chip{gap:5px;padding:3px 7px 3px 3px}
 .sentinel-session-avatar{width:32px!important;height:32px!important;min-width:32px!important}
 .sentinel-profile-meta strong{font-size:8px!important}
 .sentinel-profile-meta small{font-size:7px!important}
 .sentinel-signout-button{padding:6px 8px!important;font-size:9px!important}
}


/* Login title hierarchy: bold, bright, unmistakably the product name. */
.sentinel-auth-card:has(.sentinel-auth-guest-button) h1{
 color:#fff!important;font-family:"Manrope","Inter",sans-serif!important;font-size:clamp(35px,6vw,46px)!important;
 font-weight:900!important;letter-spacing:.055em!important;line-height:1.02!important;
 text-shadow:0 2px 0 rgba(139,212,239,.25),0 5px 22px rgba(0,0,0,.42),0 0 34px rgba(139,212,239,.2)!important;
 -webkit-text-stroke:.35px rgba(255,255,255,.7);
}
.sentinel-auth-card:has(.sentinel-auth-loader) h1{
 color:#fff!important;font-family:"Manrope","Inter",sans-serif!important;font-size:clamp(31px,5.8vw,39px)!important;
 font-weight:900!important;letter-spacing:.07em!important;text-shadow:0 3px 24px rgba(139,212,239,.22),0 2px 0 rgba(139,212,239,.2)!important;
}
/* Direct-manipulation 3D: drag horizontally and vertically to rotate the emblem. */
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark{
 cursor:grab!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark.is-dragging,
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark.is-tilted,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark.is-dragging,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark.is-tilted{
 animation:none!important;transform:var(--wayang-drag-transform)!important;transition:box-shadow .2s ease!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark.is-dragging,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark.is-dragging{
 cursor:grabbing!important;box-shadow:0 4px 0 #8bd4ef,0 9px 0 #235653,0 18px 36px rgba(0,0,0,.55),0 0 38px rgba(139,212,239,.32)!important;
}
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark.is-dragging img,
.sentinel-auth-card:has(.sentinel-auth-guest-button) .sentinel-auth-mark.is-tilted img,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark.is-dragging img,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark.is-tilted img{transform:translateZ(44px) scale(1.035)!important}
/* Loading session: layered reveal and subtle ambient movement; preserve the original sweep line. */
.sentinel-auth-card:has(.sentinel-auth-loader){animation:sentinel-session-arrive 1.05s cubic-bezier(.16,1,.3,1) both!important}
.sentinel-auth-card:has(.sentinel-auth-loader)::before{animation:sentinel-session-edge 4.8s ease-in-out infinite!important}
.sentinel-auth-card:has(.sentinel-auth-loader)::after{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background:linear-gradient(112deg,transparent 20%,rgba(139,212,239,.075) 48%,transparent 72%);
 transform:translateX(-120%);animation:sentinel-session-scan 5.2s ease-in-out .7s infinite;
}
.sentinel-auth-card:has(.sentinel-auth-loader)>*{position:relative;z-index:1}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark{animation:sentinel-session-emblem 5s ease-in-out infinite!important}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-kicker{animation:sentinel-session-rise .7s cubic-bezier(.2,.8,.2,1) .12s both!important}
.sentinel-auth-card:has(.sentinel-auth-loader) h1{animation:sentinel-session-rise .8s cubic-bezier(.2,.8,.2,1) .22s both!important}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-copy{animation:sentinel-session-rise .8s cubic-bezier(.2,.8,.2,1) .34s both!important}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loading-status{animation:sentinel-session-rise .8s cubic-bezier(.2,.8,.2,1) .45s both!important}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-status-dot{animation:sentinel-status-breathe 1.35s ease-in-out infinite!important}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader{
 animation:sentinel-session-rise .8s cubic-bezier(.2,.8,.2,1) .52s both!important;
 box-shadow:0 0 0 1px rgba(232,223,120,.16),0 0 22px rgba(139,212,239,.12)!important;
}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader::before,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader::after{animation:sentinel-loading-sweep 1.45s cubic-bezier(.65,0,.35,1) infinite!important}
@keyframes sentinel-session-arrive{
 0%{opacity:0;transform:translateY(24px) scale(.965);filter:blur(9px)}
 65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes sentinel-session-rise{0%{opacity:0;transform:translateY(13px);filter:blur(4px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes sentinel-session-emblem{
 0%,100%{transform:perspective(900px) rotateX(5deg) rotateY(-8deg) translateY(0)}
 50%{transform:perspective(900px) rotateX(-4deg) rotateY(8deg) translateY(-5px)}
}
@keyframes sentinel-session-edge{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes sentinel-session-scan{0%,35%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){
 .sentinel-auth-card:has(.sentinel-auth-loader){animation:none!important}
 .sentinel-auth-card:has(.sentinel-auth-loader)::after{animation:none!important}
 .sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark{animation:none!important}
}


/* Login wordmark: high-contrast premium NEAR SENTINEL typography */
.sentinel-auth-card h1{
  color:#fff !important;
  font-family:"Manrope",Inter,system-ui,sans-serif !important;
  font-size:clamp(36px,5.2vw,54px) !important;
  font-weight:800 !important;
  letter-spacing:-.065em !important;
  line-height:1.04 !important;
  text-align:left !important;
  text-shadow:0 2px 0 rgba(255,255,255,.16),0 8px 28px rgba(220,255,244,.17),0 0 42px rgba(85,240,168,.13) !important;
  -webkit-text-fill-color:#fff !important;
  paint-order:stroke fill;
  -webkit-text-stroke:.35px rgba(255,255,255,.45);
}
.sentinel-auth-card h1::selection{background:#55f0a8;color:#07120d}
@media(max-width:760px){
  .sentinel-auth-card h1{font-size:clamp(34px,9vw,46px) !important;letter-spacing:-.06em !important}
}


/* True Three.js wayang object: the canvas is the interactive 3D surface. */
.sentinel-auth-mark.wayang-3d-host{
  width:clamp(190px,24vw,246px)!important;height:clamp(190px,24vw,246px)!important;
  margin:0 auto 24px!important;padding:0!important;display:grid!important;place-items:center!important;
  overflow:visible!important;border:1px solid rgba(232,223,120,.72)!important;border-radius:50%!important;
  background:radial-gradient(circle at 48% 42%,#235653 0%,#123b3d 58%,#071b1c 100%)!important;
  box-shadow:0 4px 0 #235653,0 8px 0 #102f30,0 18px 34px #0009,0 0 36px #8bd4ef22,inset 0 2px 4px #ffffff22!important;
  perspective:none!important;transform:none!important;animation:none!important;cursor:grab!important;
  touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;
}
.sentinel-auth-mark.wayang-3d-host::before{
  content:""!important;position:absolute!important;inset:8px!important;border-radius:50%!important;
  border:1px solid #8bd4ef77!important;transform:none!important;pointer-events:none!important;
}
.sentinel-auth-mark.wayang-3d-host::after{
  content:""!important;position:absolute!important;inset:15px!important;border-radius:50%!important;
  border:1px dashed #e8df7866!important;transform:none!important;pointer-events:none!important;
}
.sentinel-auth-mark.wayang-3d-host .wayang-3d-canvas{
  display:block!important;width:100%!important;height:100%!important;position:relative!important;z-index:2!important;
  border-radius:50%!important;cursor:grab!important;touch-action:none!important;outline:none!important;
}
.sentinel-auth-mark.wayang-3d-host .wayang-3d-canvas.is-grabbing{cursor:grabbing!important}
.sentinel-auth-mark.wayang-3d-host:hover{transform:none!important;box-shadow:0 4px 0 #235653,0 8px 0 #102f30,0 22px 42px #000b,0 0 42px #8bd4ef44!important}
@media(max-width:760px){
 .sentinel-auth-mark.wayang-3d-host{width:clamp(180px,58vw,220px)!important;height:clamp(180px,58vw,220px)!important}
}
@media(prefers-reduced-motion:reduce){
 .sentinel-auth-mark.wayang-3d-host{animation:none!important}
}


/* Login wordmark mirrors the dashboard brand typography exactly; colors stay untouched. */
.sentinel-auth-card .sentinel-login-wordmark{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:3px!important;margin:0!important;
  font-family:Inter,Arial,sans-serif!important;font-weight:800!important;
  letter-spacing:0!important;line-height:1.05!important;text-shadow:inherit!important;
  -webkit-text-stroke:0!important;
}
.sentinel-auth-card .sentinel-login-near{
  font-family:Inter,Arial,sans-serif!important;font-size:clamp(32px,5.2vw,42px)!important;
  font-weight:800!important;letter-spacing:1.6px!important;line-height:1.08!important;
  color:inherit!important;
}
.sentinel-auth-card .sentinel-login-name{
  font-family:"IBM Plex Mono",ui-monospace,monospace!important;font-size:clamp(19px,3.2vw,25px)!important;
  font-weight:400!important;letter-spacing:2px!important;line-height:1.15!important;
  margin-top:3px!important;color:inherit!important;
}
@media(max-width:760px){
 .sentinel-auth-card .sentinel-login-near{font-size:clamp(30px,8vw,38px)!important}
 .sentinel-auth-card .sentinel-login-name{font-size:clamp(18px,5vw,23px)!important}
}


/* Login correction: use the original wayang photo only, clipped to a clean circle. */
.sentinel-auth-card .sentinel-auth-mark{
  display:block!important;position:relative!important;
  width:clamp(180px,23vw,224px)!important;
  height:clamp(180px,23vw,224px)!important;
  margin:0 auto 26px!important;padding:0!important;
  overflow:hidden!important;border:0!important;border-radius:50%!important;
  background:transparent!important;box-shadow:none!important;
  outline:0!important;transform:none!important;animation:none!important;
  cursor:default!important;touch-action:auto!important;
}
.sentinel-auth-card .sentinel-auth-mark::before,
.sentinel-auth-card .sentinel-auth-mark::after{content:none!important;display:none!important}
.sentinel-auth-card .sentinel-auth-mark img{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;
  border:0!important;border-radius:50%!important;
  box-shadow:none!important;transform:none!important;
}
.sentinel-auth-card .sentinel-login-wordmark{
  display:block!important;margin:0 0 14px!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(29px,5vw,40px)!important;
  font-weight:900!important;letter-spacing:.035em!important;
  line-height:1.12!important;text-align:left!important;
  text-shadow:0 2px 16px rgba(139,212,239,.22)!important;
  -webkit-text-stroke:0!important;
}
.sentinel-auth-card .sentinel-login-near,
.sentinel-auth-card .sentinel-login-name{
  display:inline!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:inherit!important;letter-spacing:inherit!important;
}
.sentinel-auth-card .sentinel-login-name{margin-left:.28em!important}
@media(max-width:760px){
 .sentinel-auth-card .sentinel-auth-mark{width:190px!important;height:190px!important}
 .sentinel-auth-card .sentinel-login-wordmark{font-size:clamp(27px,8vw,35px)!important}
}


/* Profile is intentionally a compact circular wayang portrait only. */
.sentinel-profile-chip{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.sentinel-session-control{gap:10px!important}
.sentinel-session-avatar{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;border:1px solid rgba(232,223,120,.78)!important;border-radius:50%!important;overflow:hidden!important;padding:0!important}
.sentinel-session-avatar svg{width:100%!important;height:100%!important;display:block!important}
.sentinel-profile-meta{display:none!important}

/* A true mesh-built character, framed as a clean circle with no captions. */
.sentinel-auth-card .sentinel-auth-mark.wayang-3d-host{
 width:clamp(188px,24vw,232px)!important;height:clamp(188px,24vw,232px)!important;
 margin:0 auto 24px!important;padding:0!important;display:grid!important;place-items:center!important;
 overflow:hidden!important;border:0!important;border-radius:50%!important;
 background:radial-gradient(circle at 48% 42%,#174b50 0%,#0b292e 70%,#071b1c 100%)!important;
 box-shadow:0 0 34px rgba(99,201,239,.16),inset 0 0 22px rgba(0,0,0,.42)!important;
 cursor:grab!important;touch-action:none!important;user-select:none!important;
}
.sentinel-auth-card .sentinel-auth-mark.wayang-3d-host::before,
.sentinel-auth-card .sentinel-auth-mark.wayang-3d-host::after{content:none!important;display:none!important}
.sentinel-auth-mark.wayang-3d-host .wayang-3d-canvas{width:100%!important;height:100%!important;display:block!important;border-radius:50%!important;touch-action:none!important;cursor:grab!important}
.sentinel-auth-mark.wayang-3d-host .wayang-3d-canvas.is-grabbing{cursor:grabbing!important}

/* Smoother loading choreography; keep the original thin animated loading bar visible. */
.sentinel-auth-card:has(.sentinel-auth-loader){animation:sentinel-session-arrive 1.25s cubic-bezier(.16,1,.3,1) both!important}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark{animation:sentinel-session-emblem 7s cubic-bezier(.45,0,.55,1) infinite!important}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader{opacity:1!important;animation:sentinel-session-rise .9s cubic-bezier(.16,1,.3,1) .38s both!important}
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader::before,
.sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader::after{animation:sentinel-loading-sweep 1.8s cubic-bezier(.65,0,.35,1) infinite!important}
@keyframes sentinel-session-arrive{
 0%{opacity:0;transform:translate3d(0,20px,0) scale(.975);filter:blur(7px)}
 70%{opacity:1;filter:blur(0)}
 100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
@media(prefers-reduced-motion:reduce){
 .sentinel-auth-card:has(.sentinel-auth-loader),
 .sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-mark,
 .sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader{animation:none!important}
 .sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader::before,
 .sentinel-auth-card:has(.sentinel-auth-loader) .sentinel-auth-loader::after{animation:none!important}
}


/* Compact sign-out control: keep it secondary to the circular wayang profile. */
.top-actions .sentinel-signout-button{
  min-height:26px!important;
  height:26px!important;
  padding:0 8px!important;
  border-radius:6px!important;
  font:600 9px/1 Inter,Arial,sans-serif!important;
  letter-spacing:.015em!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  .top-actions .sentinel-signout-button{min-height:24px!important;height:24px!important;padding:0 7px!important;font-size:8px!important}
}

/* Extra-compact sign-out chip. */
.top-actions .sentinel-signout-button{min-height:20px!important;height:20px!important;padding:0 6px!important;border-radius:5px!important;font:600 8px/1 Inter,Arial,sans-serif!important;letter-spacing:0!important}
@media(max-width:760px){.top-actions .sentinel-signout-button{min-height:19px!important;height:19px!important;padding:0 5px!important;font-size:7px!important}}


/* Login brand wordmark: IBM Plex Mono for a precise technical identity. */
.sentinel-auth-card .sentinel-login-wordmark,
.sentinel-auth-card h1.sentinel-login-wordmark,
.sentinel-auth-card .sentinel-login-near,
.sentinel-auth-card .sentinel-login-name{
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace!important;
  font-weight:600!important;
  letter-spacing:.035em!important;
  font-variant-ligatures:none!important;
}
.sentinel-auth-card .sentinel-login-wordmark{
  font-size:clamp(29px,4.8vw,42px)!important;
  line-height:1.16!important;
}
.sentinel-auth-card .sentinel-login-near,
.sentinel-auth-card .sentinel-login-name{
  font:inherit!important;
  letter-spacing:inherit!important;
}
@media(max-width:760px){
  .sentinel-auth-card .sentinel-login-wordmark{font-size:clamp(25px,7.2vw,34px)!important}
}


/* AI agent lab — authenticated Testnet execution surface. */
.agent-lab-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;margin-bottom:72px}
.agent-lab-panel,.agent-policy-panel{padding:clamp(18px,3vw,28px);min-width:0}
.agent-lab-intro{max-width:680px;color:var(--muted);line-height:1.75;margin:18px 0 24px}
#agentForm label{display:block;font:10px var(--mono);letter-spacing:.1em;color:#a8b9c2;margin-bottom:9px}
#agentPrompt{display:block;width:100%;min-height:126px;resize:vertical;background:#080e14;border:1px solid var(--line);border-radius:7px;color:var(--text);padding:14px;font:12px/1.7 var(--mono);outline:none}
#agentPrompt:focus{border-color:#4c9b83;box-shadow:0 0 0 3px #68e0bd12}
.agent-lab-warning{display:flex;flex-direction:column;gap:5px;margin-top:15px;padding:12px 14px;border:1px solid #6c5630;background:#1a160f;border-radius:6px}
.agent-lab-warning b{font:10px var(--mono);color:var(--amber);letter-spacing:.08em}
.agent-lab-warning span{font-size:11px;color:#b7aa91;line-height:1.6}
.agent-lab-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.agent-lab-submit>span{font:9px var(--mono);color:var(--muted)}
.agent-lab-submit .primary-btn{white-space:nowrap}
.agent-policy-step{display:flex;align-items:flex-start;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}
.agent-policy-step>b{font:11px var(--mono);color:var(--mint)}
.agent-policy-step div{display:flex;flex-direction:column;gap:5px}
.agent-policy-step strong{font:600 12px var(--mono);color:var(--text)}
.agent-policy-step span{font-size:11px;color:var(--muted);line-height:1.5}
.agent-policy-foot{font-size:10px;line-height:1.7;color:var(--muted);margin:18px 0 0}
.agent-result{margin-top:20px;border:1px solid var(--line);border-radius:7px;padding:15px;background:#090f15;overflow-wrap:anywhere}
.agent-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.agent-result-head span,.agent-result-grid span{font:9px var(--mono);color:var(--muted);letter-spacing:.08em}
.agent-result-head b{font:600 12px var(--mono);color:var(--amber)}
.agent-result-executed .agent-result-head b,.agent-result-head.agent-result-executed b{color:var(--green)}
.agent-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 0}
.agent-result-grid>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.agent-result-grid b{font:11px var(--mono);color:var(--text);overflow-wrap:anywhere}
.agent-result-reason,.agent-result-message{font-size:11px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.agent-result-hash{font:9px var(--mono);color:var(--mint);overflow-wrap:anywhere}
.agent-tx-link{display:inline-block;margin-top:10px;color:var(--mint);font:10px var(--mono);text-decoration:underline;text-underline-offset:3px}
/* Guest mode keeps the AI Agent visible; server enforces read-only limits. */
@media(max-width:850px){.agent-lab-grid{grid-template-columns:1fr}.agent-policy-panel{order:2}}
@media(max-width:560px){.agent-lab-submit{align-items:stretch;flex-direction:column}.agent-lab-submit .primary-btn{width:100%}.agent-result-grid{grid-template-columns:1fr 1fr}}


/* Explicit approval affordance for exact AI payment proposals. */
.agent-approval{margin-top:18px;padding:16px;border:1px solid rgba(211,170,72,.38);border-radius:14px;background:rgba(211,170,72,.07)}
.agent-approval p{margin:0 0 12px;color:var(--muted,#9aa6a1);font-size:13px;line-height:1.55}
.agent-approval .primary-btn{width:100%;min-height:46px}
.agent-approval .primary-btn:disabled{opacity:.55;cursor:wait}

/* Cloudflare Turnstile wallet-scan verification */
.turnstile-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;padding:12px;border:1px solid #39463d;background:#0b120e;border-radius:4px;min-height:88px;position:relative;z-index:1}
.turnstile-wrap .cf-turnstile{display:block;min-height:65px;min-width:300px;max-width:100%;visibility:visible!important;opacity:1!important}
#turnstileTrackWalletStatus{display:block;min-height:16px;font:10px/1.5 var(--sans);color:#aeb9af}
#turnstileTrackWalletStatus[data-state="verified"]{color:#8be0ad}
#turnstileTrackWalletStatus[data-state="error"]{color:#f0a0a0}
#turnstileTrackWalletRetry{border:1px solid #829b85;background:transparent;color:#d5e4d6;padding:7px 11px;font:10px var(--mono);cursor:pointer}
#turnstileTrackWalletRetry[hidden]{display:none!important}
@media(max-width:420px){.turnstile-wrap .cf-turnstile{min-width:0;width:100%;transform-origin:top left}}


/* Premium motion language for the AI agent — aligned with Sentinel scan controls. */
#agentRunBtn{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:44px;padding:13px 18px;
  border:1px solid rgba(143,255,220,.42);
  background:linear-gradient(115deg,#68e0bd 0%,#9bf3d4 48%,#68e0bd 100%);
  background-size:200% 100%;
  box-shadow:0 0 0 1px rgba(104,224,189,.08),0 7px 24px rgba(37,177,139,.12);
  transition:filter .2s ease,transform .2s ease,box-shadow .25s ease,background-position .35s ease;
}
#agentRunBtn:before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.34) 48%,transparent 68%);
  transform:translateX(-120%);transition:transform .55s ease;
}
#agentRunBtn:hover:not(:disabled){
  filter:brightness(1.08);transform:translateY(-2px);
  background-position:100% 0;box-shadow:0 10px 30px rgba(37,177,139,.22),0 0 0 3px rgba(104,224,189,.08);
}
#agentRunBtn:hover:not(:disabled):before{transform:translateX(120%)}
#agentRunBtn:active:not(:disabled){transform:translateY(0) scale(.985)}
#agentRunBtn:disabled{opacity:1;cursor:wait;filter:saturate(.85);box-shadow:0 0 0 1px rgba(104,224,189,.12),0 0 22px rgba(104,224,189,.12)}
#agentRunBtn.agent-running{background:linear-gradient(110deg,#173b32,#235c4c,#173b32);background-size:200% 100%;color:#bffff0;border-color:#4d9c82;animation:agent-button-flow 1.8s ease-in-out infinite}
#agentRunBtn .agent-button-pulse{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#9bffda;box-shadow:0 0 0 0 rgba(155,255,218,.55);vertical-align:1px;animation:agent-pulse 1.25s ease-out infinite}
#agentRunBtn b{margin-left:13px}
@keyframes agent-button-flow{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes agent-pulse{0%{box-shadow:0 0 0 0 rgba(155,255,218,.5)}75%,100%{box-shadow:0 0 0 8px rgba(155,255,218,0)}}
.agent-result{
  position:relative;overflow:hidden;
  border-color:rgba(104,224,189,.25);
  background:linear-gradient(145deg,rgba(15,29,35,.98),rgba(7,14,21,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 38px rgba(0,0,0,.18);
  transition:opacity .22s ease,transform .22s ease,border-color .25s ease,box-shadow .25s ease;
}
.agent-result:before{
  content:"";position:absolute;inset:0 auto 0 0;width:2px;
  background:linear-gradient(180deg,#9bf3d4,#3a8d79,transparent);
  opacity:.9;pointer-events:none;
}
.agent-result-enter{animation:sentinel-agent-result-in .46s cubic-bezier(.2,.75,.25,1) both}
@keyframes sentinel-agent-result-in{
  0%{opacity:0;transform:translateY(13px) scale(.992);filter:blur(3px)}
  65%{opacity:1;filter:blur(0)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
.agent-result-head{padding-bottom:14px}
.agent-result-head b{letter-spacing:.07em}
.agent-result-grid>div{
  padding:12px;border:1px solid rgba(91,123,132,.2);
  border-radius:6px;background:rgba(17,31,39,.52);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.agent-result-grid>div:hover{border-color:rgba(104,224,189,.38);background:rgba(21,49,48,.5);transform:translateY(-2px)}
.agent-result-grid b{line-height:1.55}
.agent-result-message{
  padding:13px 14px;margin:12px 0 0;
  border:1px solid rgba(104,224,189,.16);border-radius:6px;
  background:rgba(24,61,53,.2);color:#c0d5d2;
}
.agent-result-reason{margin-top:12px}
.agent-result-hash{padding:10px 12px;border:1px dashed rgba(104,224,189,.25);border-radius:5px;background:rgba(13,39,34,.25)}
.agent-approval{box-shadow:0 0 24px rgba(211,170,72,.06)}
@media(prefers-reduced-motion:reduce){
 #agentRunBtn,#agentRunBtn:before,.agent-result,.agent-result-enter,.agent-result-grid>div{animation:none!important;transition:none!important;transform:none!important;filter:none!important}
}


/* Conversational Guest AI interface */
.guest-chat-transcript{display:flex;flex-direction:column;gap:12px;max-height:520px;overflow:auto;padding:2px 2px 12px}
.guest-chat-message{max-width:92%;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:#0c141b;overflow-wrap:anywhere}
.guest-chat-user{align-self:flex-end;background:rgba(80,190,170,.08);border-color:rgba(80,190,170,.25)}
.guest-chat-assistant{align-self:flex-start}
.guest-chat-message>span{display:block;font:9px var(--mono);letter-spacing:.12em;color:var(--mint);margin-bottom:7px}
.guest-chat-user>span{color:var(--amber)}
.guest-chat-message p{margin:0;color:var(--text);font-size:12px;line-height:1.75;white-space:pre-wrap}
.guest-chat-pending p{color:var(--muted);animation:guestThinking 1.2s ease-in-out infinite alternate}
.guest-chat-meta{padding-top:10px;border-top:1px solid var(--line);font:9px var(--mono);letter-spacing:.08em;color:var(--muted)}
.guest-chat-error{margin:12px 0 0;padding:10px;border:1px solid rgba(255,170,80,.3);border-radius:6px;color:var(--amber);font:11px/1.6 var(--mono);overflow-wrap:anywhere}
@keyframes guestThinking{from{opacity:.45}to{opacity:1}}


/* Keep the latest agent output first in the form, above instructions and controls. */
#agentForm>.agent-result{margin:0 0 22px;}
#agentForm>.agent-result.hidden{display:none!important}
#agentForm>.agent-result:not(.hidden){display:block}


/* Telegram-inspired Sentinel agent conversation. */
.telegram-chat-transcript{gap:14px;max-height:620px;overscroll-behavior:contain;scroll-behavior:smooth;padding:8px 4px 14px}
.telegram-chat-transcript .guest-chat-message{position:relative;max-width:min(88%,680px);padding:12px 15px 13px;border-radius:18px;box-shadow:0 5px 18px rgba(0,0,0,.16);animation:telegram-bubble-in .28s cubic-bezier(.2,.75,.25,1) both}
.telegram-chat-transcript .guest-chat-user{align-self:flex-end;border-color:rgba(104,224,189,.28);background:linear-gradient(145deg,rgba(28,83,70,.72),rgba(17,53,48,.82));border-bottom-right-radius:6px}
.telegram-chat-transcript .guest-chat-assistant{align-self:flex-start;border-color:rgba(119,151,158,.2);background:linear-gradient(145deg,rgba(20,34,43,.98),rgba(12,23,31,.98));border-bottom-left-radius:6px}
.telegram-chat-transcript .guest-chat-message>span{font-size:9px;letter-spacing:.09em;margin-bottom:6px}
.telegram-chat-transcript .guest-chat-message p{font:12px/1.72 var(--sans,system-ui);white-space:pre-wrap}
.telegram-agent-bubble{width:min(96%,760px);max-width:96%!important}
.telegram-agent-card{min-width:0}
.telegram-agent-card .agent-result-grid{gap:9px;padding:13px 0}
.telegram-agent-card .agent-result-grid>div{border-radius:10px}
.telegram-agent-card .agent-result-message{border-radius:12px}
.telegram-agent-card .agent-approval{border-radius:14px}
.telegram-typing{display:flex;gap:5px;align-items:center;padding-top:12px}
.telegram-typing i{width:6px;height:6px;border-radius:50%;background:var(--mint);opacity:.45;animation:telegram-typing 1s ease-in-out infinite}
.telegram-typing i:nth-child(2){animation-delay:.14s}.telegram-typing i:nth-child(3){animation-delay:.28s}
@keyframes telegram-bubble-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes telegram-typing{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
@media(max-width:560px){#agentForm>.agent-result{padding:8px;margin-bottom:18px}.telegram-chat-transcript .guest-chat-message{max-width:94%;padding:11px 13px}.telegram-agent-bubble{max-width:98%!important}.telegram-agent-card .agent-result-grid{grid-template-columns:1fr 1fr;gap:7px}.telegram-agent-card .agent-result-grid>div{padding:9px}}
@media(prefers-reduced-motion:reduce){.telegram-chat-transcript .guest-chat-message,.telegram-typing i{animation:none!important}}


/* Authenticated Sentinel chat: conversational first, operational details only when relevant. */
#agentForm>.agent-result{margin-top:18px;padding:18px;background:linear-gradient(180deg,#0b131b,#080e14);border:1px solid #243640;border-radius:16px;max-height:560px;overflow-y:auto;scroll-behavior:smooth}
.telegram-chat-transcript{display:flex;flex-direction:column;gap:14px}
.telegram-chat-transcript .guest-chat-message{width:fit-content;max-width:min(88%,760px);padding:13px 16px;border:1px solid rgba(104,224,189,.15);border-radius:16px;animation:telegram-bubble-in .22s ease-out}
.telegram-chat-transcript .guest-chat-user{align-self:flex-end;background:linear-gradient(145deg,rgba(28,83,70,.72),rgba(17,53,48,.82));border-bottom-right-radius:5px}
.telegram-chat-transcript .guest-chat-assistant{align-self:flex-start;background:linear-gradient(145deg,rgba(20,34,43,.98),rgba(12,23,31,.98));border-color:rgba(119,151,158,.2);border-bottom-left-radius:5px}
.telegram-chat-transcript .guest-chat-message>span{display:block;margin-bottom:6px;color:var(--mint);font:9px var(--mono);letter-spacing:.1em}
.telegram-chat-transcript .guest-chat-message p{margin:0;color:var(--text);font:13px/1.75 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere}
.telegram-agent-bubble{width:min(96%,780px);max-width:96%!important}
.telegram-agent-status{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#080f15}
.telegram-agent-status .agent-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0 2px}
.telegram-agent-status .agent-result-grid>div{padding:9px;border-radius:8px;background:#101a22}
.telegram-agent-status .agent-result-grid b{font:11px var(--mono);overflow-wrap:anywhere}
.telegram-agent-response{font-size:13px!important;line-height:1.8!important}
#agentPrompt{min-height:58px;max-height:180px;resize:vertical;padding:15px 16px;border-radius:12px;font:13px/1.6 var(--sans);background:#0a1118}
#agentForm label{margin:18px 0 8px;font-size:9px}
.agent-lab-submit{margin-top:14px}
.agent-lab-submit>span{font:10px var(--sans);color:var(--muted)}
.agent-lab-submit .primary-btn{min-width:150px;border-radius:10px}
.agent-lab-intro{max-width:720px;margin:12px 0 18px}
@media(max-width:560px){
 #agentForm>.agent-result{padding:12px;max-height:62vh}
 .telegram-chat-transcript .guest-chat-message{max-width:96%;padding:12px 14px}
 .telegram-agent-bubble{max-width:100%!important}
 .telegram-agent-status .agent-result-grid{grid-template-columns:1fr 1fr}
 .agent-lab-submit>span{line-height:1.5}
}


/* Chat viewport: one predictable scroll container on desktop and touch devices. */
#agentForm>.agent-result:not(.hidden){
  max-height:min(68vh,680px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  min-height:0!important;
  scroll-behavior:smooth!important;
}
#agentForm>.agent-result .guest-chat-transcript,
#agentForm>.agent-result .telegram-chat-transcript{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  overscroll-behavior:initial!important;
  touch-action:pan-y!important;
}
#agentForm>.agent-result .guest-chat-message{flex:0 0 auto;min-width:0}
@media(max-width:560px){
  #agentForm>.agent-result:not(.hidden){max-height:62svh!important;min-height:120px!important;padding:12px!important}
}