.ine-video-page{--v-ink:#edf4ff;--v-muted:#b4c2db;--v-line:#8199c33d;--v-bg:#101b30;--v-pill:#182943;--v-gold:#ffe3a0}
.ine-video-page .ine-banner-video:not(.ine-image-banner){background:radial-gradient(ellipse at 87% 50%,#55379940,transparent 40%),linear-gradient(110deg,#101c36,#13233e);isolation:isolate}
.ine-video-page .ine-banner-video:not(.ine-image-banner):before{content:"";position:absolute;inset:0;z-index:-1;width:auto;height:auto;transform:none;opacity:.35;mask-image:linear-gradient(90deg,transparent,#000);background:repeating-linear-gradient(155deg,transparent 0 36px,#5bdbe612 37px,transparent 38px)}
.ine-video-page .ine-banner-video:not(.ine-image-banner):after{content:"";position:absolute;inset:0;z-index:-1;width:auto;height:auto;transform:none;border:0;border-radius:0;opacity:1;mask-image:none;pointer-events:none;background:radial-gradient(ellipse at 75% 105%,#4a94e324,transparent 65%)}
.ine-video-page .ine-banner-video:not(.ine-image-banner)>div:first-child{position:relative;z-index:1;max-width:70%}
.ine-video-page .ine-banner-video:not(.ine-image-banner) h1{color:#f5f5ff}
.ine-video-page .ine-banner-video:not(.ine-image-banner) p{color:#d3ddf3}
.ine-video-page .ine-banner-video:not(.ine-image-banner) .ine-orbit-art{display:block;position:absolute;inset:auto clamp(18px,3vw,44px) auto auto;top:50%;width:210px;height:144px;flex:none;transform:translateY(-50%);opacity:.95;pointer-events:none}
.ine-video-page .ine-banner-video:not(.ine-image-banner) .ine-orbit-art i{inset:auto;left:17px;top:40px;width:176px;height:64px;border:1px solid #53e1ed99;border-radius:50%;transform:rotate(-23deg);box-shadow:0 0 18px #41dceb20}
.ine-video-page .ine-banner-video:not(.ine-image-banner) .ine-orbit-art i:nth-child(2){transform:rotate(28deg);border-color:#b590f5aa;box-shadow:0 0 18px #a76bf02b}
.ine-video-page .ine-banner-video:not(.ine-image-banner) .ine-orbit-art i:nth-child(3){left:35px;top:30px;width:140px;height:84px;transform:rotate(90deg);border-color:#6c83f04d}
.ine-video-page .ine-banner-video:not(.ine-image-banner) .ine-orbit-art b{inset:auto;left:63px;top:30px;width:84px;height:84px;display:block;font-size:0;color:transparent;text-shadow:none;border-radius:50%;border:1px solid #b593ff99;background:radial-gradient(circle at 28% 20%,#a681f477,transparent 55%),linear-gradient(145deg,#473a8066,#132344);box-shadow:inset 0 0 20px #8362f04d,0 0 28px #8661e02e}
.ine-video-page .ine-banner-video:not(.ine-image-banner) .ine-orbit-art b:before{content:"";position:absolute;left:34px;top:26px;width:25px;height:32px;background:linear-gradient(120deg,#fff3c4,#e6b45d);clip-path:polygon(0 0,100% 50%,0 100%);filter:drop-shadow(0 0 7px #ffe2a5)}
.ine-video-shell{display:grid;grid-template-columns:minmax(225px,25%) minmax(0,1fr);border:1px solid var(--v-line);border-radius:22px;overflow:hidden;margin:24px 0;background:linear-gradient(125deg,#14213b,#0c1427);color:var(--v-ink)}
.ine-video-intro{position:relative;isolation:isolate;overflow:hidden;padding:clamp(23px,3vw,42px);background:radial-gradient(ellipse at 5% 0%,#7135c98c,transparent 70%),linear-gradient(140deg,#26204f,#132345 75%);display:flex;flex-direction:column;border-right:1px solid var(--v-line)}
.ine-video-eyebrow{font-size:11px;letter-spacing:.2em;color:#cfc9ef;font-weight:700}
.ine-video-intro h2{font-size:clamp(23px,2.25vw,36px);line-height:1.35;margin:28px 0 18px;color:#f6f6ff;text-wrap:balance}
.ine-video-intro-rule{height:1px;width:100%;background:linear-gradient(90deg,#ffe4a6,transparent);margin:0 0 22px}
.ine-video-intro p{font-size:15px;line-height:1.8;color:#d4d9ef;margin:0 0 24px}
.ine-video-intro ul{display:grid;gap:16px;padding:0;margin:0;list-style:none;font-size:14px;line-height:1.6}
.ine-video-intro li{display:flex;gap:10px;align-items:flex-start;color:#e3e5fa}.ine-video-intro li span{color:#ffe3a0;border:1px solid #ffe3a077;border-radius:50%;width:22px;height:22px;flex:0 0 22px;text-align:center;line-height:20px}
.ine-video-glass-art{position:relative;margin:auto auto 8px;width:100%;max-width:240px;height:190px;min-height:190px;transform:rotate(-6deg)}
.ine-video-glass-art i{position:absolute;left:4%;top:24%;width:88%;height:60%;border:1px solid #b388ffbd;border-radius:15px;background:linear-gradient(135deg,#a16cf130,#18386c44);box-shadow:0 0 25px #7539d333,inset 0 0 18px #9d74ff22}.ine-video-glass-art i:nth-child(2){left:16%;top:36%;border-color:#63e8edb3;background:linear-gradient(130deg,#6a5cfa26,#2b93ab29)}
.ine-video-glass-art b{position:absolute;left:42%;top:41%;font-size:55px;font-weight:400;color:#e0ceff;text-shadow:0 0 25px #a579ff}.ine-video-glass-art span{position:absolute;left:20%;bottom:0;height:2px;width:70%;background:linear-gradient(90deg,transparent,#72deee,transparent)}
.ine-video-content{padding:clamp(16px,2vw,30px);min-width:0}
.ine-video-category-title{font-size:17px;margin:0 0 14px;color:var(--v-ink);padding-left:12px;border-left:3px solid var(--v-gold)}
.ine-video-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.ine-video-page button{font:inherit;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.ine-video-categories button{position:relative;min-height:38px;padding:9px 13px;border:1px solid var(--v-line);border-radius:11px;background:linear-gradient(180deg,#23324d66,var(--v-pill));color:var(--v-ink);font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.ine-video-categories button:not(:disabled):hover{border-color:#5ed9e7;box-shadow:0 0 15px #56dcea24,inset 0 0 10px #51d2df17;transform:translateY(-2px)}
.ine-video-categories button[aria-pressed=true]{border-color:#ffe3a09c;color:var(--v-gold);background:linear-gradient(120deg,#7d5c2c66,#22314c);box-shadow:0 0 14px #f6c05e17}

.ine-video-categories button:disabled{opacity:.52;cursor:default}.ine-video-categories small{display:block;font-size:10px;font-weight:400;margin-top:2px}
.ine-video-page button:focus-visible{outline:2px solid #63e6f3;outline-offset:3px}
.ine-video-tip{display:flex;align-items:flex-start;gap:8px;border:1px solid #94b9e321;background:#809acb13;border-radius:11px;color:var(--v-muted);font-size:12px;line-height:1.6;padding:10px 13px;margin:0 0 16px}
.ine-video-stage{position:relative;display:grid;place-items:center;width:100%;height:min(62vh,620px);min-height:310px;background:radial-gradient(ellipse at 50% 20%,#16234866,transparent 65%),#060b15;border:1px solid var(--v-line);border-radius:16px;overflow:hidden}
.ine-video-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#060b15}
.ine-video-message{position:absolute;left:16px;right:16px;top:44%;text-align:center;color:#dbeeff;font-size:14px;line-height:1.6;padding:12px;background:#0d1831c7;border-radius:10px;pointer-events:none}
.ine-video-stage[data-state=loading]:before{content:"";z-index:1;width:28px;height:28px;border:2px solid #63d9eb33;border-top-color:#63d9eb;border-radius:50%;animation:ine-video-spin .9s linear infinite;position:absolute;top:34%}
@keyframes ine-video-spin{to{transform:rotate(360deg)}}
.ine-video-play-overlay{position:absolute;z-index:4;padding:16px 20px;background:#192844ed;border:1px solid #70e6ef88;border-radius:16px;color:#f2f8ff;font-size:22px}.ine-video-play-overlay span{font-size:14px}
.ine-video-controls{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.ine-video-controls button{padding:11px 18px;border:1px solid var(--v-line);border-radius:12px;background:var(--v-pill);color:var(--v-ink);font-size:13px}
.ine-video-controls [data-video-next]{background:linear-gradient(110deg,#13bacc,#8350ed);color:white;font-size:15px;min-width:140px;border-color:#5edce75c;box-shadow:0 4px 20px #087eaa20}.ine-video-controls [data-video-next] span{margin-right:7px;font-size:20px}
.ine-video-controls button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 0 18px #54d9ed29}.ine-video-controls button:disabled{opacity:.5;cursor:default}
.ine-video-continuous{display:flex;align-items:center;gap:9px}.ine-video-continuous i{position:relative;width:29px;height:17px;border-radius:12px;background:#68758877}.ine-video-continuous i:after{content:"";position:absolute;width:11px;height:11px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .2s}.ine-video-continuous[aria-checked=true] i{background:#34bac4}.ine-video-continuous[aria-checked=true] i:after{transform:translateX(12px)}.ine-video-continuous strong{font-size:12px;font-weight:500}
.ine-video-note{font-size:11px;color:var(--v-muted);line-height:1.5;margin-left:auto;max-width:220px}
.ine-video-page [hidden]{display:none!important}
html[data-theme=light] .ine-video-page{--v-ink:#172840;--v-muted:#52657d;--v-line:#849cb844;--v-pill:#edf3fc;--v-gold:#875b16}
html[data-theme=light] .ine-video-shell{background:linear-gradient(140deg,#f2f5ff,#fbfdff)}html[data-theme=light] .ine-video-categories button{background:linear-gradient(#fff,#edf2fb)}html[data-theme=light] .ine-video-categories button[aria-pressed=true]{background:#fff3d4;border-color:#d4a555;color:#794e12}
@media(max-width:1000px){.ine-video-shell{grid-template-columns:minmax(195px,25%) minmax(0,1fr)}.ine-video-intro{padding:23px}.ine-video-intro h2{font-size:25px}.ine-video-note{margin-left:0;max-width:none;text-align:center;flex-basis:100%}}
@media(max-width:760px){.ine-video-shell{grid-template-columns:1fr;border-radius:17px;margin:20px 0}.ine-video-intro{padding:20px 22px;border-right:0;border-bottom:1px solid var(--v-line)}.ine-video-eyebrow{font-size:10px}.ine-video-intro h2{margin:9px 0 7px;font-size:23px;max-width:85%}.ine-video-intro-rule,.ine-video-intro ul,.ine-video-glass-art{display:none}.ine-video-intro p{font-size:13px;margin:0;max-width:90%}.ine-video-content{padding:16px 12px}.ine-video-category-title{font-size:16px}.ine-video-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ine-video-categories button{padding:9px 5px;font-size:11px;min-height:40px}.ine-video-tip{font-size:11px}.ine-video-stage{height:auto;aspect-ratio:16/9;min-height:190px}.ine-video-stage[data-layout=portrait]{aspect-ratio:9/16;width:min(100%,calc(66svh * 9 / 16));margin-inline:auto;min-height:0}.ine-video-controls{gap:10px;justify-content:center}.ine-video-controls button{padding:10px 13px}.ine-video-note{flex-basis:100%;margin:0}.ine-video-page .ine-banner-video:not(.ine-image-banner) .ine-orbit-art{right:8px;width:210px;transform:translateY(-50%) scale(.6);transform-origin:right center;opacity:.32}}
@media(prefers-reduced-motion:reduce){.ine-video-page button,.ine-video-continuous i:after{transition:none}.ine-video-stage[data-state=loading]:before{animation:none}}

/* Light theme covers the default banner AND the introductory card. Custom image mode is retained. */
html[data-theme=light] .ine-video-page .ine-banner-video:not(.ine-image-banner){background:radial-gradient(ellipse at 87% 50%,#d8c8ff66,transparent 45%),linear-gradient(110deg,#f3f8ff,#e5effa);border-color:#becde2}
html[data-theme=light] .ine-video-page .ine-banner-video:not(.ine-image-banner) h1{color:#172c4b}
html[data-theme=light] .ine-video-page .ine-banner-video:not(.ine-image-banner) p{color:#4d617d}
html[data-theme=light] .ine-video-page .ine-banner-video:not(.ine-image-banner) .eyebrow{color:#126675}
html[data-theme=light] .ine-video-page .ine-banner-video:not(.ine-image-banner) .ine-orbit-art b{border-color:#a48bd5;background:radial-gradient(circle at 28% 20%,#fff,transparent 65%),linear-gradient(145deg,#e4d7ff,#cdeaf9);box-shadow:inset 0 0 20px #b498ea33,0 0 24px #9473d326}
html[data-theme=light] .ine-video-page .ine-banner-video:not(.ine-image-banner) .ine-orbit-art b:before{background:linear-gradient(120deg,#a17a27,#ddb75a);filter:drop-shadow(0 0 5px #dfb85b55)}
html[data-theme=light] .ine-video-intro{background:radial-gradient(ellipse at 5% 0%,#e1d6fbcc,transparent 75%),linear-gradient(140deg,#eeebfc,#e4effa);border-color:#bfcee2}
html[data-theme=light] .ine-video-eyebrow{color:#66518b}
html[data-theme=light] .ine-video-intro h2{color:#203253}
html[data-theme=light] .ine-video-intro p,html[data-theme=light] .ine-video-intro li{color:#4a5c79}
html[data-theme=light] .ine-video-intro li span{color:#86601d;border-color:#a982365c}
html[data-theme=light] .ine-video-intro-rule{background:linear-gradient(90deg,#a57d31,transparent)}
html[data-theme=light] .ine-video-glass-art b{color:#7353ac;text-shadow:0 0 18px #a789df66}

/* Equal, quiet controls on desktop and mobile; no badge overlays the video. */
.ine-video-page .ine-video-controls [data-video-next],
.ine-video-page .ine-video-controls [data-video-continuous]{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;min-height:44px;padding:0 15px;border:1px solid var(--v-line);border-radius:12px;background:var(--v-pill);color:var(--v-ink);box-shadow:none;font-size:13px;line-height:1.2;min-width:0;gap:8px}
.ine-video-page .ine-video-controls [data-video-next]>span{font-size:16px;line-height:1;margin:0}
.ine-video-page .ine-video-controls [data-video-next]:hover,
.ine-video-page .ine-video-controls [data-video-continuous]:hover{border-color:#63c7d599;box-shadow:0 0 10px #54d9ed17}

@media(max-width:760px){.ine-video-category-title{font-size:12px;font-weight:500;line-height:1.4;color:var(--v-muted);border-left:0;padding-left:0;margin:0 0 9px;opacity:.8}}
.ine-video-quality{font-size:11px;line-height:1.4;color:var(--v-muted);padding:5px 8px;border:1px solid var(--v-line);border-radius:7px;white-space:nowrap}
.ine-video-quality[data-hd=true]{color:var(--v-gold)}
.ine-video-page .ine-video-controls .ine-video-share{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;height:44px;min-height:44px;padding:0 15px;background:var(--v-pill);color:var(--v-ink);border:1px solid var(--v-line);border-radius:12px;font-size:13px;line-height:1.2}
.ine-video-share-status{font-size:12px;color:var(--v-muted)}.ine-video-share-status:empty{display:none}
.ine-video-share-dialog{max-width:min(440px,calc(100vw - 36px));width:100%;box-sizing:border-box;padding:25px;background:var(--v-bg);color:var(--v-ink);border:1px solid var(--v-line);border-radius:17px}
.ine-video-share-dialog::backdrop{background:#050a18b3}.ine-video-share-dialog h3{font-size:18px;margin:0 0 18px}.ine-video-share-dialog label{display:block;font-size:13px;line-height:1.6}.ine-video-share-dialog input{width:100%;box-sizing:border-box;display:block;margin:10px 0 16px;padding:11px;border:1px solid var(--v-line);border-radius:8px;background:var(--v-pill);color:var(--v-ink);font-size:13px}
html[data-theme=light] .ine-video-page{--v-bg:#f4f7fd}

.ine-video-share-qr{display:block;width:240px;height:240px;max-width:100%;object-fit:contain;margin:18px auto;background:#fff;border-radius:10px}
.ine-video-qr-instruction{font-size:13px;line-height:1.6;color:var(--v-muted)}
.ine-video-share-dialog .ine-video-share-status{margin:10px 0;font-size:12px}
.ine-video-share-actions{display:flex;gap:8px;flex-wrap:wrap}.ine-video-share-actions a{display:inline-flex;align-items:center;padding:11px 15px;border:1px solid var(--v-line);border-radius:12px;background:var(--v-pill);color:var(--v-ink);font-size:13px;text-decoration:none}
/* Feature-wide likes sit in the introduction, never over the video. */
.ine-video-intro .ine-video-like{align-self:flex-start;display:grid;grid-template-columns:24px auto;gap:2px 9px;align-items:center;margin:22px 0 18px;padding:12px 16px;border:1px solid #c4b5fd45;border-radius:14px;color:inherit;background:#ffffff09;text-align:left;cursor:pointer}
.ine-video-like>span{grid-row:span 2;font-size:25px;color:#f278a7}.ine-video-like strong{font-size:21px;line-height:1.2;font-variant-numeric:tabular-nums}.ine-video-like small{font-size:12px;opacity:.8}.ine-video-like.is-liked>span{color:#fb79ba}.ine-video-like:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.ine-video-like:hover{border-color:#9de8f3}
.ine-video-heart-burst{position:absolute;z-index:6;pointer-events:none;font-size:72px;line-height:1;transform:translate(-50%,-50%);color:#ff79ad;filter:drop-shadow(0 0 12px #ff79ad66);animation:ine-video-heart .8s ease-out both}
@keyframes ine-video-heart{0%{opacity:0;transform:translate(-50%,-35%) scale(.4) rotate(-12deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(6deg)}55%{opacity:1;transform:translate(-50%,-65%) scale(1)}100%{opacity:0;transform:translate(-50%,-110%) scale(1.2)}}
@media(prefers-reduced-motion:reduce){.ine-video-heart-burst{animation:none;opacity:1}}

/* IDEAL NEO category identity: cyan selection with a restrained violet glow. */
.ine-video-category-title{border-left-color:#65dce8}
.ine-video-categories button[aria-pressed=true]{border-color:#66e0eb9c;color:#93f0f5;background:linear-gradient(120deg,#14596b66,#49337544);box-shadow:0 0 14px #9470f51c}

html[data-theme=light] .ine-video-categories button[aria-pressed=true]{background:linear-gradient(120deg,#e2f8fb,#f0eaff);border-color:#54acbb;color:#126271}
html[data-theme=light] .ine-video-like{background:#ffffff80;border-color:#8d86be55}