/* V0.3: closely follows the visual hierarchy of the source lounge; Zhou Li facts remain separate. */
.shell:has(#lounge.active) .global-bar{display:none}
.shell:has(#lounge.active) .mobile-dock{display:none!important}
.hero-cover{height:78dvh;min-height:620px;max-height:850px}
.hero-image{object-position:center 36%;filter:saturate(.96) contrast(1.04) brightness(.88)}
.hero-image{object-position:center 52%;filter:saturate(.9) contrast(1.06) brightness(.72)}
.shell:has(#lounge.active) .hero-image{animation:tea-hero-breathe 24s ease-in-out infinite alternate}
.hero-cover:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 55% 42%,rgba(213,209,245,.08),transparent 51%);mix-blend-mode:screen;animation:tea-haze 18s ease-in-out infinite alternate}
.hero-cover>.hero-shade,.hero-cover>.hero-top,.hero-cover>.hero-bottom{z-index:1}
@keyframes tea-hero-breathe{from{transform:scale(1)}to{transform:scale(1.08) translate3d(-1.2%,-.8%,0)}}
@keyframes tea-haze{from{opacity:.25;transform:translateX(-3%)}to{opacity:.72;transform:translateX(3%)}}
.hero-shade{background:radial-gradient(circle at 50% 22%,rgba(47,125,255,.07),transparent 32%),linear-gradient(180deg,rgba(5,6,20,.03) 0%,rgba(5,6,20,.12) 42%,rgba(5,6,20,.96) 100%)}
.hero-top{top:18px;left:20px;right:76px}
.hero-top .live-pill{font-size:9px;background:rgba(8,11,31,.46)}
.hero-round{position:fixed;z-index:35;right:max(calc((100vw - 800px)/2 + 15px),15px);top:76px;width:48px;height:48px;border-radius:16px;color:#e6deff;background:rgba(8,11,31,.68);backdrop-filter:blur(15px)}
.hero-bottom{left:20px;right:20px;bottom:30px;display:flex;flex-direction:column;align-items:center}
.hero-chat-entry{min-width:220px;background:rgba(17,19,49,.7)!important;border-color:rgba(205,187,255,.32)!important;box-shadow:0 12px 28px rgba(0,0,0,.24)}
.hero-chat-entry i{font-style:normal;font-size:16px;color:#d7c8ff}
.hero-bottom>small{text-align:center;max-width:350px;color:rgba(234,231,246,.59)}
.lounge-content{margin-top:-18px;padding:0 20px 70px}
.profile-card{padding:24px 22px 22px;border-radius:24px;background:radial-gradient(circle at 0 0,rgba(114,75,225,.24),transparent 48%),linear-gradient(135deg,rgba(29,32,76,.96),rgba(9,14,38,.97))}
.profile-main{display:grid;grid-template-columns:92px minmax(0,1fr);gap:15px;align-items:center}
.profile-avatar{width:92px;height:92px;font-size:38px;border-color:rgba(255,255,255,.2)}
.profile-main h2{font-size:29px;line-height:1.05}
.profile-main h2 span{font-size:16px;color:rgba(255,255,255,.55)}
.profile-main p:last-child{font-size:14px;color:#efe9ff}
.profile-tags{gap:8px;margin:20px 0}
.profile-tags span{color:rgba(225,239,255,.9);background:rgba(47,125,255,.13);border:1px solid rgba(105,155,255,.2);font-weight:800}
.profile-foot{min-height:43px}
.profile-foot .small-action{border:1px solid rgba(164,145,250,.4);border-radius:999px;padding:8px 14px;background:linear-gradient(135deg,#7a3cff,#2f7dff);color:#fff}
.lounge-value-intro{margin:35px 3px 22px}
.lounge-value-intro h2{display:grid;gap:5px;margin:0;font-size:clamp(29px,5vw,39px);font-weight:900;line-height:1.25;letter-spacing:-.035em}
.lounge-value-intro h2 em{font-style:normal;color:#b996ff}
.lounge-value-intro p{max-width:490px;margin:14px 0 0;color:rgba(224,228,245,.7);font-size:14px;line-height:1.7}
.tea-assessment{display:grid;grid-template-columns:.9fr 1.1fr;min-height:270px;overflow:hidden;background:radial-gradient(circle at 15% 50%,rgba(117,70,242,.3),transparent 43%),linear-gradient(145deg,rgba(24,29,70,.95),rgba(9,14,39,.96))}
.tea-assessment-art{position:relative;min-height:260px;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 50%,rgba(67,113,255,.36),rgba(89,46,184,.16) 39%,transparent 65%)}
.tea-assessment-art{background:linear-gradient(180deg,rgba(8,10,29,.03),rgba(8,10,29,.4)),url('/assets/tea-orbit-concept-v1.png') center/cover no-repeat}
.tea-assessment-art .tea-assessment-ring,.tea-assessment-art strong{display:none}
.tea-assessment-art:after{display:none}
.tea-assessment-art small{display:none}
.tea-assessment-ring{position:absolute;width:220px;height:220px;border:1px solid rgba(201,178,255,.37);border-radius:50%;box-shadow:0 0 28px rgba(111,76,229,.2),inset 0 0 26px rgba(111,76,229,.13);transform:rotateX(62deg) rotate(-16deg)}
.tea-assessment-ring.ring-b{width:320px;height:320px;opacity:.45;transform:rotateX(66deg) rotate(30deg)}
.tea-assessment-art strong{position:relative;z-index:1;width:130px;height:130px;display:grid;place-items:center;border-radius:50%;font:normal 74px/1 serif;color:#e8d5ff;background:radial-gradient(circle at 30% 25%,rgba(160,120,255,.8),rgba(59,64,151,.75) 44%,rgba(8,17,51,.95) 78%);border:1px solid rgba(196,176,255,.44);box-shadow:0 0 45px rgba(106,78,232,.49),inset 0 0 35px rgba(161,139,255,.23)}
.tea-assessment-art small{position:absolute;bottom:19px;color:#b6a9ef;font-size:9px;letter-spacing:.17em}
.tea-assessment-body{padding:27px 27px 28px;display:flex;flex-direction:column;justify-content:center}
.tea-assessment-body h2{font-size:24px;line-height:1.3;margin:7px 0}
.tea-assessment-body>p:not(.eyebrow){font-size:12px;line-height:1.75;color:#b8bad1}
.tea-assessment-body .btn{margin-top:12px}
.lounge-section-title{margin:33px 3px 15px}
.lounge-section-title>span{color:#af9ef5;font-size:10px;font-weight:800;letter-spacing:.15em}
.lounge-section-title h2{font-size:27px;margin:4px 0 0;line-height:1.2}
.lounge-section-title p{font-size:12px;color:#aeb1c8;margin:8px 0 0}
.tea-value-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tea-value-dashboard>div{position:relative;min-height:146px;padding:17px 14px;overflow:hidden}
.tea-value-dashboard>div:after{content:"";position:absolute;left:13px;right:13px;bottom:13px;height:2px;background:linear-gradient(90deg,#b15cff,rgba(24,215,255,.25))}
.tea-value-dashboard b{display:block;font-size:25px;line-height:1;background:linear-gradient(135deg,#b15cff,#4b6cff,#18d7ff);background-clip:text;color:transparent}
.tea-value-dashboard strong,.tea-value-dashboard small{display:block}
.tea-value-dashboard strong{font-size:14px;margin-top:11px}
.tea-value-dashboard small{color:#969bb8;font-size:10px;line-height:1.55;margin-top:5px}
.insight-card{margin-top:29px;background:radial-gradient(circle at 90% 0,rgba(117,76,225,.15),transparent 42%),linear-gradient(145deg,rgba(25,28,70,.9),rgba(8,15,42,.96))}
.tea-pipeline{margin-top:35px}
.tea-pipeline-list{display:grid;gap:14px}
.tea-pipeline-card{position:relative;display:grid;grid-template-columns:128px 1fr;align-items:center;gap:18px;width:100%;min-height:158px;padding:15px;text-align:left;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:radial-gradient(circle at 84% 0,rgba(122,60,255,.1),transparent 33%),linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 17px 38px rgba(0,0,0,.2);transition:transform .18s,border-color .18s}
.tea-pipeline-card:hover{transform:translateY(-2px);border-color:rgba(145,106,255,.55)}
.tea-pipeline-card.featured{border-color:rgba(145,106,255,.58);background:radial-gradient(circle at 0 35%,rgba(122,60,255,.3),transparent 48%),linear-gradient(100deg,rgba(65,38,116,.75),rgba(255,255,255,.045))}
.pipeline-art{width:128px;height:128px;display:grid;place-items:center;border-radius:20px;font:normal 52px/1 serif;color:#e5dcff;background:radial-gradient(circle at 24% 18%,rgba(181,139,255,.8),transparent 44%),linear-gradient(150deg,#342473,#10285b 75%);border:1px solid rgba(225,211,255,.22);box-shadow:inset 0 1px rgba(255,255,255,.2),0 13px 28px rgba(0,0,0,.25)}
.pipeline-art{position:relative;overflow:hidden;font-size:0;background:url('/assets/tea-personal-concept-v1.png') center/cover no-repeat}
.tea-pipeline-card:nth-child(2) .pipeline-art{background:radial-gradient(circle at 26% 20%,rgba(237,196,140,.65),transparent 48%),linear-gradient(145deg,#684479,#263c68)}
.tea-pipeline-card:nth-child(2) .pipeline-art{background:url('/assets/tea-gift-concept-v1.png') center/cover no-repeat}
.tea-pipeline-card:nth-child(3) .pipeline-art{background:radial-gradient(circle at 26% 20%,rgba(96,205,229,.53),transparent 48%),linear-gradient(145deg,#294b89,#1a284b)}
.tea-pipeline-card:nth-child(3) .pipeline-art{background:url('/assets/tea-supply-concept-v1.png') center/cover no-repeat}
.tea-pipeline-card:nth-child(4) .pipeline-art{background:radial-gradient(circle at 26% 20%,rgba(168,207,161,.5),transparent 48%),linear-gradient(145deg,#405680,#1b2b54)}
.tea-pipeline-card:nth-child(4) .pipeline-art{background:url('/assets/tea-salon-concept-v1.png') center/cover no-repeat}
.pipeline-copy b{display:block;font-size:48px;line-height:.95;color:#c4b0ff;letter-spacing:-.05em}
.pipeline-copy strong,.pipeline-copy small,.pipeline-copy em{display:block}
.pipeline-copy strong{font-size:19px;margin:5px 0}
.pipeline-copy small{font-size:11px;color:#aeb1c8}
.pipeline-copy em{font-size:11px;color:#cbbaff;font-weight:700;font-style:normal;margin-top:12px}
.product-story{margin-top:28px}
.tea-trust{margin-top:27px;padding:0;overflow:hidden}
.tea-trust-toggle{display:flex;align-items:center;gap:14px;width:100%;min-height:100px;padding:18px;border:0;background:radial-gradient(circle at 0 50%,rgba(93,75,193,.2),transparent 45%);text-align:left}
.tea-trust-mark{width:54px;height:54px;display:grid;place-items:center;flex:none;border-radius:17px;font-size:28px;color:#e4d7ff;background:linear-gradient(135deg,#594099,#1c3d73);box-shadow:0 0 20px rgba(114,82,215,.2)}
.tea-trust-toggle>span:nth-child(2){display:grid;gap:3px;min-width:0}
.tea-trust-toggle small{color:#b4a0ff;font-size:9px;font-weight:800;letter-spacing:.14em}
.tea-trust-toggle strong{font-size:20px}
.tea-trust-toggle em{font-size:10px;color:#9aa0ba;font-style:normal}
.tea-trust-toggle>b{margin-left:auto;color:#cbbaff;font-size:11px;white-space:nowrap}
.tea-trust-body{padding:0 22px 22px;color:#aeb4ce;font-size:12px;line-height:1.75}
.tea-trust-body>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.tea-trust-body>div span{padding:12px;border:1px solid rgba(157,138,224,.2);border-radius:12px;background:rgba(255,255,255,.035)}
.studio-identity{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:16px;background:radial-gradient(circle at 0 0,rgba(105,67,213,.2),transparent 45%),linear-gradient(135deg,rgba(33,34,76,.91),rgba(11,17,42,.95))}
.studio-identity-avatar{width:66px;height:66px;flex:none;display:grid;place-items:center;border-radius:50%;font:normal 31px/1 serif;color:#e8dbff;background:radial-gradient(circle at 26% 18%,#a48bea,#5545a4 55%,#152448);border:1px solid rgba(208,189,255,.4)}
.studio-identity-copy h2{margin:0;font-size:20px}.studio-identity-copy h2 span{font-size:11px;color:#a7a1c3}.studio-identity-copy p{margin:4px 0;color:#c1c0d2;font-size:12px}.studio-identity-copy small{color:#9fffd8;font-size:11px}.studio-identity-copy small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#68f3c1;margin-right:5px}.studio-identity-badge{margin-left:auto;border:1px solid rgba(162,145,227,.32);border-radius:999px;padding:7px 10px;white-space:nowrap;color:#d8cef7;font-size:10px}
.lounge-switcher[data-current="chat"] [data-lounge-route="chat"]{border-color:rgba(128,106,255,.28);color:#fff;background:linear-gradient(135deg,rgba(122,60,255,.3),rgba(47,125,255,.2))}
.lounge-switcher[data-current="chat"] [data-lounge-route="chat"]>i{background:#69f4c2;box-shadow:0 0 9px rgba(105,244,194,.44)}
.lounge-switcher__icon{font-size:19px}
.shell.studio-mode .lounge-switcher{left:auto;right:20px}
@media(max-width:800px){.hero-round{right:15px}.hero-cover{min-height:78dvh;max-height:none}.tea-assessment{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero-cover{height:78dvh;min-height:620px}.hero-top{top:18px;left:15px}.hero-bottom{bottom:32px}.lounge-content{padding:0 13px 70px}.profile-card{padding:18px 16px}.profile-main{grid-template-columns:74px 1fr;gap:11px}.profile-avatar{width:74px;height:74px;font-size:31px}.profile-main h2{font-size:23px}.profile-main h2 span{font-size:11px}.profile-main p:last-child{font-size:11px}.profile-tags{margin:16px 0}.profile-foot p{max-width:180px}.lounge-value-intro h2{font-size:30px}.tea-assessment{display:block}.tea-assessment-art{min-height:205px}.tea-assessment-art strong{width:108px;height:108px;font-size:61px}.tea-assessment-body{padding:20px}.tea-assessment-body h2{font-size:23px}.tea-value-dashboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tea-value-dashboard>div{padding:11px 8px;min-height:162px}.tea-value-dashboard strong{font-size:12px}.tea-value-dashboard small{font-size:9px}.tea-pipeline-card{grid-template-columns:96px 1fr;gap:11px;min-height:122px;padding:11px;border-radius:19px}.pipeline-art{width:96px;height:96px;font-size:41px;border-radius:15px}.pipeline-copy b{font-size:32px}.pipeline-copy strong{font-size:15px}.pipeline-copy small,.pipeline-copy em{font-size:9px}.tea-trust-toggle{padding:13px}.tea-trust-toggle strong{font-size:16px}.tea-trust-mark{width:42px;height:42px}.tea-trust-body>div{grid-template-columns:1fr}.studio-identity{padding:12px}.studio-identity-avatar{width:52px;height:52px;font-size:25px}.studio-identity-badge{font-size:9px}.shell.studio-mode .lounge-switcher{right:12px}}
@media(max-width:560px){.agent-grid.full{grid-template-columns:1fr}.agent-grid.full .agent-card{display:flex;align-items:center;min-height:104px;padding:13px}.agent-grid.full .agent-card img{width:64px;height:64px;flex:none;margin:0}.agent-grid.full .agent-card b{font-size:13px}.agent-grid.full .agent-card small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.shell:has(#lounge.active) .hero-image,.hero-cover:after{animation:none}}
.tea-assessment-art .tea-assessment-ring,.tea-assessment-art strong,.tea-assessment-art small{display:none!important}
.tea-pipeline-card .pipeline-art{font-size:0!important;color:transparent}
