@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#182334;--muted:#667080;--paper:#f4f2eb;--orange:#f37b53;--blue:#3452c4;--edge:#dcdedb}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#dce4fd,transparent 48%),radial-gradient(ellipse at 0% 90%,#ffe0c5,transparent 50%),var(--paper)}.top{flex:0 0 52px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,48px);border-bottom:1px solid #24344914;background:#ffffff90;backdrop-filter:blur(14px);z-index:3}.brand{font-family:'Space Grotesk';font-weight:700;letter-spacing:-1.2px;font-size:24px}.brand i{font-style:normal;color:var(--orange)}.topright{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.dot{width:8px;height:8px;background:#2da878;border-radius:50%;box-shadow:0 0 0 4px #2da8781e}.reset{border:1px solid var(--edge);background:white;border-radius:40px;padding:8px 13px;color:var(--ink)}.viewport{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#b8bfca transparent}.story{padding:clamp(14px,2.5vh,30px) clamp(16px,4vw,64px) 30px;display:flex;flex-direction:column;gap:clamp(8px,1.2vh,15px);min-height:100%}.opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,22%);gap:clamp(10px,2vw,28px);align-items:center;position:relative;max-height:30vh}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--blue)}h1,h2,h3,p{margin-top:0}.opening h1{font-family:'Space Grotesk';font-size:clamp(30px,5.2vw,76px);line-height:.98;letter-spacing:-.075em;margin:8px 0}.opening h1 em{font-style:normal;color:var(--orange)}.opening p{color:var(--muted);font-size:clamp(12px,1.15vw,16px);line-height:1.35;margin:0}.host{position:relative;justify-self:end;width:min(100%,230px);height:clamp(92px,20vh,205px);overflow:hidden;border-radius:22px 70px 18px 70px;background:#d3b9a3;transform:rotate(2deg);box-shadow:12px 10px 0 #f9c2a9}.host img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.hostlabel{position:absolute;bottom:0;right:0;background:var(--ink);color:white;padding:7px 13px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.status{font-size:11px;color:var(--blue);font-weight:700;min-height:14px}.scene{position:relative;animation:rise .35s both}.scene.previous{opacity:.8}.scene.previous .scene-body{display:none}.scene-summary{display:none;align-items:center;gap:10px;border:1px solid var(--edge);border-radius:14px;background:#ffffffa0;padding:10px 13px;width:fit-content;max-width:100%;font-size:12px;color:var(--ink)}.scene.previous .scene-summary{display:flex}.scene.previous.expanded .scene-body{display:block}.scene.previous.expanded .scene-summary{margin-bottom:10px}.scene-body{padding-left:clamp(0px,2vw,25px)}.speaker{display:flex;align-items:center;gap:8px;margin-bottom:5px;color:var(--blue);font-weight:800;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.speaker:before{content:'';height:7px;width:7px;background:var(--orange);transform:rotate(45deg)}.hostline{font-family:'Space Grotesk';font-size:clamp(15px,1.6vw,22px);font-weight:500;line-height:1.3;max-width:900px;margin:0}.userline{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid #1a2b3925;border-bottom:1px solid #1a2b3925;width:fit-content;max-width:100%;font-size:clamp(13px,1.35vw,18px);font-weight:600}.userline:before{content:'DU';font-size:10px;letter-spacing:.15em;color:var(--orange);font-weight:800}.typing{display:flex;gap:5px;padding:8px 0}.typing i{width:7px;height:7px;background:var(--blue);border-radius:50%;animation:bounce 1s infinite}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}.film-header{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:7px 0}.film-header h2{font-family:'Space Grotesk';font-size:clamp(17px,2.2vw,30px);letter-spacing:-.05em;margin:0}.film-header small{color:var(--muted);font-size:11px}.posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.5vw,18px);max-width:720px}.poster{border:0;background:none;padding:0;text-align:left;color:var(--ink);min-width:0}.poster img{width:100%;height:clamp(70px,17vh,180px);object-fit:cover;object-position:top;border-radius:12px;display:block;box-shadow:0 8px 19px #26324930;transition:transform .2s}.poster:hover img{transform:translateY(-4px)}.poster b{display:block;font-size:clamp(11px,1vw,14px);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster small{font-size:10px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.action{background:#fff9;border:1px solid #b7bdcb;border-radius:99px;padding:9px 14px;font-weight:700;font-size:12px;color:var(--ink)}.action:hover{background:#e0e8ff}.composer{flex:none;z-index:5;padding:8px clamp(12px,4vw,64px) max(10px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#f4f2eb 20%)}.inputwrap{display:flex;align-items:center;gap:10px;border:1px solid #bbc2cb;background:#fffffff0;border-radius:18px;padding:7px 8px 7px 16px;box-shadow:0 8px 30px #2632491b}.inputwrap span{color:var(--orange);font-size:24px}.inputwrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;height:34px;font-size:clamp(14px,1.2vw,17px)}.send{border:0;border-radius:12px;background:var(--ink);color:#fff;padding:11px 18px;font-weight:700}.overlay{position:fixed;inset:0;z-index:30;background:#111b29;color:white;overflow:auto;display:none}.overlay.open{display:block;animation:rise .25s}.close{position:fixed;top:15px;right:15px;z-index:35;border:1px solid #ffffff88;border-radius:50%;background:#172436bb;color:white;width:45px;height:45px;font-size:26px}.detailhero{min-height:68vh;background-size:cover;background-position:center;display:flex;align-items:end;padding:clamp(22px,6vw,85px);position:relative}.detailhero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101825ed,transparent 90%),linear-gradient(0deg,#101825 0%,transparent 75%)}.detailtext{position:relative;max-width:770px}.detailtext h1{font-family:'Space Grotesk';font-size:clamp(42px,8vw,110px);line-height:1;letter-spacing:-.06em;margin:12px 0}.detailtext p{line-height:1.6;color:#e3e8ed}.pill{display:inline-block;border:1px solid #ffffff77;border-radius:30px;padding:7px 12px;font-size:12px;margin:3px}.detailbottom{padding:24px clamp(22px,6vw,85px) 70px}.detailbottom button{border:1px solid #ffffff80;background:#ffffff18;color:white;padding:12px 17px;border-radius:30px;margin-right:10px}.library{min-height:100vh;padding:clamp(24px,5vw,70px);background:radial-gradient(ellipse at 85% 0%,#3b5079,transparent 45%),#131c2a}.library h1{font-family:'Space Grotesk';font-size:clamp(38px,6vw,78px);letter-spacing:-.06em;margin:16px 0}.tools{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.tools input,.tools select{padding:12px;border:1px solid #ffffff66;border-radius:12px;background:#ffffff16;color:white;min-width:150px}.tools select option{color:#222}.librarygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:15px}.librarygrid button{border:0;background:none;color:white;text-align:left;padding:0}.librarygrid img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px}.librarygrid b{display:block;font-size:12px;margin-top:5px}.librarygrid small{font-size:10px;color:#b9c5d5}.more{border:1px solid #ffffff99;background:#ffffff22;color:white;border-radius:30px;padding:12px 22px;margin:24px auto;display:block}@keyframes bounce{0%,60%,100%{transform:translateY(0);opacity:.3}30%{transform:translateY(-5px);opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(max-width:600px){.top{flex-basis:47px}.brand{font-size:21px}.topright .statuslabel{display:none}.story{padding:12px 13px;gap:9px}.opening{grid-template-columns:minmax(0,1fr) 88px}.opening h1{font-size:clamp(28px,8vw,42px)}.opening p{font-size:11px}.host{height:100px;border-radius:12px 32px 10px 32px;box-shadow:5px 5px 0 #f9c2a9}.hostlabel{font-size:8px;padding:4px}.poster img{height:clamp(68px,13vh,122px)}.poster b{margin-top:4px}.action{padding:8px 10px;font-size:11px}.inputwrap{padding:5px 6px 5px 12px}.send{padding:10px 12px}.librarygrid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}}@media(max-height:650px){.story{gap:6px}.opening h1{font-size:clamp(26px,4vw,48px)}.host{height:clamp(65px,13vh,110px)}.poster img{height:clamp(50px,11vh,100px)}.action{padding:6px 9px}.composer{padding-top:4px}.inputwrap input{height:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* V18: centered cinematic editorial composition, no split layout */
:root{--ink:#f2f0ed;--muted:#a7a8b2;--paper:#10121a;--orange:#f1a877;--blue:#c4b6ff;--edge:#353742}
body{background:#10121a;color:var(--ink)}
.app{background:radial-gradient(ellipse 55% 35% at 50% -12%,#41415b88,transparent 95%),radial-gradient(ellipse 40% 45% at 95% 85%,#392b3540,transparent),#10121a}
.top{background:#151720dc;border-color:#ffffff12;padding-inline:clamp(16px,3vw,44px)}
.brand{color:#f5f0ea}.brand i{color:#f1a877}
.topright{color:#aaa8b4}.reset{background:#252630;color:#ece8e3;border-color:#444550}
.viewport{scrollbar-color:#555362 transparent}
.story{width:min(100%,1080px);margin:0 auto;padding:clamp(12px,2.2vh,28px) clamp(16px,3vw,38px) 28px;gap:clamp(9px,1.4vh,17px)}
.opening{grid-template-columns:minmax(0,1fr) clamp(95px,17vw,170px);max-height:25vh;gap:22px}
.opening h1{font-size:clamp(32px,4.6vw,65px);letter-spacing:-.065em;color:#f6f1ea}
.opening h1 em{color:#eeb18b}
.opening p{max-width:550px;color:#b4b0ba;font-size:clamp(12px,1.2vw,15px)}
.eyebrow{color:#e7ad8b}
.host{height:clamp(95px,19vh,180px);width:min(100%,165px);transform:none;border-radius:12px 44px 12px 12px;box-shadow:10px 10px 0 #c18b6b33;border:1px solid #e7b79766}
.hostlabel{background:#e8b18a;color:#211c1d;font-weight:800}
.status{color:#bfb0df}
.scene-body{padding-left:0}
.speaker{color:#e6b18c}.speaker:before{background:#e6b18c}
.hostline{color:#eee9e8;font-size:clamp(15px,1.5vw,20px);max-width:850px}
.userline{color:#eee8e3;border-color:#ffffff22}.userline:before{color:#eab08a}
.typing i{background:#e6b18c}
.film-header h2{color:#f3ede7;font-size:clamp(19px,2vw,26px)}
.film-header small,.poster small{color:#aba9b5}
.posters{max-width:640px;gap:clamp(10px,1.6vw,17px)}
.poster{color:#f0ece9}
.poster img{height:clamp(85px,16vh,168px);border-radius:9px;box-shadow:0 14px 30px #0008;border:1px solid #ffffff24}
.poster:hover img{transform:translateY(-5px) scale(1.02)}
.poster b{font-size:clamp(12px,1vw,14px)}
.action{background:#272832;border:1px solid #484650;color:#f0e9e5;padding:9px 14px}
.action:hover{background:#413c46;border-color:#d6a588}
.scene-summary{background:#20222b;border-color:#45434d;color:#f1ebe5}
.composer{padding:8px clamp(12px,3vw,38px) max(10px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#10121a 23%)}
.inputwrap{max-width:1004px;margin:0 auto;border-color:#4c4a53;background:#24242df5;box-shadow:0 12px 35px #0006;border-radius:16px}
.inputwrap span{color:#e7b18c}.inputwrap input{color:#fff}.inputwrap input::placeholder{color:#a7a5ae}
.send{background:#eab28b;color:#201b1b}
.send:hover{background:#f5c6a5}
.dot{background:#7dd6ae;box-shadow:0 0 0 4px #7dd6ae20}
@media(max-width:600px){
.story{padding:12px 14px 20px;gap:9px}
.opening{grid-template-columns:minmax(0,1fr) 82px;gap:10px}
.opening h1{font-size:clamp(27px,7vw,39px)}
.opening p{font-size:11px}
.host{width:82px;height:clamp(82px,13vh,115px);border-radius:9px 28px 9px 9px;box-shadow:5px 5px 0 #c18b6b33}
.poster img{height:clamp(70px,12vh,112px)}
.action{font-size:11px;padding:8px 10px}
.composer{padding-inline:12px}
}
@media(max-height:650px){.opening h1{font-size:clamp(26px,3.5vw,42px)}.host{height:clamp(65px,12vh,105px)}.poster img{height:clamp(56px,10vh,95px)}.story{gap:6px}}


/* V19: host portrait belongs to the conversation, not the hero header */
.opening{display:block;max-height:none;padding-bottom:4px}
.opening h1{font-size:clamp(28px,4vw,48px);margin:4px 0 5px}
.opening p{font-size:clamp(11px,1.1vw,14px)}
.host-intro{position:relative;display:grid;grid-template-columns:clamp(104px,15vw,170px) minmax(0,1fr);column-gap:clamp(15px,2.5vw,30px);align-items:center;min-height:clamp(112px,19vh,180px)}
.host-portrait{grid-row:1 / span 5;grid-column:1;align-self:stretch;position:relative;min-height:105px;max-height:190px;overflow:hidden;border-radius:16px 16px 35px 16px;background:#37313c;border:1px solid #c99e8866;box-shadow:0 14px 38px #0007}
.host-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 23%}
.host-portrait:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#10121bdf);pointer-events:none}
.host-portrait span{position:absolute;bottom:10px;left:10px;right:5px;color:#fff;font-size:clamp(8px,.75vw,11px);font-weight:800;letter-spacing:.07em;z-index:1}
.host-portrait b{display:block;color:#9ee1b7;font-size:9px;letter-spacing:.1em;margin-top:4px}
.host-intro>.speaker,.host-intro>.hostline,.host-intro>.typing{grid-column:2}
.host-intro>.speaker{align-self:end;margin:0}
.host-intro>.hostline{align-self:start;font-size:clamp(15px,1.5vw,21px)}
.host-intro>.film-header,.host-intro>.posters,.host-intro>.actions{grid-column:1/-1}
.host-intro>.posters{max-width:610px}
.scene.previous .host-portrait{display:none}
.scene.previous.expanded .host-portrait{display:block}
@media(max-width:600px){.opening h1{font-size:clamp(26px,7vw,35px)}.host-intro{grid-template-columns:clamp(95px,27vw,130px) minmax(0,1fr);gap:10px;min-height:110px}.host-portrait{min-height:105px;max-height:140px;border-radius:12px 12px 26px 12px}.host-intro>.hostline{font-size:clamp(13px,3.6vw,16px)}.host-portrait span{font-size:8px}.host-intro>.posters{max-width:100%}}
@media(max-height:650px){.host-intro{min-height:85px;grid-template-columns:90px minmax(0,1fr)}.host-portrait{min-height:85px;max-height:105px}.opening p{display:none}}


/* MATRIK V20: immersive atmospheric scene */
:root{--amber:#efb78d;--ink:#f5f0ea;--muted:#b6b0bb}
body,.app{background:#10131d;color:#f5f0ea}
.app{isolation:isolate;position:relative;background:
radial-gradient(ellipse 70% 46% at 50% -18%,#6e526350,transparent 90%),
radial-gradient(ellipse 42% 58% at 102% 56%,#173b5559,transparent 90%),
radial-gradient(ellipse 46% 43% at -5% 84%,#72412d30,transparent 85%),
#10131d}
.app:before{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:-1;opacity:.65;background:
radial-gradient(ellipse 25% 30% at 20% 30%,#af71552b,transparent 85%),
radial-gradient(ellipse 22% 35% at 77% 45%,#6e66b32a,transparent 85%);
animation:ambientDrift 22s ease-in-out infinite alternate}
.app:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.15;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
@keyframes ambientDrift{from{transform:translate(-2%,-1%) scale(1)}to{transform:translate(3%,3%) scale(1.12)}}
.top{background:#141722a6;border-bottom:1px solid #ffffff18;backdrop-filter:blur(22px)}
.brand{color:#f5efe9}.brand i{color:var(--amber)}.topright{color:#c6c0ca}
.reset{background:#ffffff0e;border-color:#ffffff2c;color:#f4efeb}
.story{position:relative}
.story:before{content:"";position:absolute;top:5%;left:50%;width:min(100%,850px);height:350px;transform:translateX(-50%);z-index:-1;pointer-events:none;
background:radial-gradient(ellipse,#d0a08012,transparent 70%);filter:blur(24px)}
.eyebrow,.speaker{color:#e7b28e}.opening h1{color:#fff7ee}.opening h1 em{color:#e9aa87}
.opening p,.film-header small,.poster small{color:#b9b4be}
.status{color:#a6d8c2}.hostline{color:#f5efe9}
.speaker:before{background:#efb78d}
.scene-summary{background:#222630b8;color:#f2ebe6;border-color:#ffffff27}
.userline{color:#f2e9e5;border-color:#ffffff24}.userline:before{color:#efb78d}
.typing i{background:#efb78d}
.film-header h2{color:#fff4ec}.poster{color:#f5eee9}
.poster img{border:1px solid #ffffff30;box-shadow:0 10px 30px #0008}
.action{background:#ffffff12;color:#f8f0e9;border:1px solid #ffffff32;backdrop-filter:blur(10px)}
.action:hover{background:#ffffff25;border-color:#efb78d}
.composer{background:linear-gradient(transparent,#10131de8 32%,#10131d)}
.inputwrap{background:#252832ed;border:1px solid #ffffff30;box-shadow:0 12px 35px #0007}
.inputwrap span{color:#efb78d}.inputwrap input{color:#f7f2ed}.inputwrap input::placeholder{color:#b5b0ba}
.send{background:#efb78d;color:#211c1c}
.send:hover{background:#f7cbaa}
.opening{position:relative;z-index:1}
.host-intro{position:relative;isolation:isolate;overflow:visible}
.host-portrait{position:relative!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
min-height:clamp(130px,22vh,245px)!important;max-height:none!important;align-self:stretch}
.host-portrait:before{content:"";position:absolute;inset:8% -20% -8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 58%,#e4a37a36,transparent 70%);filter:blur(16px)}
.host-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;
-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 46%,transparent 99%),linear-gradient(to right,transparent 0%,#000 20%,#000 78%,transparent 100%);
-webkit-mask-composite:source-in;
mask-image:radial-gradient(ellipse 75% 75% at 50% 34%,#000 45%,transparent 100%);
filter:drop-shadow(0 0 22px #f0ac8250)}
.host-portrait span{position:absolute!important;bottom:0!important;left:0!important;right:auto!important;background:#171a23a6!important;border:1px solid #ffffff28;border-radius:99px;padding:6px 10px!important;backdrop-filter:blur(10px);color:#f7eee9}
.host-portrait span b{color:#8de0b6}
.host-intro>.hostline{font-size:clamp(15px,1.55vw,21px)}
@media(max-width:600px){
.host-portrait{min-height:clamp(110px,17vh,160px)!important}
.host-intro{grid-template-columns:clamp(102px,30vw,145px) minmax(0,1fr)!important}
.host-portrait span{font-size:7px!important;white-space:nowrap}
}
@media(max-height:650px){.host-portrait{min-height:90px!important;max-height:115px!important}}
@media(prefers-reduced-motion:reduce){.app:before{animation:none}}

/* The original chat engine inside V20: one renderer, one input, one stream. */
html,body{height:100%;overflow:hidden}body.matrik-v20-single{background:#10121a!important;color:#f2f0ed!important}
.matrik-v20-single .app{height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.matrik-v20-single .viewport{flex:1;overflow:auto;min-height:0}
.matrik-v20-single .story{min-height:100%;width:min(100%,1260px);margin:0 auto;display:flex;flex-direction:column;padding:22px clamp(18px,4vw,55px) 16px;gap:12px}
.matrik-v20-single .opening{display:block;flex:none;max-height:none}
.matrik-v20-single .opening h1{font-size:clamp(35px,5vw,67px);margin:9px 0 5px}
.matrik-v20-single .opening p{max-width:680px}
.matrik-v20-single .native-chat{flex:1;min-height:390px;display:flex;flex-direction:column;position:relative}
.matrik-v20-single .chat-widget,.matrik-v20-single .chat-widget.is-embedded,.matrik-v20-single .chat-widget.is-wide,.matrik-v20-single .chat-widget.is-fullscreen,.matrik-v20-single .chat-widget.is-mini{position:relative!important;inset:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;max-height:none!important;min-height:390px!important;flex:1!important;display:flex!important;flex-direction:column!important;opacity:1!important;pointer-events:auto!important;transform:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:hidden!important}
.matrik-v20-single #matrikChatLauncher{display:none!important}
.matrik-v20-single .chat-widget-head{flex:none;padding:6px 2px 12px;background:transparent;border-bottom:1px solid #ffffff20}
.matrik-v20-single .chat-widget-agent{pointer-events:none}
.matrik-v20-single .chat-widget-agent img{width:54px;height:54px;border-radius:18px}
.matrik-v20-single .chat-widget-agent strong{font-size:17px;color:#f7ede7}
.matrik-v20-single .chat-widget-agent em{font-size:12px}
.matrik-v20-single .chat-widget-body{display:flex!important;flex:1;min-height:0}
.matrik-v20-single .chat-messages{flex:1;min-height:120px!important;overflow-y:auto!important;display:flex;flex-direction:column;gap:14px;padding:22px 4px!important;scrollbar-width:thin}
.matrik-v20-single .chat-msg{max-width:100%}
.matrik-v20-single .chat-msg.bot{justify-content:flex-start;align-items:flex-start}
.matrik-v20-single .chat-msg.user{justify-content:flex-end}
.matrik-v20-single .chat-bubble{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;max-width:min(880px,100%)!important;padding:7px 10px!important;color:#e9e6e8;font-size:clamp(14px,1.2vw,17px);line-height:1.5}
.matrik-v20-single .chat-msg.user .chat-bubble{background:#ffffff13!important;border:1px solid #ffffff23!important;border-radius:20px!important;padding:12px 17px!important;max-width:min(680px,92%)!important}
.matrik-v20-single .chat-agent-name{color:#e2ab87!important;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.matrik-v20-single .chat-avatar{width:43px;height:43px;border-radius:15px;object-fit:cover}
.matrik-v20-single .chat-form{display:flex;flex:none;gap:10px;background:transparent!important;border-top:1px solid #ffffff24!important;padding:13px 0 10px!important}
.matrik-v20-single .chat-form input{height:50px;min-width:0;flex:1;background:#ffffff0e!important;color:white!important;border:1px solid #ffffff33!important;border-radius:15px!important;padding:12px 18px!important;font-size:16px}
.matrik-v20-single .chat-form .btn{background:#ead5c4!important;color:#18141d!important;border:0!important;border-radius:14px!important;padding:11px 22px!important;font-weight:750}
.matrik-v20-single .chat-hints{display:flex;flex:none;gap:8px;flex-wrap:wrap;padding:1px 0 7px!important;max-height:110px;overflow:auto}
.matrik-v20-single .chat-hints button,.matrik-v20-single .chat-bubble button{cursor:pointer}
.matrik-v20-single .chat-hints button{border-radius:99px;background:#ffffff0c;color:#dad4d5;border:1px solid #ffffff28;padding:9px 14px}
.matrik-v20-single .chat-result,.matrik-v20-single .chat-ref,.matrik-v20-single .chat-results{max-width:100%}
.matrik-v20-single .brand-tail{font-size:11px;letter-spacing:.15em;color:#a79a9c;font-weight:500}
@media(max-width:650px){.matrik-v20-single .story{padding:12px 13px 8px}.matrik-v20-single .opening h1{font-size:34px}.matrik-v20-single .opening p{font-size:12px}.matrik-v20-single .native-chat{min-height:350px}.matrik-v20-single .chat-widget-agent img{width:40px;height:40px}.matrik-v20-single .chat-messages{padding:10px 1px!important}.matrik-v20-single .chat-form input{height:45px}.matrik-v20-single .chat-form .btn{padding:9px 13px!important}.matrik-v20-single .chat-hints{max-height:62px;flex-wrap:nowrap;overflow-x:auto}.matrik-v20-single .chat-hints button{white-space:nowrap}.matrik-v20-single .opening h1{margin:4px 0 2px}}
@media(max-height:700px){.matrik-v20-single .opening h1{font-size:32px}.matrik-v20-single .story{gap:7px}.matrik-v20-single .opening p{display:none}}

/* Ein sichtbarer Einstieg. Die Engine behaelt ihren ersten Begruessungsknoten fuer Verlauf und Reset. */
.matrik-v20-single #movieChatMessages > .chat-msg.agent-entry:first-child {display:none!important}

/* V20 has one host intro. Chat engine keeps state, not a second visible host header. */
.matrik-v20-single .chat-widget-head{display:none!important}
.matrik-v20-single #movieChatMessages>.chat-msg.agent-entry:first-child{display:none!important}