/* Black textured metal and recessed shadows, drawn from the header's letter wells. */
/* Silver information accents replace the previous cyan/ice palette throughout the UI. */
.asset[src$=".svg"]{filter:grayscale(1)}
/* Lift the illustrative collection headers out of the dark surrounding panels. */
.art img[src$=".svg"]{filter:grayscale(1) brightness(1.75) contrast(1.22)}
.art:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 #ffffff28,inset 0 -1px 0 #bcbcbc55}
:root{--bg:#090909;--panel:#101010;--silver:#d1d1d1;--muted:#9c9c9c;--line:#444444;--grain:url('/release-20261003-01/assets/black-grain.svg')}
body{background-color:var(--bg);background-image:var(--grain);color:var(--silver);-webkit-font-smoothing:antialiased}
.topbar{background:linear-gradient(#0005,#0009),var(--grain);border-bottom-color:#444444;box-shadow:0 9px 25px #000c,inset 0 -1px #000}
.hero{background:radial-gradient(ellipse at 50% 36%,#ffffff03 0%,#0005 58%,#000b 100%),var(--grain);box-shadow:inset 0 18px 34px #000c,inset 0 -22px 35px #000a}
.hero:before,.hero:after{border-color:#686868;box-shadow:inset 9px 0 #101010,inset 10px 0 #4b4b4b,inset 22px 0 #0b0b0b,inset 23px 0 #3f3f3f;filter:drop-shadow(4px 5px 3px #000)}
.logo{filter:grayscale(1) drop-shadow(0 9px 7px #000)}
body .wordmark,body h1,body h2,body h3,body .signature{color:#d3d3d3;filter:grayscale(1);text-shadow:0 2px 1px #000,2px 5px 5px #000;transform:translateZ(0)}
@supports(background-clip:text){
  body .hero h1,body .owner-heading h1,body .chat-heading h1,body .section h2,body .about h2,body .card h3,body .service h3{
    background:linear-gradient(177deg,#f2f2f2 5%,#c4c4c4 35%,#a0a0a0 49%,#dcdcdc 56%,#b9b9b9 77%,#e3e3e3 96%);
    background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:grayscale(1) drop-shadow(0 2px 1px #000) drop-shadow(2px 5px 4px #000)
  }
}
.hero .intro,.section-sub,.about p:not(.eyebrow),.card p,.service p,.chat-panel p,.video-stage p,dialog p{color:#aaaaaa}
nav a,.button,.filter,.card-tail{color:#c5c5c5}
.card,.about,.service,.chat-panel,dialog{background:linear-gradient(145deg,#ffffff03,#0005),var(--grain);border-color:#494949;box-shadow:inset 1px 1px 0 #ffffff08,inset 0 0 24px #0009,5px 10px 18px #000b}
.card:hover{border-color:#a6a6a6;box-shadow:inset 0 0 24px #0009,5px 13px 22px #000e,0 -1px 10px #d4d4d412}
.art{background:#090909;border-bottom-color:#3f3f3f;box-shadow:inset 0 -10px 20px #000}
.button,.button.primary,.control-bar button{background:linear-gradient(165deg,#323232,#171717 48%,#0c0c0c 51%,#1e1e1e);border-color:#676767;box-shadow:inset 0 1px #ffffff15,0 3px 7px #000a;text-shadow:0 2px 2px #000}
.button:hover{background:linear-gradient(165deg,#3e3e3e,#1e1e1e 48%,#121212 51%,#292929)}
.filter[aria-pressed=true]{background:#1d1d1d;box-shadow:inset 0 2px 5px #000,0 1px #ffffff08;color:var(--ice)}
.search input,.chat-panel input,.chat-panel select{background:#070707;border-color:#454545;box-shadow:inset 0 3px 7px #000;color:#d0d0d0}
.toolbar,.card-tail,footer{border-color:#393939}
.channel{background:transparent;border-color:#656565;box-shadow:0 3px 5px #000}
.channel:before,.about-ornament{background-color:var(--bg);background-image:var(--grain);color:#cccccc;text-shadow:0 4px 3px #000}
.corner{color:#b9b9b9;filter:drop-shadow(3px 4px 2px #000)}
.owner-banner{background:linear-gradient(90deg,#0f0f0fe6,#141414df),var(--grain);box-shadow:inset 0 -5px 12px #000,0 5px 16px #000a}
.video-stage{background:radial-gradient(ellipse,#ffffff03,#000a),var(--grain);box-shadow:inset 0 0 65px #000}
.control-bar{background:linear-gradient(#171717,#090909);box-shadow:0 5px 10px #000a}
.message{background:#1a1a1a}.control-bar .danger{color:#dd96a1}
/* Neutral silver marks information and active controls; red retains its intent role. */
.eyebrow,.card-meta,.state,.button:hover,.owner-link:hover{color:var(--ice)}
/* Polished ornament faces catch light above the quieter, weathered text. */
.corner,.ornament,.channel:before{color:#e6e6e6;opacity:1;filter:grayscale(1) drop-shadow(0 1px 0 #000) drop-shadow(2px 4px 3px #000);text-shadow:none}
@supports(background-clip:text){
  .corner,.ornament,.channel:before{
    background-image:linear-gradient(174deg,#fff 0%,#e5e5e5 24%,#898989 43%,#fafafa 48%,#c7c7c7 53%,#7c7c7c 68%,#f1f1f1 82%,#fff 100%);
    background-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent
  }
}
.hero:before,.hero:after{border-color:#929292;opacity:.8;box-shadow:inset 9px 0 #101010,inset 10px 0 #9a9a9a,inset 11px 0 #000,inset 22px 0 #0b0b0b,inset 23px 0 #737373;filter:grayscale(1) drop-shadow(3px 5px 3px #000)}
.channel{border-top-color:#9c9c9c;box-shadow:0 1px 0 #1a1a1a,0 4px 5px #000}