/* Zhige Canvas: neon accents on readable, quiet content surfaces. */
:root{--zg-bg:#090c19;--zg-panel:#151a30;--zg-raised:#202443;--zg-border:#394360;--zg-accent:#60f4ed;--zg-primary:#7254de;--cy-cyan:#60f4ed;--cy-purple:#b084ff;--cy-pink:#fa6cdb}
body[data-page]{background:radial-gradient(ellipse at 0 8%,#144e6740,transparent 40%),radial-gradient(ellipse at 100% 20%,#6a27714d,transparent 44%),#090c19!important}
body[data-page=home]>div.bg-black,body[data-page=home] main.bg-black,body[data-page=orders]>div.bg-black,body[data-page=orders] main.bg-black,body[data-page=inspiration]>div.bg-black,body[data-page=inspiration] main.bg-black{background:transparent!important}
body:is([data-page=home],[data-page=orders],[data-page=inspiration])>div.bg-black>div.bg-black{background:transparent!important}
::selection{background:#7145aa;color:#fff}
[data-header]{background:linear-gradient(110deg,#0c202bf5,#14182def 60%,#29162be8)!important;border-bottom-color:#65f4ee66!important;box-shadow:0 1px 0 #ae70ff33,0 5px 28px #06101999!important}
[data-header]::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#48f1ee 22%,transparent 48%,#d472ff 78%,transparent);pointer-events:none}
nav[data-site-nav] [data-brand-logo]{filter:none}
nav[data-site-nav] [data-action]:hover{color:#74fff3!important;text-shadow:0 0 12px #48e6e966!important}
nav[data-site-nav] button[data-action=orders]{border-color:#70efe7a6!important;border-radius:3px 12px 3px 12px!important;background:linear-gradient(115deg,#155361,#483476)!important;box-shadow:inset 0 1px 0 #cefff044,0 0 20px #43ded326!important}
[data-sidebar]{background:linear-gradient(155deg,#193343e8,#251b3be8);border-color:#68e8e466;box-shadow:inset 2px 0 #61ece8,0 10px 30px #0006,0 0 18px #8345d922}

/* Hero: a neon stage, with the existing stacked carousel intact. */
body[data-page=home] main section.home-cinema{background:radial-gradient(ellipse at 22% 48%,#087d8f3d,transparent 48%),radial-gradient(ellipse at 82% 45%,#9e369349,transparent 46%),linear-gradient(180deg,#11192c,#0d1020 80%,#090c19)}
.home-cinema::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#7b81d30a 1px,transparent 1px),linear-gradient(90deg,#7b81d30a 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(transparent,#000 40%,transparent);pointer-events:none;z-index:-1}
.cinema-stage::before{inset:24px 13% 52px;border-color:#5df5ee44;border-left:2px solid #60f4ed8c;border-right:2px solid #d470ec80;box-shadow:-25px 0 65px #30dfdf13,25px 0 65px #e052dd17;background:radial-gradient(ellipse,#7372ee10,transparent 68%)}
.cinema-stage::after{content:"";position:absolute;inset:45px 8% 82px;pointer-events:none;background:linear-gradient(#5ff4e9,#5ff4e9) left top/58px 2px no-repeat,linear-gradient(#5ff4e9,#5ff4e9) left top/2px 24px no-repeat,linear-gradient(#ed76e5,#ed76e5) right bottom/58px 2px no-repeat,linear-gradient(#ed76e5,#ed76e5) right bottom/2px 24px no-repeat;opacity:.7}
.cinema-slide{border-radius:5px 20px 5px 20px;border-color:#a480db8c;box-shadow:0 24px 50px #0008,0 0 26px #9c47cf22}
.cinema-slide[data-position=center]{border-color:#8ef7f2c2;box-shadow:0 25px 60px #0009,-8px 0 28px #35dbeb24,8px 0 28px #dc66ea2b}
.cinema-slide[data-position=left],.cinema-slide[data-position=right]{filter:brightness(.7) saturate(.95)}
.cinema-dots button[aria-pressed=true]::after{background:#75fff4;box-shadow:0 0 12px #47eee7}

/* Small neon marks keep section titles distinct without glowing body copy. */
[data-order-section]>div:first-child,#projects-section>div:first-child{border-image:linear-gradient(90deg,#5fe6e78c,#9d65f048,transparent) 1}
body[data-page=home] h2,.library-heading h1{position:relative;padding-left:18px}
body[data-page=home] h2::before,.library-heading h1::before{content:"";position:absolute;left:0;top:.2em;width:4px;height:.8em;background:#69fff1;box-shadow:0 0 12px #53e9e6;border-radius:1px}
.commission-card,.commission-card[data-card]{background:linear-gradient(140deg,#1c2840,#171b32 65%,#2a1b3b)!important;border-color:#7870b05c!important;border-radius:5px 18px 5px 18px!important;box-shadow:inset 0 1px 0 #b094ff26,0 12px 30px #0005!important}
.commission-card:hover,.commission-card[data-card]:hover{border-color:#65f5eccc!important;background:linear-gradient(140deg,#20394c,#20233e 65%,#372346)!important;box-shadow:-5px 0 22px #33ddd41c,5px 0 28px #e269e333,0 18px 40px #0006!important}
.commission-info{border-top:1px solid #60ede457}
.commission-category{color:#a69cce}
.commission-status{border-radius:3px 10px 3px 10px;border-color:#8ffff1c2;background:linear-gradient(115deg,#12766b70,#174b6280);color:#e4fffb}
.commission-budget,.detail-price{border-color:#f4be6670;background:radial-gradient(ellipse at 0% 100%,#e7a53c29,transparent 80%),linear-gradient(110deg,#3f302e80,#261e3644);box-shadow:inset 0 1px 0 #ffe4a622,0 0 24px #e5a7420d}
.commission-budget strong,.detail-price strong{color:#ffe49a;text-shadow:0 0 22px #ffc34d40}
.project-tile,[data-action=sample-project]{border-color:#8781bb70!important;box-shadow:0 12px 30px #0004,0 0 20px #8145bf12!important}
.project-tile:hover,[data-action=sample-project]:hover{border-color:#69efe6!important;box-shadow:0 0 24px #4ad8d62b!important}
.ui-button.primary,.detail-apply-link,body[data-page=home] section:not(:has([data-hero-copy])) button[data-action=create]{background:linear-gradient(115deg,#146875,#544394 75%,#753e89)!important;border-color:#7aebed9c!important;box-shadow:inset 0 1px 0 #d7fff344,0 5px 22px #5b69df33!important;border-radius:3px 11px 3px 11px!important}

/* Libraries and details use the same cyan/purple accent vocabulary. */
.library-eyebrow{color:#78e9e1;letter-spacing:.26em}
.library-sidebar{background:linear-gradient(145deg,#162b3dd9,#251b39cc);border-color:#9276d24d;box-shadow:inset 0 1px 0 #b497ff1f,0 14px 36px #0003}
.library-category[aria-current=page]{background:linear-gradient(110deg,#21657966,#5b367d44);border-color:#69e9df66;box-shadow:inset 2px 0 #76fff0,0 0 16px #58efda0d;color:#dcfff9}
.library-category[aria-current=page]>svg,.library-category[aria-current=page] small{color:#81efe4}
.library-collection-switch button[aria-pressed=true]{background:linear-gradient(115deg,#275562,#503275);border-color:#b28bff6b;color:#f0e9ff}
.library-card{background:linear-gradient(140deg,#19283a,#241c37)!important;border-color:#7f6ca75c!important;border-radius:4px 14px 4px 14px!important}
.library-card:hover,.library-card:focus-visible{border-color:#78f8ecd1!important;box-shadow:-3px 0 18px #4de4e222,4px 0 24px #dd6be22b!important}
.library-card-arrow{color:#8bf4e9}
.library-heading{border-image:linear-gradient(90deg,#5de1dc88,#bd6be052,transparent) 1}
.detail-main-image{border-color:#79e6e578;border-radius:4px 18px 4px 18px;box-shadow:-6px 0 24px #39d1da1c,8px 0 32px #c45de122,0 22px 50px #0005}
.detail-kicker>span:first-child{border-color:#b485ec66;color:#d6baff;background:#7b469e26}
.detail-panel,.detail-application{border-color:#836fba50!important;background:linear-gradient(145deg,#172438e6,#211a33d9)!important}
.detail-tags span{border-color:#9e7cd238;color:#c6b9df;background:#62429122}
input:not([type=range]):not([type=file]):focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #65eee6!important;outline-offset:2px;box-shadow:0 0 20px #59e3df1a}

/* Curved sample connections stay legible as the canvas zoom changes. */
body[data-page=workspace]:not(.canvas-light) [role=application]{background-color:#101323!important;--canvas-grid-dot:#62617d}
body[data-page=workspace] .react-flow__edge{--edge-neon:#68f4e5}
body[data-page=workspace] .react-flow__edge[data-edge-tone=purple]{--edge-neon:#bd94ff}
body[data-page=workspace] .react-flow__edge[data-edge-tone=pink]{--edge-neon:#ffacdc}
body[data-page=workspace] .react-flow__edge-path{stroke:var(--edge-neon)!important;opacity:.95!important;stroke-width:2.5!important;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px var(--edge-neon))}
.editor-toolbar,.local-node{background:linear-gradient(145deg,#203247,#241c38);border-color:#81b5c480;box-shadow:inset 0 1px 0 #c9e9ff29,0 12px 35px #0006,0 0 20px #9863df10}
.local-node:focus-within{border-color:#75f2e4;box-shadow:0 0 22px #49dcd32b}

@media(prefers-reduced-motion:no-preference){
 .cinema-stage::after{animation:cyber-beacon 6s ease-in-out infinite}
 @keyframes cyber-beacon{0%,100%{opacity:.45}50%{opacity:.9}}
}
@media(max-width:700px){
 .cinema-stage::after{inset:20px 4% 48px;background-size:25px 1px,1px 14px,25px 1px,1px 14px}
 .cinema-stage::before{inset:12px 7% 35px}
 body[data-page=home] h2,.library-heading h1{padding-left:13px}
}

/* Recruitment action: visible on both standalone and unified frontend. */
nav[data-site-nav] button[data-action="orders"]{position:relative;isolation:isolate;overflow:hidden;animation:zg-orders-breathe 3s ease-in-out infinite}
nav[data-site-nav] button[data-action="orders"]::after{content:"";position:absolute;z-index:2;inset:-30% -60%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#dffcff66 50%,transparent 60%);animation:zg-orders-sweep 3.6s ease-in-out infinite}
@keyframes zg-orders-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.4)}}
@keyframes zg-orders-sweep{0%{transform:translateX(-75%);opacity:0}8%{opacity:.9}38%{transform:translateX(75%);opacity:0}100%{transform:translateX(75%);opacity:0}}
/* This CTA explicitly opts into a slow brightness pulse at the user's request.
   Keep the sweeping motion off when the system requests reduced motion. */
@media(prefers-reduced-motion:reduce){nav[data-site-nav] button[data-action="orders"]{animation:zg-orders-breathe 4s ease-in-out infinite!important}nav[data-site-nav] button[data-action="orders"]::after{animation:none!important;opacity:0}}