/* AMBER CORE V8 — global tokens and shared ambient treatment */
:root{--accent:#ff942c!important;--primary:#ff942c!important;--cyan:#ff942c!important;--purple:#bf651d!important;--green:#ffb94e!important;--orange:#ff942c;--amber:#ffc078;--bg:#08090b!important;--surface:#15120f!important;--border:rgba(255,159,70,.24)!important;--cyber-ink:#08090b;--cyber-panel:#14110e;--cyber-text:#f6efe8;--cyber-muted:#aaa09a}
html{color-scheme:dark}body,.editor-body,.v6-page{background:#08090b!important;color:#f6efe8!important}
body::before{background:radial-gradient(ellipse at 75% 15%,rgba(255,139,36,.09),transparent 50%),radial-gradient(ellipse at 12% 78%,rgba(174,81,20,.075),transparent 45%)!important}
.cyber-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict;opacity:.8}
.cyber-atmosphere canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.24;mask-image:linear-gradient(90deg,#0009 0%,#0004 32%,transparent 64%,#0005 100%)}
.cyber-atmosphere .cyber-code{position:absolute;top:15%;right:3%;width:min(31vw,460px);max-height:55vh;overflow:hidden;opacity:.16;color:#ffb65e;font:11px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;direction:ltr;text-align:left;text-shadow:0 0 14px #ff942c;transform:perspective(800px) rotateY(-10deg);mask-image:linear-gradient(#000,transparent 95%)}
.cyber-atmosphere .cyber-code::after{content:'▌';animation:cyber-caret 1s steps(1) infinite;color:#ffd29a}@keyframes cyber-caret{50%{opacity:0}}
.cyber-atmosphere .cyber-vignette{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#08090b33 100%)}
/* Preserve original fixed/sticky positioning; the previous broad body child selector broke the layout. */
body>main{position:relative;z-index:1}
body>.header,body>.editor-header,body>.v6-top{z-index:110}
body>.contact-dock,body>.command-trigger,body>.community-chat-fab{z-index:120}
body>.boot{z-index:200}
body>.cyber-atmosphere{z-index:0}
body>.noise,body>#particles,body>.redshift-grid{pointer-events:none}
.contact-dock__panel{background:linear-gradient(145deg,rgba(30,21,15,.98),rgba(12,12,14,.98))!important;border-color:rgba(255,153,52,.55)!important}
.contact-dock__toggle{background:rgba(25,17,13,.97)!important}
.contact-dock__toggle:hover{background:#302016!important}
.contact-dock__panel .dock-action{background:linear-gradient(120deg,#ffb34f,#f18322)!important;color:#160e08!important}
/* Keep animation effects as ambient layers, never as flow elements. */
body>.redshift-grid,body>.noise,body>#particles,body>#cursor-glow,body>#scroll-progress,body>.scroll-chapter,body>.contact-dock,body>.command-trigger{position:fixed}

:where(.editor-header,.v6-top,.header){background:rgba(10,10,11,.91)!important;border-color:rgba(255,151,58,.18)!important;backdrop-filter:blur(18px)}
:where(.editor-feature,.editor-card,.v6-card,.v6-member,.v6-post,.service,.service-card,.project-card,.article-card,.contact-dock__panel){border-radius:15px!important;border-color:rgba(255,154,65,.24)!important}
:where(.editor-feature,.editor-card,.v6-card,.v6-member,.v6-post,.service,.service-card,.project-card,.article-card){background:linear-gradient(150deg,rgba(30,22,16,.96),rgba(12,12,14,.95))!important}
:where(.editor-feature,.editor-card,.v6-card,.v6-member,.v6-post,.service,.service-card,.project-card,.article-card):hover{border-color:rgba(255,170,76,.65)!important;box-shadow:0 15px 55px rgba(255,134,31,.12)!important}
:where(.btn-primary,.v6-action,.category-row button.active,.category-row button[aria-pressed=true],.v6-tabs button[aria-pressed=true]){background:linear-gradient(120deg,#ffb04c,#f37c1d)!important;color:#1d1005!important;border-color:#ffa43b!important}
:where(.editor-wrap h1 em,.editor-eyebrow,.v6-eyebrow,.v6-hero h1 em,.editor-logo span,.v6-top .brand span,.section-kicker,.prompt,.title-period,.section-heading em,.about-heading em,.contact h2 em,.term-green,.contact-mail,.text-link){color:#ffae49!important}
:where(.editor-header button,.category-row button,.share-row button,.searchbox,.v6-tabs button){border-color:rgba(255,157,65,.35)!important}
:where(a,button,input,textarea,select):focus-visible{outline:2px solid #ffc078!important;outline-offset:3px}
@media(max-width:760px){.cyber-atmosphere canvas{opacity:.12}.cyber-atmosphere .cyber-code{right:1%;top:24%;width:75vw;font-size:9px;opacity:.09}.cyber-atmosphere{opacity:.65}}
@media(prefers-reduced-motion:reduce){.cyber-atmosphere canvas,.cyber-atmosphere .cyber-code{display:none}.cyber-atmosphere .cyber-code::after{animation:none}}