/* auto-generated by _build_dark.py from petpal.html - do not edit by hand */
html.neon{--theme:#d2d6ee;--theme-soft:#15182e;}
html.neon header{background:rgba(14,16,31,0.9);}
html.neon .mc-play:not([disabled]):hover{box-shadow:0 7px 10px -3px rgba(0,0,0,0.33), 0 2px 4px rgba(0,0,0,0.21),
      inset 0 1px 2px rgba(125,140,255,0.405), inset 0 -2px 3px rgba(0,0,0,0.12);}
html.neon .mc-play:not([disabled]):active{box-shadow:inset 0 3px 5px rgba(0,0,0,0.45), inset 0 1px 2px rgba(0,0,0,0.3),
      inset 0 -1px 2px rgba(125,140,255,0.27);}
html.neon .music-eq-burst i:nth-child(5n/**/+1){background:#ffd166;}
html.neon .music-eq-burst i:nth-child(5n/**/+2){background:#300e1a;}
html.neon .music-eq-burst i:nth-child(5n/**/+3){background:#8fe0cf;}
html.neon .music-eq-burst i:nth-child(5n/**/+4){background:#9ec2f0;}
html.neon .music-eq-burst i:nth-child(5n/**/+5){background:#c9a6f0;}
html.neon .nav-dropdown:hover .nav-drop-label{color:#ebb570;}
html.neon .nav-drop-menu{box-shadow:0 24px 44px -14px rgba(0,0,0,0.42),0 6px 14px -6px rgba(0,0,0,0.24);}
html.neon .nav-drop-menu a:nth-child(1):hover{color:#ebb570;}
html.neon .nav-drop-menu a:nth-child(2):hover{color:#b0b6e1;}
html.neon .nav-drop-menu a:nth-child(3):hover{color:#70a6eb;}
html.neon .back-link:hover{color:#a0a8db;}
html.neon .rail-paw svg{fill:var(--dot-color,#d2d6ee);}
html.neon .rail-dot .rail-tip{color:#ffffff;}
html.neon .hero-sound{color:rgba(200,245,255,0.75);background:linear-gradient(180deg,#12142a 0%,#0b0d1c 100%);box-shadow:0 0 0 1.5px rgba(200,245,255,0.38), inset 0 0 5px rgba(200,245,255,0.08), 0 0 4px rgba(200,245,255,0.16), 0 0 9px rgba(200,245,255,0.07);}
html.neon .hero-sound svg{filter:drop-shadow(0 0 1px rgba(200,245,255,0.3));}
html.neon .hero-sound[aria-pressed="true"]{color:#ffd9bd;background:linear-gradient(180deg,#1a1325 0%,#0f0c1c 100%);box-shadow:0 0 0 1.5px #ffb27a, inset 0 0 10px rgba(255,150,80,0.28), 0 0 10px rgba(255,150,80,0.65), 0 0 26px rgba(255,120,60,0.38);}
html.neon .hero-sound[aria-pressed="true"] svg{filter:drop-shadow(0 0 2px #ffb27a) drop-shadow(0 0 6px rgba(255,150,80,0.8));}
html.neon .hero-sound:focus-visible{outline:2px solid #c25b2c;}
html.neon .opening-glow{background:radial-gradient(ellipse 80px 60% at center, rgba(255,214,140,0.55) 0%, rgba(255,214,140,0) 70%);}
html.neon .closing-glow{background:radial-gradient(ellipse 80px 60% at center, rgba(255,214,140,0.55) 0%, rgba(255,214,140,0) 70%);}
html.neon .level-tag{color:color-mix(in srgb,var(--tint-strong,var(--theme)) 55%,#fff);}
html.neon .level-tag::before{background:color-mix(in srgb,var(--tint-strong,var(--theme)) 55%,#fff);}
html.neon .level-section .char-ground{background:radial-gradient(ellipse, var(--accent-soft) 0%, rgba(217,213,150,0.25) 55%, transparent 75%);}
html.neon .info-card{background:rgba(17,19,37,0.55);}
html.neon .info-card:hover{box-shadow:0 14px 28px rgba(40,30,10,0.1);}
html.neon .info-card .ic-icon{background:#312011;color:#ebc370;}
html.neon .kw-icon{background:#141109;color:#ebc370;}
html.neon .kw-dot{background:#e2a37c;}
html.neon .stat-chip{border:1.5px solid color-mix(in srgb,var(--chip-color,var(--line)) 55%,#fff);}
html.neon .stat-chip .s-icon{color:var(--chip-color,#ebb070);}
html.neon .stat-chip span{color:color-mix(in srgb,var(--chip-color,var(--ink)) 55%,#fff);}
html.neon .ps-icon{background:#111325;color:color-mix(in srgb,var(--p-accent,var(--ink)) 55%,#fff);box-shadow:0 6px 16px rgba(40,30,10,0.08);}
html.neon .ps-star{color:color-mix(in srgb,var(--p-accent,var(--ink)) 55%,#fff);}
html.neon .ps-num{color:color-mix(in srgb,var(--p-accent,var(--ink)) 55%,#fff);}
html.neon .zodiac-item{box-shadow:0 10px 24px rgba(40,30,10,0.06);}
html.neon .zodiac-item:hover{box-shadow:0 16px 32px rgba(40,30,10,0.12);}
html.neon .zodiac-item .z-cap{color:color-mix(in srgb,var(--z-accent,var(--ink)) 55%,#fff);}
html.neon .zodiac-item .z-expand-hint{background:rgba(17,19,37,0.85);}
html.neon .discovery-card:hover{box-shadow:0 14px 28px rgba(40,30,10,0.1);}
html.neon .discovery-card .d-eyebrow{color:color-mix(in srgb,var(--d-accent,var(--ink-soft)) 55%,#fff);}
html.neon .discovery-card p .d-name{color:color-mix(in srgb,var(--d-accent,var(--ink)) 55%,#fff);}
html.neon .key-takeaway{background:#161207;border:1px solid #e8cd8f;}
html.neon .key-takeaway .kt-icon{background:#111325;}
html.neon .key-takeaway .kt-label{color:#ebc370;}
html.neon .family-card:hover{box-shadow:0 14px 28px rgba(40,30,10,0.14);}
html.neon .family-card .f-expand-hint{background:rgba(17,19,37,0.85);}
html.neon .family-tags span{background:rgba(17,19,37,0.55);}
html.neon .pp-lightbox{background:rgba(28,34,74,0.5);}
html.neon .pp-modal{background:#0e101e;box-shadow:0 40px 80px rgba(0,0,0,0.42);}
html.neon .pp-modal-counter{color:var(--accent, #ebb470);}
html.neon .pp-lightbox-close{background:#111325;}
html.neon .pp-modal-turnaround .tu-figure{background:#111325;}
html.neon .pp-modal-footer{background:#0e101e;}
html.neon .journey-node .n-dot{background:#c9873f;border:1.5px solid #c9873f;color:#ffffff;box-shadow:0 4px 10px rgba(40,30,10,0.06);}
html.neon .journey-node:nth-child(1) .n-dot{background:#b8792a;border-color:#b8792a;}
html.neon .journey-node:nth-child(2) .n-dot{background:#8b7fae;border-color:#8b7fae;}
html.neon .journey-node:nth-child(3) .n-dot{background:#5f7a56;border-color:#5f7a56;}
html.neon .journey-node:last-child .n-dot{background:#e0a83c;border-color:#e0a83c;color:#ffffff;}
html.neon .seen .journey-node:last-child .n-dot{background:#e0a83c;box-shadow:0 0 0 6px rgba(224,168,60,0.22), 0 0 18px rgba(224,168,60,0.55);}
html.neon .trait-icon{color:color-mix(in srgb,var(--t-accent,var(--ink)) 55%,#fff);}
html.neon .wireframe-panel{background:#0e101e;}
html.neon .wf-panel-link{color:color-mix(in srgb,var(--tint-strong,var(--theme)) 55%,#fff);}
html.neon .wc-arrow{color:#ebb070;}
html.neon .what-changed .wc-label{color:#ebb470;}
html.neon .what-changed .wc-line{background:#c9a86a;}
html.neon .final-level{background:linear-gradient(180deg, var(--bg) 0%, #0f1222 100%);}
html.neon .proto-panel{background:linear-gradient(180deg, #0f1222 0%, var(--bg) 100%);box-shadow:0 20px 50px rgba(0,0,0,0.12);}
html.neon .proto-panel-label{color:#ebb470;}
html.neon .proto-panel-meta .pm-expand{color:#ebb470;}
html.neon .phone-frame{box-shadow:0 30px 60px rgba(0,0,0,0.27);}
html.neon .phone-expand-hint{background:rgba(28,34,74,0.55);color:#ffffff;}
html.neon .proto-sparkle{color:#ebc070;}
html.neon .proto-step.active .ps-dot{background:#c9683f;border-color:#c9683f;}
html.neon .proto-step.active .ps-label{color:#eb9570;}
html.neon .proto-step.active:not(:last-child)::after{background:#c9683f;}
html.neon .video-lightbox{background:rgba(28,34,74,0.94);}
html.neon .video-lightbox video{box-shadow:0 30px 70px rgba(0,0,0,0.75);}
html.neon .video-lightbox-close{background:rgba(17,19,37,0.12);color:#ffffff;}
html.neon .video-lightbox-close:hover{background:rgba(17,19,37,0.25);}
html.neon .img-lightbox{background:rgba(28,34,74,0.94);}
html.neon .img-lightbox img{box-shadow:0 30px 70px rgba(0,0,0,0.75);}
html.neon .img-lightbox-close{background:rgba(17,19,37,0.12);color:#ffffff;}
html.neon .img-lightbox-close:hover{background:rgba(17,19,37,0.25);}
html.neon .img-lightbox-nav{background:rgba(17,19,37,0.12);color:#ffffff;}
html.neon .img-lightbox-nav:hover{background:rgba(17,19,37,0.25);}
html.neon .img-lightbox-cap{color:rgba(255,255,255,0.85);}
html.neon .img-lightbox-grid img{box-shadow:0 14px 30px rgba(0,0,0,0.525);}
html.neon .takeaway-grid{border-top:1px solid color-mix(in srgb,var(--tint-strong,var(--theme)) 55%,#fff);}
html.neon .feedback-block{background:#0e101f;}
html.neon .fb-num{color:#eb9570;}
html.neon .fb-bar-fill{background:#c9683f;}
html.neon .rm-step.done .rm-dot{background:#c9683f;border-color:#c9683f;color:#ffffff;}
html.neon .rm-step.done .rm-line{background:#c9683f;}
html.neon .rm-step.active .rm-dot{border-color:#c9683f;color:#eb9570;}
html.neon .rm-step.active .rm-line{background:linear-gradient(90deg,#c9683f 0%, var(--line) 100%);}
html.neon .rm-badge.done{background:#081209;color:#70eb9c;}
html.neon .rm-badge.active{background:#150c06;color:#eb9570;border:1px solid #f0c39c;}
html.neon .sustain-card{background:#0c0e1b;}
html.neon .sustain-cta.filled{background:linear-gradient(180deg,#d9784a,#c9683f);color:#ffffff;box-shadow:0 10px 18px -8px rgba(201,104,63,0.4), 0 3px 8px rgba(201,104,63,0.25);}
html.neon .sustain-cta.filled:hover{background:linear-gradient(180deg,#e08a5c,#d9784a);color:#ffffff;box-shadow:0 14px 24px -8px rgba(201,104,63,0.45), 0 4px 10px rgba(201,104,63,0.28);}
html.neon .sustain-cta.cream{background:linear-gradient(160deg, #0b0d19 0%, #2f2511 100%);color:#ced2ec;box-shadow:0 5px 8px -3px rgba(0,0,0,0.33), 0 2px 4px rgba(0,0,0,0.225),
      inset 0 2px 3px rgba(125,140,255,0.293), inset 0 -3px 4px rgba(0,0,0,0.18);}
html.neon .sustain-cta.cream:hover{background:linear-gradient(160deg, #2f2511 0%, #e8d1a3 100%);color:#ced2ec;box-shadow:0 8px 12px -4px rgba(0,0,0,0.42), 0 3px 5px rgba(0,0,0,0.27),
      inset 0 2px 3px rgba(125,140,255,0.225), inset 0 -3px 4px rgba(140,100,45,0.16);}
html.neon .more-case{box-shadow:0 5px 10px -6px rgba(0,0,0,0.21),
      0 2px 4px rgba(0,0,0,0.09),
      inset 0 1px 1.5px rgba(125,140,255,0.248),
      inset 0 -1px 2px rgba(0,0,0,0.075);}
html.neon .more-case[href*="graphicdesign"]:hover{background:#2b2814;color:#ebdc70;}
html.neon .more-case[href*="graphicdesign"]:focus-visible{background:#2b2814;color:#ebdc70;}
html.neon .more-case[href*="floracracy"]:hover{background:#14172c;color:#ced2ec;}
html.neon .more-case[href*="floracracy"]:focus-visible{background:#14172c;color:#ced2ec;}
html.neon .more-case[href*="bonvoyage"]:hover{background:#14070c;color:#eb7099;}
html.neon .more-case[href*="bonvoyage"]:focus-visible{background:#14070c;color:#eb7099;}
html.neon .more-case[href*="voluntopia"]:hover{background:#132e25;color:#70ebd1;}
html.neon .more-case[href*="voluntopia"]:focus-visible{background:#132e25;color:#70ebd1;}
html.neon .more-case[href*="firstcover"]:hover{background:#21122e;color:#a670eb;}
html.neon .more-case[href*="firstcover"]:focus-visible{background:#21122e;color:#a670eb;}
html.neon .more-case[href*="photography"]:hover{background:#080e16;color:#70a4eb;}
html.neon .more-case[href*="photography"]:focus-visible{background:#080e16;color:#70a4eb;}
html.neon .more-case[href*="3dmotion"]:hover{background:#302710;color:#ebaf70;}
html.neon .more-case[href*="3dmotion"]:focus-visible{background:#302710;color:#ebaf70;}
html.neon .more-case[href*="ragamuffin"]:hover{background:#0f1c33;color:#7fb4ff;}
html.neon .more-case[href*="ragamuffin"]:focus-visible{background:#0f1c33;color:#7fb4ff;}