:root{--na-ink:#2d2940;--na-muted:#716b80;--na-purple:#7357c9;--na-rose:#ef7ca9;--na-mint:#83d5c5}
.na-scan-page{--bg:#fbf9ff;--card:rgba(255,255,255,.94);--line:#e7dff3;--tx:var(--na-ink);--mut:var(--na-muted);--acc:var(--na-purple);--gold:#e59a25;background:radial-gradient(circle at 8% 4%,rgba(252,211,232,.65),transparent 25rem),radial-gradient(circle at 92% 14%,rgba(207,250,244,.65),transparent 28rem),linear-gradient(180deg,#fffaff 0,#f8fbff 52%,#fffdf9 100%)!important;color:var(--na-ink)!important}
.na-scan-page .wrap{position:relative}
.na-scan-page .top{margin-bottom:10px}
.na-scan-page .top a,.na-media-page .hd>a{min-height:44px;padding:0 13px;border:1px solid rgba(115,87,201,.14);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 7px 20px rgba(75,55,120,.08);color:#5e479f!important;text-decoration:none!important}
.na-character-hero{--hero-a:#ffe0ec;--hero-b:#e4f9f3;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:stretch;min-height:194px;margin:0 0 15px;border:1px solid rgba(115,87,201,.13);border-radius:26px;background:linear-gradient(135deg,var(--hero-a),var(--hero-b));box-shadow:0 18px 48px rgba(75,55,120,.13)}
.na-character-hero:before,.na-character-hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;background:rgba(255,255,255,.54)}
.na-character-hero:before{width:190px;height:190px;right:-58px;top:-74px}.na-character-hero:after{width:76px;height:76px;left:42%;bottom:-44px}
.na-hero-copy{position:relative;z-index:2;width:64%;padding:25px 14px 22px 24px;display:flex;flex-direction:column;justify-content:center}
.na-hero-eyebrow{display:inline-flex;align-self:flex-start;min-height:28px;align-items:center;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.78);color:#6b4aad;font-size:11px;font-weight:950;letter-spacing:.07em;box-shadow:0 5px 16px rgba(77,48,126,.08)}
.na-character-hero h1{margin:9px 0 5px!important;font-size:clamp(25px,5vw,34px)!important;line-height:1.13!important;letter-spacing:-.035em;color:#29233b!important;word-break:keep-all}
.na-character-hero p{margin:0!important;color:#5f586d!important;font-size:14px!important;line-height:1.55;word-break:keep-all}
.na-hero-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.na-hero-tags span{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.72);font-size:11.5px;font-weight:850;color:#51466b}
.na-character-hero>img{position:absolute;z-index:1;right:-6px;bottom:0;width:39%;max-width:220px;height:94%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 18px rgba(73,47,105,.17))}
.na-theme-sky{--hero-a:#dff3ff;--hero-b:#e8e1ff}.na-theme-mint{--hero-a:#dff8ef;--hero-b:#fff3c9}.na-theme-gold{--hero-a:#fff0c9;--hero-b:#ffe1ec}.na-theme-blue{--hero-a:#ddecff;--hero-b:#e4f8f4}.na-theme-lilac{--hero-a:#eee2ff;--hero-b:#ffe6ef}.na-theme-peach{--hero-a:#ffe8d6;--hero-b:#fff4c6}.na-theme-rose{--hero-a:#ffdce9;--hero-b:#e3f7f1}.na-theme-green{--hero-a:#e4f8df;--hero-b:#fff1c9}
.na-scan-page:not(.na-media-page) .card,.na-scan-page:not(.na-media-page) .notice,.na-scan-page:not(.na-media-page) .warn,.na-scan-page:not(.na-media-page) .warnbox,.na-scan-page:not(.na-media-page) .src{background:rgba(255,255,255,.91)!important;border-color:#e6def0!important;box-shadow:0 12px 34px rgba(76,55,115,.08);color:var(--na-ink)!important}
.na-scan-page:not(.na-media-page) input,.na-scan-page:not(.na-media-page) select{background:#fff!important;border-color:#d9cdea!important;color:#302b3d!important;box-shadow:0 4px 15px rgba(83,62,120,.05)}
.na-scan-page:not(.na-media-page) input:focus,.na-scan-page:not(.na-media-page) select:focus{outline:3px solid rgba(115,87,201,.16);border-color:#8d70d3!important}
.na-scan-page:not(.na-media-page) .chip,.na-scan-page:not(.na-media-page) .quick button,.na-scan-page:not(.na-media-page) .tabs button,.na-scan-page:not(.na-media-page) .modes button{min-height:44px!important;background:#fff!important;border-color:#ddd1ec!important;color:#514966!important;box-shadow:0 5px 14px rgba(70,50,110,.05)}
.na-scan-page:not(.na-media-page) .chip.on,.na-scan-page:not(.na-media-page) .tabs button.on,.na-scan-page:not(.na-media-page) .modes button.on{background:linear-gradient(135deg,#785cc9,#a96fc3)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 22px rgba(115,87,201,.23)}
.na-scan-page:not(.na-media-page) .go,.na-scan-page:not(.na-media-page) button.go{min-height:54px!important;border-radius:16px!important;background:linear-gradient(135deg,#7658c8,#e178a7)!important;color:#fff!important;box-shadow:0 12px 25px rgba(122,82,177,.24)}
.na-scan-page:not(.na-media-page) .go:hover,.na-scan-page:not(.na-media-page) button.go:hover{filter:brightness(1.04);transform:translateY(-1px)}
.na-scan-page:not(.na-media-page) .lead,.na-scan-page:not(.na-media-page) .note,.na-scan-page:not(.na-media-page) .hint,.na-scan-page:not(.na-media-page) .meta,.na-scan-page:not(.na-media-page) .sub{color:var(--na-muted)!important}
.na-media-page{background:#0b1220!important;color:#e5e7eb!important}.na-media-page .na-character-hero{min-height:136px;margin:2px 0 10px;border-radius:20px;box-shadow:none}.na-media-page .na-hero-copy{width:66%;padding:16px 10px 15px 17px}.na-media-page .na-character-hero h1{font-size:20px!important;margin:5px 0 3px!important}.na-media-page .na-character-hero p{font-size:11.5px!important;line-height:1.4}.na-media-page .na-hero-tags{margin-top:7px}.na-media-page .na-hero-tags span{min-height:24px;font-size:10px;padding:0 8px}.na-media-page .na-character-hero>img{width:36%;height:96%;right:0}
.na-youtube-hero{max-width:1120px;margin:0 auto 22px}
@media(max-width:470px){.na-character-hero{min-height:186px;border-radius:23px}.na-hero-copy{width:66%;padding:21px 8px 19px 19px}.na-character-hero h1{font-size:26px!important}.na-character-hero p{font-size:13px!important}.na-character-hero>img{right:-14px;width:43%;height:91%}.na-hero-tags span:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:no-preference){.na-character-hero>img{animation:naFloat 4.5s ease-in-out infinite}@keyframes naFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}}

.na-scan-page:not(.na-media-page) .btn.add,.na-scan-page:not(.na-media-page) .btn.sub,.na-scan-page:not(.na-media-page) .btn.pro,.na-scan-page:not(.na-media-page) .nav3 button,.na-scan-page:not(.na-media-page) .cands button,.na-scan-page:not(.na-media-page) .more{background:#fff!important;border-color:#ddd1ec!important;color:#514966!important;box-shadow:0 7px 18px rgba(70,50,110,.07)}
.na-scan-page:not(.na-media-page) .dest,.na-scan-page:not(.na-media-page) .addbox,.na-scan-page:not(.na-media-page) .stat,.na-scan-page:not(.na-media-page) .p,.na-scan-page:not(.na-media-page) .zone,.na-scan-page:not(.na-media-page) .sgrid a{background:#fff!important;border-color:#e6def0!important;color:var(--na-ink)!important}
.na-scan-page:not(.na-media-page) .row,.na-scan-page:not(.na-media-page) .rowk,.na-scan-page:not(.na-media-page) .res li{border-color:#ede6f4!important}
