/* thinglet.net command-center layer. Loads after style.css. Thinglet Blue #0A9DCC on a dark canvas. */
:root{--bg:#050a12;--card:rgba(12,23,38,.78);--ink:#eef8fc;--body:#bccad5;--muted:#93a5b3;--line:rgba(79,201,238,.2);--band:#03070d;--band-ink:#dbe8ef;--blue-ink:#4fc9ee;--btn:#4fc9ee;--ok:#3ddc97;--okbg:#0c2a21;--err:#ff9d9d;--errbg:#3a1616;--gold:#f2c14e;--mono:ui-monospace,Consolas,Menlo,monospace;color-scheme:dark}
body{background:
 radial-gradient(900px 520px at 78% -8%,rgba(10,157,204,.2),transparent 62%),
 linear-gradient(rgba(79,201,238,.045) 1px,transparent 1px) 0 0/100% 44px,
 linear-gradient(90deg,rgba(79,201,238,.045) 1px,transparent 1px) 0 0/44px 100%,
 var(--bg)}
.top{background:rgba(5,10,18,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.btn{color:#03141c!important;box-shadow:0 0 0 1px rgba(79,201,238,.5),0 0 22px rgba(10,157,204,.45);transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{background:#8fe2f8;transform:translateY(-1px);box-shadow:0 0 0 1px #8fe2f8,0 0 30px rgba(79,201,238,.6)}
.btn.ghost{color:var(--ink)!important;box-shadow:none;border:1px solid rgba(79,201,238,.45)}
.btn.ghost:hover{background:rgba(79,201,238,.12)}
.btn.light{background:transparent;color:var(--blue-ink)!important;border:1px solid var(--blue-ink)}
.btn.light:hover{background:rgba(79,201,238,.12)}
.hero{position:relative;overflow:hidden;background:none;border-bottom:1px solid var(--line)}
.hero .wrap{position:relative;z-index:1}
.hero h1{text-shadow:0 0 34px rgba(10,157,204,.35)}
.fx-net{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.6;pointer-events:none}
.kicker,.calc output,.price,td,th,.num,.fx-mono{font-family:var(--mono)}
.card,.band .card{background:var(--card);border-color:var(--line);color:var(--body);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,box-shadow .2s,transform .2s}
.card:hover{border-color:rgba(79,201,238,.55);box-shadow:0 0 0 1px rgba(79,201,238,.15),0 12px 40px rgba(0,0,0,.45),0 0 34px rgba(10,157,204,.16)}
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.calc{box-shadow:0 0 50px rgba(10,157,204,.2)}
.calc output{color:var(--ok);text-shadow:0 0 22px rgba(61,220,151,.4)}
.calc output.fx-bump{animation:fxbump .45s ease-out}
.num{box-shadow:0 0 0 0 rgba(79,201,238,.6);animation:fxping 2.8s infinite}
.g3 .card:nth-child(2) .num{animation-delay:.9s}.g3 .card:nth-child(3) .num{animation-delay:1.8s}
tbody td:nth-child(3),tbody td:nth-child(4){color:var(--ok)}
tbody tr{transition:background .2s}tbody tr:hover,tbody tr.fx-on{background:rgba(79,201,238,.08)}
caption{color:var(--ink);font-weight:700;text-align:left;padding:28px 12px 10px}
input,select,textarea{border-color:rgba(147,165,179,.6);background:#0a1524}
.foot{background:#02050a;border-top:1px solid var(--line)}
.fine{border-top-color:var(--line)}
.fx-floor{padding:56px 0}
.fx-floor h2{margin-bottom:.3em}
.fx-note{color:var(--muted);font-size:.92rem;margin-bottom:22px}
.fx-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.fx-panel{position:relative;min-width:0;padding:0;overflow:hidden;display:flex;flex-direction:column}
.fx-head{display:flex;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);font:700 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink)}
.fx-head i{font-style:normal;color:var(--gold)}
.fx-panel canvas{display:block;width:100%;height:290px}
.fx-cap{padding:12px 16px;border-top:1px solid var(--line);font-size:.88rem;color:var(--muted);margin:0}
.fx-stats{position:absolute;left:16px;right:16px;top:50px;display:flex;flex-wrap:wrap;gap:2px 16px;font:.72rem/1.7 var(--mono);color:var(--muted);pointer-events:none}
.fx-stats b{color:var(--ink);font-size:.95rem}
.fx-log{height:290px;overflow:hidden;margin:0;padding:12px 16px;list-style:none;font:.78rem/1.55 var(--mono);display:flex;flex-direction:column;justify-content:flex-end}
.fx-log li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--body);animation:fxin .4s ease-out}
.fx-log time{color:var(--muted)}.fx-log .g{color:var(--ok)}.fx-log .c{color:var(--blue-ink)}.fx-log .y{color:var(--gold)}
.fx-rise{opacity:0;transform:translateY(18px);transition:opacity .6s ease-out,transform .6s ease-out}
.fx-rise.fx-seen{opacity:1;transform:none}
@keyframes fxping{0%{box-shadow:0 0 0 0 rgba(79,201,238,.55)}60%,100%{box-shadow:0 0 0 14px rgba(79,201,238,0)}}
@keyframes fxbump{0%{transform:scale(1.07);filter:brightness(1.5)}100%{transform:none;filter:none}}
@keyframes fxin{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media (max-width:860px){.fx-grid{grid-template-columns:1fr}#nav{background:#081220}.fx-panel canvas,.fx-log{height:240px}.fx-net{opacity:.4}}
@media (prefers-reduced-motion:reduce){.num,.fx-log li,.calc output.fx-bump{animation:none}.fx-rise{opacity:1;transform:none;transition:none}.btn,.card{transition:none}}