/* Calm, dimensional surfaces shared by every CyberUnion destination. */
html[data-cu-section]{--cu-depth:0 2px 3px #18372b0a,0 12px 26px -18px #18372b40,0 28px 58px -36px #18372b38;--cu-raised:inset 0 1px 0 #ffffffd9;--cu-shadow:var(--cu-depth)}
html[data-cu-section][data-home-theme=dark]{--cu-depth:0 2px 4px #0003,0 16px 34px -18px #0009;--cu-raised:inset 0 1px 0 #ffffff12}
html[data-cu-section] :where(button,input,select,textarea){font-family:var(--cu-font-sans)}
html[data-cu-section] :where(button,summary,a.button){touch-action:manipulation}
html[data-cu-section] :where(button,summary):focus-visible{outline:3px solid var(--cu6-gold);outline-offset:4px}
html[data-cu-section] :where(.door,.article-card,.app-card,.persona-card,.salon-question-form,.panel,.quiz-container,.product-card,.topic-list,.auth-card){box-shadow:var(--cu-raised),var(--cu-depth);border:1px solid var(--cu6-line);border-radius:16px;background:var(--cu6-surface)}
#cu6-header .cu6-focus-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:6px 10px;border:1px solid var(--cu6-line);border-radius:8px;font-size:13px;white-space:nowrap}
#cu6-header .cu6-focus-button[aria-pressed=true]{color:var(--cu6-button-text);background:var(--cu6-accent);border-color:var(--cu6-accent)}
#cu6-header .cu6-focus-button svg{width:17px;height:17px}
#cu6-header .cu6-header-inner{gap:20px}
#cu6-header .cu6-nav{gap:18px}
.cu-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cu-pager{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;position:static!important;padding:24px 0!important;margin:20px 0!important;box-shadow:none!important;background:transparent!important;border:0!important;backdrop-filter:none!important;font-size:13px}
.cu-pager button,.quiz-controls button{min-height:44px;border:1px solid var(--cu6-line);border-radius:8px;background:var(--cu6-surface);color:var(--cu6-ink);padding:10px 20px;font:inherit;cursor:pointer}
.cu-pager button:disabled,.quiz-controls button:disabled{opacity:.45;cursor:default}
html[data-cu-section] .cu-person-portrait{display:block;flex-shrink:0;object-fit:cover;object-position:center;background:#f7f4e9;border:1px solid #dcded0;border-radius:12px;filter:none;mix-blend-mode:normal}
html[data-cu-section] .match-avatar{width:42px;height:42px;border-radius:50%;margin:auto auto 6px}
html[data-cu-section=home] .hero{padding-top:62px;padding-bottom:52px;min-height:470px}
html[data-cu-section=home] .hero h1{font-size:clamp(34px,3.9vw,58px);line-height:1.35}
html[data-cu-section=home] .hero-description{font-size:18px;margin:20px 0 28px}
html[data-cu-section=home] .hero-art{isolation:isolate}
html[data-cu-section=home] .hero-art::after{content:"";position:absolute;z-index:-1;left:18%;right:10%;bottom:7%;height:10%;border-radius:50%;background:#173c2c22;filter:blur(16px)}
html[data-cu-section=home] .door{padding:24px;min-height:220px;transition:border-color .15s,box-shadow .15s}
html[data-cu-section=home] .door:hover{transform:none;box-shadow:var(--cu-raised),0 12px 32px -18px #18372b66}
html[data-cu-section=home] .door::before{box-shadow:inset 0 2px 3px #fff8,0 6px 12px #1d3b2e20}
html[data-cu-section=home] .site-footer small{font-size:12px;color:var(--cu6-muted)}
html[data-cu-section=hunter] .app>header{padding:38px 0 12px}
html[data-cu-section=hunter] .stats-bar{display:none}
html[data-cu-section=hunter] .quiz-container{max-width:700px;margin:32px auto 56px;padding:24px 36px}
html[data-cu-section=hunter] .quiz-start{padding:24px 12px}
html[data-cu-section=hunter] .quiz-start:before{content:"";display:block;margin:0 auto 28px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 28% 22%,#b5cba9 0,#688d70 32%,#2e5846 68%,#15362d 100%);box-shadow:inset -6px -8px 10px #102f2533,8px 14px 22px #21422d33}
html[data-cu-section=hunter] .quiz-start small{display:block;color:var(--cu6-muted);margin:-10px 0 24px;font-size:12px}
html[data-cu-section=hunter] .quiz-start h3{font-family:var(--cu-font-serif);font-size:28px}
html[data-cu-section=hunter] .quiz-start>p:last-child{margin:20px 0 0;font-size:12px}
html[data-cu-section=hunter] .quiz-start a{color:var(--cu6-muted)}
html[data-cu-section=hunter] .quiz-opts{border:0;padding:0;margin:0;min-width:0}
html[data-cu-section=hunter] .quiz-opt{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;font-size:16px;cursor:pointer}
html[data-cu-section=hunter] .quiz-opt input{width:18px;height:18px;margin:4px 0 0;flex-shrink:0;accent-color:var(--cu6-accent)}
html[data-cu-section=hunter] .quiz-opt.is-selected{background:var(--cu6-soft);border:2px solid var(--cu6-accent);padding:15px 17px}
html[data-cu-section=hunter] .quiz-opt:hover{transform:none}
html[data-cu-section=hunter] .quiz-q{font-size:22px;line-height:1.6}
html[data-cu-section=hunter] .quiz-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px}
html[data-cu-section=hunter] .quiz-controls span{font-size:12px;color:var(--cu6-muted)}
html[data-cu-section=hunter] #quizNext{background:var(--cu6-accent);color:var(--cu6-button-text)}
html[data-cu-section=hunter] .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
html[data-cu-section=hunter] .card{font:inherit;box-shadow:var(--cu-raised),var(--cu-depth);border-radius:14px;padding:24px 16px 18px;color:var(--cu6-ink);width:100%}
html[data-cu-section=hunter] .card:before{display:none}
html[data-cu-section=hunter] .card-avatar{width:120px;height:120px;margin:12px auto 16px}
html[data-cu-section=hunter] .modal-avatar{width:160px;height:160px}
html[data-cu-section=hunter] .card-name{font-size:17px}
html[data-cu-section=hunter] .card-en{font-size:12px;color:var(--cu6-muted)}
html[data-cu-section=hunter] .card-title{font-size:13px;min-height:0;line-height:1.6}
html[data-cu-section=hunter] .card-cat{color:var(--cu6-muted);font-weight:400}
html[data-cu-section=hunter] .card-badge{position:static;display:inline-block;margin-bottom:4px;background:var(--cu6-soft);color:var(--cu6-ink);font-weight:400;border:0}
html[data-cu-section=hunter] .filters{gap:10px}
html[data-cu-section=hunter] .filter-btn{font-size:13px}
html[data-cu-section=hunter] .match-item{border:1px solid var(--cu6-line);border-radius:10px;padding:12px;color:var(--cu6-ink);min-width:100px}
html[data-cu-section=agent] .salon-brand small,html[data-cu-section=agent] .salon-library-note{display:none}
html[data-cu-section=agent] .salon-welcome{padding:40px 0 24px}
html[data-cu-section=agent] .salon-welcome:before{width:115px;height:115px;border-radius:50%;top:34px;right:4%;left:auto;background:radial-gradient(circle at 27% 22%,#b9c9ac,#78997d 31%,#365e4b 67%,#17382e);box-shadow:8px 18px 28px #183b302b;opacity:1;filter:none;transform:none}
html[data-cu-section=agent] .salon-welcome h1{font-size:clamp(32px,4vw,50px);letter-spacing:0;position:relative}
html[data-cu-section=agent] .salon-subtitle{font-size:16px;margin:16px 0 28px;position:relative}
html[data-cu-section=agent] .salon-question-form{position:relative;max-width:720px;padding:24px;background:var(--cu6-surface)}
html[data-cu-section=agent] .salon-question-form textarea{font-size:16px;min-height:90px;padding:14px}
html[data-cu-section=agent] .salon-shortcuts{display:flex;justify-content:center;gap:28px;margin:8px 0 36px;font-size:14px}
html[data-cu-section=agent] .salon-shortcuts a{color:var(--cu6-accent)}
html[data-cu-section=agent] .salon-prompts{padding-top:16px}
html[data-cu-section=agent] .salon-prompt{padding:22px;border-radius:12px;background:var(--cu6-surface);box-shadow:var(--cu-raised),var(--cu-depth)}
html[data-cu-section=agent] .salon-prompt h3{font-size:16px;line-height:1.7}
html[data-cu-section=agent] .salon-footer{font-size:12px;line-height:1.7;max-width:920px;margin:32px auto}
html[data-cu-section=agent] .page-title h1{font-size:clamp(28px,3.2vw,40px);line-height:1.4}
html[data-cu-section=agent] .persona-metrics{display:none}
html[data-cu-section=agent] .persona-filter-row{display:flex;flex-wrap:wrap;gap:16px}
html[data-cu-section=agent] .persona-filter-row label:first-child{flex:1;min-width:180px}
html[data-cu-section=agent] .cu-filter-details{margin-top:16px;font-size:14px}
html[data-cu-section=agent] .cu-filter-details summary,html[data-cu-section=agent] .pc-details summary{cursor:pointer;min-height:36px;display:list-item;list-style:revert;color:var(--cu6-accent)}
html[data-cu-section=agent] .cu-filter-details[open] summary{margin-bottom:16px}
html[data-cu-section=agent] .persona-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html[data-cu-section=agent] .persona-card{padding:24px;min-width:0;border-radius:14px}
html[data-cu-section=agent] .persona-card header{align-items:center;gap:16px}
html[data-cu-section=agent] .persona-card .avatar-svg{width:88px;height:88px}
html[data-cu-section=agent] .pc-id{min-width:0}
html[data-cu-section=agent] .pc-id h2{font-size:20px;line-height:1.4}
html[data-cu-section=agent] .pc-id p{font-size:12px;line-height:1.6}
html[data-cu-section=agent] .pc-meta{font-size:12px;line-height:1.7;margin:18px 0 10px}
html[data-cu-section=agent] .pc-method{font-size:15px;line-height:1.7;font-weight:500;min-height:51px}
html[data-cu-section=agent] .pc-details{font-size:13px;line-height:1.7;margin:12px 0}
html[data-cu-section=agent] .pc-details p{margin:8px 0}
html[data-cu-section=agent] .pc-actions{display:flex;justify-content:space-between;width:100%;align-items:center}
html[data-cu-section=agent] .persona-card footer{margin-top:auto}
html[data-cu-section=agent] .persona-card .evid{align-self:flex-start}
html[data-cu-section=agent] .persona-seat-chips .cu-person-portrait{width:32px;height:32px;border-radius:50%}
html[data-cu-section=agent] .economist-portrait{background:transparent!important;overflow:visible}
html[data-cu-section=agent] .economist-portrait .cu-person-portrait{width:100%;height:100%}
html[data-cu-section=agent] .persona-selection-dock{box-shadow:0 -8px 40px #1d3c2620;border:1px solid var(--cu6-line);border-radius:14px 14px 0 0}
html[data-cu-section=research] .article-card{box-shadow:var(--cu-raised),var(--cu-depth)}
html[data-cu-section=research] main>section:first-child{background:radial-gradient(ellipse at 88% 15%,#8daa9030,transparent 48%),var(--cu6-bg);padding:36px 0}
html[data-cu-section=research] main>section:first-child h1{font-size:clamp(30px,4vw,46px)}
html[data-cu-section=research] main>section:first-child [class*="mt-16"]{display:none}
html[data-cu-section=goods] :is(.hero,.home-hero){background:radial-gradient(ellipse at 85% 20%,#8daa9025,transparent 50%),var(--cu6-bg)}
html[data-cu-section=goods] :is(.card,.product-card,.gear-card){box-shadow:var(--cu-raised),var(--cu-depth);border-radius:14px}
html[data-cu-section=community] :is(.hero,.topic-list,.sidebar-card){box-shadow:var(--cu-raised),var(--cu-depth);border-radius:14px}
html[data-cu-section=create] article.app-card{box-shadow:var(--cu-raised),var(--cu-depth);border-radius:14px}
html[data-cu-section=login] .card{box-shadow:var(--cu-raised),var(--cu-depth);border-radius:16px}
html[data-cu-section] body :is(.door,.article-card,.app-card,.persona-card,.salon-question-form,.panel,.quiz-container,.product-card,.gear-card,.tool-card,.metric,.topic-list,.auth-card){box-shadow:var(--cu-raised),var(--cu-depth);border-radius:16px}
html[data-cu-section=agent] .salon-welcome:before{display:block;mask-image:none;pointer-events:none}
html[data-cu-section=agent] .persona-library{padding-top:32px}
html[data-cu-section=agent] .persona-library .page-title{margin-bottom:20px}
html[data-cu-section=agent] .salon-library-hint{margin:12px 0}
html[data-cu-section=agent] .persona-toolbar .panel-body{padding:20px 24px}
html[data-cu-section=hunter] .tl-content{display:block;width:100%;font:inherit;text-align:left;color:var(--cu6-ink)}
html[data-cu-section=hunter] .tl-portrait{width:52px;height:52px;float:left;margin-right:16px}
html[data-cu-section=hunter] .tl-name,html[data-cu-section=hunter] .tl-title{display:block}
html[data-cu-section] .cu-disclosure{margin:14px 0;color:var(--cu6-muted);font-size:13px}
html[data-cu-section] .cu-disclosure summary{cursor:pointer;min-height:36px}
html[data-cu-section] [data-cu-page-hidden]{display:none!important}
html[data-cu-section=goods] :is(.observatory-index,.roundtable-invitation,.orbit-coordinate,.orbit-label,.orbital-scene figcaption){display:none}
html[data-cu-section=goods] .home-content .parallel-original{display:none}
html[data-cu-section=goods] .home-tldr .label{display:none}
html[data-cu-section=goods] .home-tldr{margin:0;box-shadow:none;background:transparent;border:0;padding:6px 0}
html[data-cu-section=goods] .home-section-head{margin-top:32px}
html[data-cu-section=goods] .orbit-core{background:radial-gradient(circle at 28% 24%,#acc7a7 0,#73967d 25%,#335e4c 65%,#122f25 100%);box-shadow:inset -12px -16px 22px #0d251c44,14px 24px 36px #1d3b2d40}
html[data-cu-focus=on] .orbital-scene{display:none}
html[data-cu-focus=on] .hero-layout{grid-template-columns:1fr}
html[data-cu-focus=on][data-cu-section=community] .hero{display:none}
html[data-cu-section] .cu-person-portrait[src$="/54145.webp"]{object-fit:contain}
html[data-cu-section=hunter] .result-type{color:var(--cu6-ink)!important}
html[data-cu-section=hunter] .result-emoji{display:none}
html[data-cu-section=hunter] .result-desc summary{cursor:pointer;min-height:36px}
html[data-cu-section=hunter] .result-desc p{margin-top:12px}
html[data-cu-section=hunter] .trait-bar-label{color:var(--cu6-text)}
html[data-cu-section=agent] #dock-go[aria-disabled=true]{opacity:.55;cursor:default}
html[data-cu-section=research] .article-card{padding:22px;height:100%;box-sizing:border-box}
html[data-cu-section=research] .category-badge{padding:4px 9px;background:var(--cu6-soft);color:var(--cu6-accent);border-radius:5px;font-size:12px}
html[data-cu-section=research] .article-card>div:first-child>span:last-child,html[data-cu-section=research] .article-card>div:has(>.tag-pill),html[data-cu-section=research] .article-card>div:last-child:has(>.h-full){display:none}
html[data-cu-section=research] main>section:first-child a[href="#articles"]{background:var(--cu6-accent);color:var(--cu6-button-text)!important;border-radius:8px;box-shadow:var(--cu-depth)}
html[data-cu-section=research] main>section:first-child{padding-top:24px;padding-bottom:24px}
html[data-cu-section=goods] .orbital-scene{--pointer-x:0deg!important;--pointer-y:0deg!important}
html[data-cu-section=goods] :is(.orbit-object,.orbit-ring,.orbit-core),html[data-cu-section=home] .orbit-art *,html[data-cu-section=research] .animate-pulse{animation:none!important;transition:none!important}
/* Focus is an explicit, reversible preference. Business controls stay available. */
html[data-cu-focus=on] *,html[data-cu-focus=on] *::before,html[data-cu-focus=on] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-cu-focus=on] :is(.hero-art,.salon-prompts,.salon-shortcuts,.door-category,.cu-secondary-intro){display:none!important}
html[data-cu-focus=on] .hero{grid-template-columns:1fr;min-height:0;padding-top:36px;padding-bottom:36px}
html[data-cu-focus=on] .hero-copy{max-width:760px}
html[data-cu-focus=on] :is(.quiz-start,.salon-welcome)::before{display:none!important}
html[data-cu-focus=on] :is(.door,.article-card,.app-card,.persona-card,.salon-question-form,.panel,.quiz-container){box-shadow:none!important}
html[data-cu-focus=on] .salon-welcome{padding-top:24px}
html[data-cu-focus=on] .salon-question-form{margin-top:20px}
@media(max-width:1200px){#cu6-header .cu6-brand-en{display:none}#cu6-header .cu6-header-inner{gap:14px}#cu6-header .cu6-nav{gap:14px}#cu6-header .cu6-brand-name{font-size:16px}#cu6-header .cu6-header-actions{gap:6px}}
@media(max-width:1000px){html[data-cu-section=agent] .persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-cu-section=hunter] .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#cu6-header .cu6-focus-button{padding:6px;font-size:12px}#cu6-header .cu6-focus-button svg{display:none}#cu6-header .cu6-header-inner{gap:6px}#cu6-header .cu6-header-actions{gap:3px}#cu6-header .cu6-account-link{padding:6px 9px}html[data-cu-section=home] .hero{padding:32px 0;gap:12px}html[data-cu-section=home] .hero-art{max-height:260px}html[data-cu-section=home] .door{padding:20px;min-height:180px}html[data-cu-section=hunter] .app>header{padding-top:24px}html[data-cu-section=hunter] .quiz-container{padding:20px;margin:20px auto 36px}html[data-cu-section=hunter] .quiz-start{padding:16px 0}html[data-cu-section=hunter] .quiz-start:before{width:72px;height:72px;margin-bottom:22px}html[data-cu-section=hunter] .quiz-q{font-size:19px}html[data-cu-section=hunter] .quiz-opt{font-size:15px}html[data-cu-section=hunter] .quiz-controls span{display:none}html[data-cu-section=hunter] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-cu-section=hunter] .card{padding:18px 10px}html[data-cu-section=hunter] .card-avatar{width:100px;height:100px}html[data-cu-section=hunter] .card-name{font-size:16px}html[data-cu-section=agent] .persona-grid{grid-template-columns:1fr}html[data-cu-section=agent] .persona-card{padding:22px}html[data-cu-section=agent] .persona-card .avatar-svg{width:96px;height:96px}html[data-cu-section=agent] .salon-welcome:before{width:70px;height:70px;right:0;top:10px;opacity:.55}html[data-cu-section=agent] .salon-question-form{padding:18px}html[data-cu-section=agent] .salon-shortcuts{gap:22px}html[data-cu-section=agent] .salon-compose-footer{flex-wrap:wrap;gap:12px}.cu-pager{gap:12px}}
@media(max-width:380px){#cu6-header .cu6-brand-name{display:none}#cu6-header .cu6-wordmark{margin-right:auto}#cu6-header .cu6-header-inner{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){html[data-cu-section] *,html[data-cu-section] *::before,html[data-cu-section] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
