:root{--teal:#00a5b4;--teal-dark:#008e9e;--blue:#0874ac;--ink:#0c365b;--muted:#6786a7;--pale:#e9faff;--line:#cce9f5;--card:#ffffffee;--sh:0 14px 36px rgba(35,124,170,.08)}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink)}body{background:#ddf5fc}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #07b5c8;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.app-frame{width:100%;min-height:640px;height:100dvh;margin:auto;max-width:2100px;display:grid;grid-template-columns:296px minmax(0,1fr) 320px;gap:0;overflow:hidden;padding:9px;background:linear-gradient(105deg,#ecfbff 0%,#dceefa 34%,#effcff 70%,#d6f4ff 100%)}
.sidebar,.center-panel,.right-panel{min-width:0;min-height:0;overflow:hidden;background:rgba(255,255,255,.72);border:1px solid rgba(152,210,234,.58);box-shadow:0 7px 30px rgba(36,116,157,.045)}
.sidebar{border-radius:22px 0 0 22px;display:flex;flex-direction:column;padding:18px 17px 14px;background:linear-gradient(155deg,#fdfefe 0%,#f6fcff 44%,#e9f8ff 100%)}
.brand-row{display:flex;align-items:center;gap:11px;margin-bottom:20px;position:relative}.avatar{display:block;object-fit:cover;border-radius:50%;background:#e5faff;border:2px solid #c6f1ff;box-shadow:0 4px 12px rgba(0,157,184,.09)}.brand-avatar{height:62px;width:62px}.brand-name{display:block;font-size:22px;color:#09375b;font-weight:800;letter-spacing:-.7px;line-height:1.2}.brand-caption{display:block;font-size:11px;color:#7793ad;margin-top:6px}.new-chat{display:block;background:linear-gradient(117deg,#03b8c2,#007b95);border:0;border-radius:11px;color:white;font-weight:700;height:51px;width:100%;font-size:15px;letter-spacing:.3px;box-shadow:0 9px 21px rgba(3,152,177,.12)}.new-chat:hover,.send-btn:hover,.intro-start:hover{filter:brightness(1.07);transform:translateY(-1px)}
.side-section-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6688a3;gap:10px}.link-btn{border:0;background:transparent;color:#008eaa;padding:3px 0;font-size:12px}.faq-group{display:flex;flex-direction:column;min-height:0;margin-top:19px;flex:0 1 auto;max-height:52%}.faq-categories{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#afddec transparent;margin-top:9px}.category{width:100%;border:0;background:none;color:#335e86;font-size:13px;display:flex;align-items:center;text-align:left;padding:11px 8px;border-radius:10px;gap:12px}.category-icon{width:20px;height:20px;display:inline-grid;place-items:center;color:#235d98;font-weight:500;font-size:17px}.category:hover,.category.active{background:#dff8ff;color:#006e93}.category.active .category-icon{color:#00a3b0}
.history-group{border-top:1px solid #e0edf5;min-height:100px;display:flex;flex-direction:column;margin-top:12px;padding-top:12px;flex:1}.history-list{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#bedde9 transparent;margin-top:8px}.history-empty{font-size:11px;line-height:1.7;color:#96acc2}.history-group-label{font-size:11px;color:#87a0b8;margin:9px 5px 5px}.history-item{display:flex;align-items:center;border-radius:8px}.history-item:hover,.history-item.current{background:#e7f8fe}.history-open{border:0;background:transparent;text-align:left;color:#35658a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;font-size:12px;padding:10px 7px}.history-trash{color:#91a8b8;border:0;background:none;font-size:17px;padding:5px 8px}.history-trash:hover{color:#d44f60}.sidebar-info{border-radius:14px;background:linear-gradient(150deg,#d3f4ff,#fff 55%,#c4ebff);border:1px solid #c2eafb;min-height:105px;margin-top:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;gap:5px}.sidebar-info:before{content:"";position:absolute;border:2px solid #ffffffb0;transform:rotate(-27deg);border-radius:50%;width:260px;height:130px;top:33px;left:73px}.sidebar-info strong{font-size:14px;z-index:1;color:#133e63}.sidebar-info small{font-size:11px;color:#7295b4;z-index:1}.sidebar-symbol{font-size:33px;color:#01add1;z-index:1}.close-sidebar{display:none}
.center-panel{background:linear-gradient(180deg,#f9fdff,#e9f9ff 58%,#f4fcff 100%);display:flex;flex-direction:column;border-right:0;border-left:0}.chat-header{height:79px;flex:0 0 79px;background:rgba(255,255,255,.75);border-bottom:1px solid #daebf4;display:flex;align-items:center;gap:11px;padding:0 26px}.header-avatar{width:48px;height:48px}.chat-heading strong{display:block;font-size:18px;font-weight:800}.chat-heading small{font-size:11px;color:#8098b2;display:block;margin-top:3px}.top-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-left:auto;color:#6595b6;font-size:13px;white-space:nowrap}.top-nav button{border:0;background:transparent;color:#386184;font-size:13px;padding:8px 0}.top-nav button:hover{color:#019fb0}.header-right{display:flex;align-items:center;gap:9px;margin-left:auto;white-space:nowrap}.login-btn{border:1px solid #9bdaf1;border-radius:25px;background:#fff;padding:8px 12px;color:#058db0;font-size:12px}.replay-btn{border:0;background:#e9faff;border-radius:21px;padding:8px 11px;color:#068eaa;font-size:11px}.build-tag{font-size:10px;color:#a8bed1}.mobile-menu{display:none;border:0;background:transparent;color:var(--ink);font-size:22px}
.chat-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c1dfec transparent;display:flex;flex-direction:column;padding:30px 26px 16px;background:radial-gradient(ellipse 85% 80% at 68% 20%,rgba(178,233,255,.48),transparent 71%),linear-gradient(180deg,#ffffff30,transparent 63%)}.landing{display:flex;flex-direction:column;gap:16px;max-width:1100px;width:100%;margin:7px auto auto}.hero{height:348px;flex:none;position:relative;overflow:hidden;border-radius:19px;border:1px solid #c2e7fa;background:linear-gradient(111deg,#f0faff 0%,#f6fcff 41%,#d3f3ff 100%);box-shadow:var(--sh)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 96% 45%,#77dfff6b,transparent 31%),repeating-linear-gradient(-42deg,transparent,transparent 55px,#ffffff28 56px,transparent 57px);pointer-events:none}.hero-halo{position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid #b1e8ff;top:-36px;right:3%;transform:rotate(-23deg);box-shadow:0 0 48px 10px #bef9ff77}.hero-grid{position:absolute;bottom:0;right:0;width:50%;height:100%;background:linear-gradient(to left,rgba(211,246,255,.04),transparent 95%);pointer-events:none}.hero-character{position:absolute;right:0;top:0;width:auto;height:480px;object-fit:contain;opacity:.98;filter:drop-shadow(-7px 10px 15px #9edbf233)}.hero-copy{position:relative;z-index:2;width:59%;padding:42px 0 0 37px;pointer-events:none}.hero-kicker{font-size:10px;color:#459bc4;letter-spacing:2px;font-weight:700}.hero-copy h1{font-size:clamp(25px,2.25vw,40px);margin:15px 0 7px;white-space:nowrap;letter-spacing:-1.4px;color:#08375f;line-height:1.2}.hero-copy h1 em{font-style:normal;color:#00aabc}.hero-copy h2{margin:0;color:#1b5284;font-weight:600;font-size:20px;letter-spacing:1px}.hero-copy p{font-size:13px;line-height:1.8;max-width:450px;color:#4e7398;margin:16px 0 0}.hello-bubble{position:absolute;right:32%;top:17px;z-index:3;transform:rotate(-9deg);background:#fff;border:1px solid #e6f5fd;border-radius:48% 50% 40% 55%;padding:13px 22px;color:#123f6a;box-shadow:0 6px 19px #70cfe522;font-size:15px;font-weight:700;line-height:1.25;text-align:center}.hello-bubble span{color:#00aeba;font-size:21px;position:absolute;right:-11px;top:-16px}.hero-benefits{position:absolute;left:22px;right:36%;height:70px;bottom:14px;background:rgba(255,255,255,.85);border:1px solid #f0fbff;border-radius:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:0 13px;gap:3px;z-index:3;box-shadow:0 3px 14px #7bc9e313;backdrop-filter:blur(9px)}.hero-benefits>div{display:grid;grid-template-columns:29px auto;grid-template-rows:auto auto;column-gap:4px;align-items:center;min-width:0}.hero-benefits b{font-size:12px;color:#164464;white-space:nowrap}.hero-benefits small{font-size:10px;color:#84a4bc;grid-column:2;white-space:nowrap}.benefit-icon{color:#00afc1;font-size:23px;grid-row:1 / span 2}.benefit-icon.blue{color:#00a0f1}.benefit-icon.heart{color:#2ebff0}.benefit-icon.teal{color:#00a8af}.hero-tags{display:flex;justify-content:center;gap:17px;flex-wrap:wrap}.hero-tags span{font-size:12px;color:#2d8bb1;background:rgba(255,255,255,.84);border:1px solid #d0eefa;border-radius:28px;padding:11px 21px;box-shadow:0 2px 10px #7ccce715}
.chat-bottom{flex:none;border-top:1px solid #e2f2f8;background:linear-gradient(180deg,rgba(231,248,255,.62),rgba(240,251,255,.95));padding:10px 22px 8px}.suggestions{min-height:110px}.suggestion-header{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 10px;color:#1a668e}.suggestion-header strong{font-size:14px}.suggestion-header div{display:flex;gap:9px}.suggestion-header button{border:0;background:none;color:#078fb2;font-size:12px}.suggestion-grid{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 9px;max-height:101px;overflow-y:auto;scrollbar-width:thin}.question-chip{border:1px solid #c5eaff;background:#ffffffeb;color:#20587f;padding:11px 17px;border-radius:28px;font-size:12px;box-shadow:0 3px 10px rgba(100,174,216,.045);text-align:left;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.question-chip:hover{border-color:#37bdd8;background:#e9fcff}.suggestions.collapsed{min-height:32px}.suggestions.collapsed .suggestion-grid{display:none}
.composer{border:1px solid #cdebf8;border-radius:20px;background:#fff;box-shadow:0 6px 18px #61b9db0e;padding:12px 18px 11px;display:flex;flex-direction:column}.composer textarea{width:100%;border:0;outline:0;resize:none;height:35px;min-height:35px;max-height:108px;line-height:1.5;color:#184768;font-size:14px;background:transparent}.composer textarea::placeholder{color:#92acc4}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;height:36px}.composer-left{display:flex}.attachment-btn{border:0;border-radius:20px;padding:7px 12px;font-size:12px;background:#eff7fc;color:#4e83a8}.composer-actions{display:flex;align-items:center;gap:25px}.detail-switch{display:flex;align-items:center;font-size:12px;color:#4b7090;gap:6px;cursor:pointer}.detail-switch input{position:absolute;opacity:0}.switch-track{width:35px;height:20px;background:#cbd6e3;border-radius:25px;display:block;position:relative;transition:background .2s}.switch-track:before{content:"";position:absolute;width:14px;height:14px;top:3px;left:3px;background:#fff;border-radius:50%;transition:transform .2s}.detail-switch input:checked+.switch-track{background:var(--teal)}.detail-switch input:checked+.switch-track:before{transform:translateX(15px)}.send-btn{border:0;border-radius:13px;background:linear-gradient(135deg,#08bbc0,#007db1);width:46px;height:44px;color:#fff;font-size:26px;box-shadow:0 6px 14px #00a8c52d;transition:.15s}.bottom-consent{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 4px 1px;color:#829bb4;font-size:11px}.save-label{display:flex;align-items:center;gap:3px;cursor:pointer}.save-label input{accent-color:#00a3af}.legal-text{text-align:center;font-size:10px;color:#98aec1;margin:3px 0 0}
.right-panel{border-radius:0 22px 22px 0;position:relative;display:flex;flex-direction:column;align-items:center;background:linear-gradient(173deg,#e6faff 0%,#e7f8ff 30%,#d7f1fe 77%,#f1fcff 100%);padding:20px 13px 12px}.right-panel:before{content:"";position:absolute;top:140px;left:-85px;width:400px;height:480px;border-radius:55%;border:1px solid #a9e9fa66;transform:rotate(-25deg);pointer-events:none}.right-kicker{font-size:11px;white-space:nowrap;letter-spacing:.2px;color:#058da5;font-weight:650;background:#defcff;border:1px solid #b6eaf2;padding:8px 13px;border-radius:25px;z-index:1}.right-title{z-index:1;text-align:center;margin:18px 0 0}.right-title strong{font-weight:820;color:#073b60;font-size:31px;line-height:1.25;letter-spacing:-.8px}.right-title p{font-size:12px;color:#456a8a;margin:6px 0 0}.right-slogan{font-family:"KaiTi","STKaiti",serif;text-align:center;color:#009fac;font-size:22px;line-height:1.35;font-weight:600;transform:rotate(-5deg);margin:13px 0 12px;z-index:1}.right-illustration{width:100%;min-height:0;flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:17px;background:linear-gradient(180deg,#e7f9ff,#e3f5fd);box-shadow:0 4px 12px #50a6ca16}.right-illustration img{height:100%;width:100%;object-fit:contain;object-position:center center}.right-features{width:100%;margin-top:9px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;z-index:1}.right-features>div{border-radius:13px;background:#effcffc9;text-align:center;padding:8px 1px 6px;min-width:0}.right-features span{display:block;color:#00a6b7;font-size:25px;line-height:1.2}.right-features b{font-size:10px;color:#3c6b8a;white-space:nowrap}
.message-line{display:flex;gap:11px;align-items:start;min-width:0}.chat-bubble-wrap{margin:12px 2px;width:100%;display:flex;flex-direction:column}.chat-bubble-wrap.user .message-line{justify-content:flex-end}.chat-bubble-wrap.user .chat-bubble{background:linear-gradient(145deg,#039da8,#008b9c);color:#fff;max-width:70%;border-radius:18px 18px 4px 18px}.chat-bubble-wrap.assistant .message-line{justify-content:flex-start}.chat-bubble{font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;padding:13px 17px;max-width:80%;border-radius:18px 18px 18px 4px;background:#edf7fb;color:#214969}.chat-avatar{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid #dcf9ff;flex:none}.chat-meta{font-size:11px;margin:5px 0 0 47px;color:#93b0c3}.chat-bubble-wrap.user .chat-meta{text-align:right;margin-right:8px}.chat-scroll.chatting{background:linear-gradient(180deg,#fafefe,#f5fcff)}.toast{position:fixed;z-index:300;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#104b67;color:#fff;border-radius:12px;padding:11px 20px;font-size:13px;transition:all .2s}.toast.show{transform:translate(-50%,0);opacity:1}
.intro-overlay[hidden]{display:none!important}.intro-overlay{position:fixed;z-index:100;inset:0;background:#e9faff;display:flex;overflow:hidden;align-items:stretch;justify-content:center}.intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;display:none}.intro-overlay.playing .intro-video{display:block}.intro-overlay.playing .intro-fallback{display:none}.intro-fallback{height:100%;width:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:35px;align-items:center;padding:7vw;max-width:1650px;margin:auto;position:relative}.intro-copy{z-index:1}.intro-mini{font-size:13px;letter-spacing:2px;color:#078da9;font-weight:700}.intro-copy h1{font-size:clamp(35px,4vw,64px);letter-spacing:-2px;color:#073b60;line-height:1.2}.intro-copy h1 em{font-style:normal;color:#00b3bf}.intro-copy p{font-size:21px;color:#397f98}.intro-figure{max-height:80vh;max-width:100%;justify-self:center;object-fit:contain;border-radius:20px;filter:drop-shadow(0 16px 33px #4ba4c139)}.intro-start{padding:14px 28px;border:0;border-radius:12px;background:linear-gradient(110deg,#00aeb8,#008eae);color:#fff;font-weight:700;margin-top:18px}.intro-top{position:absolute;top:23px;left:max(32px,5vw);right:max(32px,5vw);z-index:5;display:flex;align-items:center;justify-content:space-between}.intro-brand{display:flex;align-items:center;gap:10px;font-size:17px;color:#144a68}.intro-brand img{width:42px;height:42px;border-radius:50%}.intro-brand small{font-size:11px;color:#839fb4}.intro-top button{background:#fffffff0;border:1px solid #b5e1ee;border-radius:24px;padding:9px 16px;color:#3180a0}
@media(max-width:1350px){.app-frame{grid-template-columns:258px minmax(0,1fr) 276px}.sidebar{padding:14px 13px}.chat-header{padding:0 16px}.hero-copy{padding-left:25px}.hero-copy h1{font-size:30px}.hero-copy h2{font-size:17px}.hero-benefits{right:32%}.hero-benefits small{font-size:9px}.hello-bubble{right:30%;font-size:12px}.right-title strong{font-size:26px}.right-slogan{font-size:19px}}
@media(max-width:1100px){.app-frame{grid-template-columns:248px minmax(0,1fr)}.right-panel{display:none}.center-panel{border-radius:0 21px 21px 0}.hero{height:345px}.hero-copy{width:60%}}
@media(max-width:720px){.app-frame{display:flex;padding:0;min-height:0;height:100dvh}.center-panel{width:100%;border-radius:0}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(82vw,310px);z-index:60;border-radius:0 18px 18px 0;transform:translateX(-105%);transition:transform .2s;box-shadow:5px 0 20px #28617b32}.sidebar.open{transform:translateX(0)}.close-sidebar{display:block;margin-left:auto;background:transparent;border:0;font-size:25px;color:#4780a0}.mobile-menu{display:block}.chat-header{height:63px;flex-basis:63px;padding:0 12px;gap:8px}.header-avatar{width:38px;height:38px}.chat-heading strong{font-size:15px}.top-nav,.build-tag{display:none}.header-right{margin-left:auto}.replay-btn{font-size:10px;padding:6px}.chat-scroll{padding:14px 12px 10px}.landing{margin:0}.hero{height:330px}.hero-copy{width:95%;padding:32px 10px 0 17px}.hero-copy h1{font-size:23px;white-space:normal}.hero-copy h2{font-size:14px;line-height:1.5}.hero-copy p{font-size:11px;line-height:1.6;max-width:235px}.hero-kicker{font-size:8px}.hero-character{width:auto;height:385px;top:-15px;right:-80px;opacity:.26}.hello-bubble{display:none}.hero-benefits{right:12px;left:12px;bottom:9px;height:58px}.hero-benefits>div{grid-template-columns:19px auto}.hero-benefits b{font-size:9px}.hero-benefits small{font-size:8px}.benefit-icon{font-size:15px}.hero-tags{gap:6px}.hero-tags span{padding:7px 10px;font-size:10px}.chat-bottom{padding:7px 9px}.suggestions{min-height:72px}.suggestion-grid{max-height:81px;gap:6px}.question-chip{font-size:11px;padding:8px 11px}.composer{padding:10px 12px}.bottom-consent{font-size:9px}.legal-text{font-size:9px}.chat-bubble{max-width:85%}.intro-fallback{grid-template-columns:1fr;padding:88px 25px 45px;gap:20px;overflow:auto}.intro-figure{height:40vh;grid-row:1}.intro-copy h1{font-size:34px}.intro-copy{grid-row:2;text-align:center}.intro-copy p{font-size:16px}}
@media(max-height:770px) and (min-width:721px){.app-frame{min-height:0}.sidebar-info{min-height:72px}.faq-group{max-height:50%}.chat-scroll{padding-top:13px}.hero{height:295px}.hero-copy{padding-top:23px}.hero-tags span{padding:7px 15px}.chat-bottom{padding-top:6px}.suggestions{min-height:83px}.suggestion-grid{max-height:54px}.right-title{margin:10px 0 0}.right-slogan{font-size:18px;margin:7px 0}.right-panel{padding-top:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Fine Vision V13: exact V12 layout retained; new high-resolution hero artwork. */
.hero{isolation:isolate;background:linear-gradient(111deg,#f0faff,#e9f9ff)}
.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0}
.hero::before{z-index:1;background:linear-gradient(90deg,rgba(241,251,255,.94) 0%,rgba(241,251,255,.89) 34%,rgba(241,251,255,.58) 48%,rgba(241,251,255,0) 70%)}
.hero-copy{z-index:2;text-shadow:0 1px 2px rgba(255,255,255,.5)}
.hero-benefits{z-index:3}
.hero-halo,.hero-grid{display:none}
/* Replace the old pop-in with a full-viewport silent film and a soft cross-fade. */
.intro-overlay{background:#eaf8ff;opacity:1;transition:opacity .52s ease}
.intro-overlay.leaving{opacity:0;pointer-events:none}
.intro-video{object-fit:cover;object-position:center center;max-width:none;border:0;outline:0}
.intro-overlay.playing .intro-video{display:block}
.intro-overlay.playing .intro-top{opacity:0;pointer-events:none}
.intro-overlay:not(.playing) .intro-top{opacity:1}
@media(max-width:720px){
  .hero-scene{object-position:62% center;opacity:.36}
  .hero::before{background:linear-gradient(90deg,rgba(241,251,255,.96) 0%,rgba(241,251,255,.87) 58%,rgba(241,251,255,.45) 100%)}
  .hero-copy{z-index:3}
}
@media(prefers-reduced-motion:reduce){.intro-overlay{transition:none}}

/* V14: Full-bleed sound-capable cinematic intro. Main/chat styles untouched. */
.intro-overlay{background:radial-gradient(circle at 50% 48%,#d6f7ff 0%,#ebf9ff 72%);}
.intro-video{display:block;visibility:hidden;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;background:transparent;border:0;outline:0;z-index:2;}
.intro-overlay.playing .intro-video{display:block;visibility:visible;}
.intro-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#27778f;font-weight:600;font-size:14px;letter-spacing:.06em;z-index:1;}
.intro-overlay.playing .intro-loading{display:none;}
.intro-overlay .intro-top,.intro-overlay.playing .intro-top{opacity:1;pointer-events:auto;z-index:5;}
.intro-overlay .intro-brand{background:#ffffffab;border-radius:60px;padding:5px 12px;backdrop-filter:blur(8px);}
.intro-controls{display:flex;align-items:center;gap:10px;}
.intro-controls button{background:#ffffffdd;border:1px solid #b5e1ee;border-radius:26px;padding:9px 16px;color:#267a94;cursor:pointer;box-shadow:0 5px 16px rgba(10,93,121,.08);}
.intro-controls button:hover{background:white;}
@media(max-width:720px){.intro-top{left:12px;right:12px;top:12px}.intro-brand b{font-size:13px}.intro-brand small{display:none}.intro-controls{gap:5px}.intro-controls button{font-size:11px;padding:8px 9px}.intro-video{object-position:center center}}

/* V15: Welcome playback preference button; main layout and brand colors unchanged. */
.welcome-toggle{border:1px solid #9bdaf1;border-radius:25px;background:#fff;padding:8px 12px;color:#058db0;font-size:12px;white-space:nowrap;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.welcome-toggle:hover{background:#e8faff;border-color:#31b2cc}
.welcome-toggle[aria-pressed="true"]{background:#e7f8fc;border-color:#b5e2ee;color:#456e80}
.intro-controls #intro-sound.needs-click{background:#ffffff;color:#026e98;border-color:#34b6d1;box-shadow:0 0 0 3px rgba(60,203,229,.2)}
@media(max-width:720px){.welcome-toggle{font-size:10px;padding:6px 8px}}

/* V16: signed-off V15 palette and three-column proportions retained.
   Lift the entire recommendation/composer unit into the requested visual band.
   Keep legal notice readable, and avoid modifying the hero or right mascot. */
@media (min-width: 721px) and (min-height: 800px) {
  .chat-bottom {
    margin-bottom: 18px;
    padding-top: 9px;
    padding-bottom: 6px;
    border-radius: 0 0 16px 16px;
  }
  .suggestion-grid {
    gap: 8px 10px;
    padding-bottom: 6px;
  }
}
@media (max-width: 720px), (max-height: 799px) {
  .chat-bottom { margin-bottom: 0; }
}
/* The approved right-side slogan is no longer a medical outcome guarantee. */
.right-slogan { letter-spacing: .035em; }