#mocix-intro{--mi-bg:#07090c;--mi-panel:#15181e;--mi-line:#ffffff1c;--mi-ink:#f4f5f7;--mi-muted:#acb4be;--mi-accent:#8edebf;color:var(--mi-ink);font-family:Inter,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light dark;max-width:1120px;margin:0 auto}
#mocix-intro *{box-sizing:border-box}#mocix-intro button,#mocix-intro input{font:inherit}#mocix-intro button{color:inherit}#mocix-intro button:focus-visible{outline:2px solid #8edebf;outline-offset:4px}
#mocix-intro .mi-film{color-scheme:dark;position:relative;isolation:isolate;width:100%;container-type:inline-size;aspect-ratio:16/10;min-height:510px;overflow:hidden;border-radius:20px;background:var(--mi-bg)}
#mocix-intro .mi-atmosphere{position:absolute;inset:-15%;z-index:-2;background:radial-gradient(ellipse at 75% 28%,#447c742e,transparent 48%),radial-gradient(ellipse at 13% 76%,#494e8b2b,transparent 48%),radial-gradient(ellipse at 20% 20%,#95684617,transparent 40%)}
#mocix-intro .mi-dots{position:absolute;inset:0;z-index:-1;opacity:.12;background-image:radial-gradient(#b7c8d5 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(transparent,#000 40%,transparent)}
#mocix-intro .mi-masthead{position:absolute;inset:22px 26px auto;display:flex;align-items:center;gap:9px;z-index:12;pointer-events:none}
#mocix-intro .mi-brandmark{width:31px;height:31px;object-fit:contain;border-radius:8px;will-change:transform}
#mocix-intro .mi-wordmark{font-size:18px;font-weight:500;letter-spacing:-.7px}
#mocix-intro .mi-edition{position:absolute;top:32px;right:26px;font-size:11px;color:#8e9aa7;letter-spacing:1px;z-index:11}
#mocix-intro .mi-copy{position:absolute;top:91px;left:24px;right:24px;text-align:center;z-index:8;pointer-events:none}
#mocix-intro .mi-kicker{margin:0 0 9px;color:var(--mi-accent);font-size:11px;letter-spacing:2.5px;font-weight:500}
#mocix-intro .mi-title{margin:0;font-size:clamp(27px,4.5cqw,43px);line-height:1.25;font-weight:500;letter-spacing:-1.3px;text-wrap:balance}
#mocix-intro .mi-subtitle{margin:12px 0 0;color:var(--mi-muted);font-size:13px;line-height:1.6;text-wrap:balance}
#mocix-intro .mi-spectrum{background:linear-gradient(105deg,#e9c49e,#cfe59f 27%,#8ee1c1 56%,#8fc7ed 85%,#b3a3eb);background-clip:text;-webkit-background-clip:text;color:transparent}
#mocix-intro .mi-prelude{position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(ellipse at 80% 24%,#59be9f16,transparent 53%),radial-gradient(ellipse at 25% 82%,#477dbf15,transparent 52%)}
#mocix-intro .mi-prelude-heading{position:absolute;left:24px;right:24px;top:86px;text-align:center;z-index:3}
#mocix-intro .mi-prelude-heading h2{margin:0;font-size:clamp(25px,4.8cqw,37px);font-weight:500;line-height:1.35;letter-spacing:-1px;text-wrap:balance}
#mocix-intro .mi-prelude-heading .mi-subtitle{font-size:12px;margin-top:10px}
#mocix-intro .mi-prelude-screens{position:absolute;left:7%;right:7%;bottom:56px;height:55%;perspective:1200px}
#mocix-intro .mi-prelude-window{position:absolute;overflow:hidden;width:31%;height:67%;border-radius:10px;border:1px solid #ffffff30;box-shadow:0 20px 38px #0007;transform-origin:50% 60%;will-change:transform}
#mocix-intro .mi-prelude-window img{display:block;width:100%;height:100%;object-fit:cover}
#mocix-intro .mi-prelude-window:nth-child(1){left:5%;top:16%;transform:rotate(-11deg)}
#mocix-intro .mi-prelude-window:nth-child(1) img{object-position:0% 20%}
#mocix-intro .mi-prelude-window:nth-child(2){left:36%;top:2%;transform:rotate(3deg)}
#mocix-intro .mi-prelude-window:nth-child(2) img{object-position:64% 38%}
#mocix-intro .mi-prelude-window:nth-child(3){right:2%;top:20%;transform:rotate(12deg)}
#mocix-intro .mi-prelude-window:nth-child(3) img{object-position:0% 25%}
#mocix-intro .mi-prelude-word{position:absolute;bottom:10%;left:0;right:0;text-align:center;color:#e0e6e6;font-size:12px;letter-spacing:4px}
#mocix-intro .mi-opening{position:absolute;inset:0;pointer-events:none;z-index:7}
#mocix-intro .mi-opening-title{position:absolute;top:42%;left:14%;right:14%;text-align:center;z-index:3}
#mocix-intro .mi-opening-title h2{font-size:clamp(29px,5.5cqw,54px);font-weight:500;line-height:1.4;letter-spacing:-1.7px;margin:0;text-wrap:balance}
#mocix-intro .mi-opening-title p{margin:18px 0 0;font-size:12px;letter-spacing:2px;color:#b7c1cb}
#mocix-intro .mi-float{position:absolute;width:22%;aspect-ratio:1.55;overflow:hidden;border-radius:9px;box-shadow:0 14px 40px #0007;border:1px solid #ffffff20;will-change:transform,opacity}
#mocix-intro .mi-float img{width:100%;height:100%;object-fit:cover}
#mocix-intro .mi-float:nth-child(1){top:18%;left:7%;transform:rotate(-10deg)}
#mocix-intro .mi-float:nth-child(2){top:21%;right:7%;transform:rotate(11deg)}
#mocix-intro .mi-float:nth-child(3){bottom:10%;left:13%;transform:rotate(7deg)}
#mocix-intro .mi-float:nth-child(4){bottom:8%;right:12%;transform:rotate(-8deg)}
#mocix-intro .mi-app{position:absolute;top:max(226px,36%);bottom:14%;left:7%;right:7%;overflow:hidden;border:1px solid #ffffff24;border-radius:12px;background:#101318;box-shadow:0 30px 80px #0008;transform-origin:50% 70%;will-change:transform,opacity}
#mocix-intro .mi-appbar{height:32px;padding:0 12px;display:flex;align-items:center;gap:10px;background:#1b1e24;border-bottom:1px solid #ffffff12;font-size:11px;color:#d0d7df}
#mocix-intro .mi-lights{display:flex;gap:4px}#mocix-intro .mi-lights b{width:6px;height:6px;border-radius:50%;background:#606671}#mocix-intro .mi-lights b:nth-child(1){background:#dd766a}#mocix-intro .mi-lights b:nth-child(2){background:#d2ad60}#mocix-intro .mi-lights b:nth-child(3){background:#6baf86}
#mocix-intro .mi-project{display:flex;align-items:center;gap:6px;white-space:nowrap}#mocix-intro .mi-project img{width:15px;height:15px;border-radius:4px}#mocix-intro .mi-appbar .mi-view{margin-left:auto;color:#8e98a6}
#mocix-intro .mi-sidebar{position:absolute;top:32px;bottom:0;left:0;width:84px;border-right:1px solid #ffffff13;background:#15181e;padding:15px 7px;color:#8f99a6;font-size:11px;line-height:1.6}
#mocix-intro .mi-side-label{padding:5px 5px 11px;color:#ccd3dd}
#mocix-intro .mi-side-row{padding:6px 5px;border-radius:5px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mocix-intro .mi-side-row.is-active{background:#7199ce20;color:#b0c5ef}
#mocix-intro .mi-side-swatch{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px;background:#92b9a7}
#mocix-intro .mi-workspace{position:absolute;left:84px;right:0;top:32px;bottom:0;overflow:hidden;background-image:radial-gradient(#9cabc51a .8px,transparent .8px);background-size:15px 15px}
#mocix-intro .mi-collection,#mocix-intro .mi-video-scene,#mocix-intro .mi-draw-scene,#mocix-intro .mi-board-scene,#mocix-intro .mi-split-scene{position:absolute;inset:0;will-change:opacity,transform}
#mocix-intro .mi-photo{position:absolute;width:27%;height:31%;padding:4px 4px 0;background:#24282f;border:1px solid #ffffff18;border-radius:5px;box-shadow:0 8px 15px #0002;will-change:transform,opacity}
#mocix-intro .mi-photo img{width:100%;height:calc(100% - 22px);object-fit:contain;background:#11151b;border-radius:3px;display:block}
#mocix-intro .mi-photo span{display:block;color:#c9d0d8;font-size:11px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mocix-intro .mi-palette{position:absolute;right:7%;top:4%;display:flex;gap:5px}
#mocix-intro .mi-palette b{width:20px;height:10px;border-radius:2px}
#mocix-intro .mi-note{position:absolute;left:8%;bottom:4%;color:#d2d7df;background:#25222b;border-left:2px solid #a297c3;border-radius:3px;padding:8px 10px;font-size:11px;line-height:1.6;max-width:77%}
#mocix-intro .mi-video-player{position:absolute;top:8%;left:15%;width:69%;height:73%;overflow:hidden;border:1px solid #ffffff2d;border-radius:7px;background:#0b0d11;box-shadow:0 12px 30px #0005;transform-origin:50% 50%}
#mocix-intro .mi-video-image{position:absolute;inset:0 0 25px;overflow:hidden}
#mocix-intro .mi-video-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;will-change:transform,opacity}
#mocix-intro .mi-video-counter{position:absolute;top:9px;left:10px;color:#f2f3f7;background:#10151bcc;padding:3px 6px;font-size:11px;border-radius:4px;font-variant-numeric:tabular-nums}
#mocix-intro .mi-scrubbar{position:absolute;bottom:0;left:0;right:0;height:25px;background:#20252d;display:flex;align-items:center;padding:0 12px;gap:8px}
#mocix-intro .mi-scrub-track{position:relative;height:3px;background:#5c67766b;flex:1;border-radius:8px}
#mocix-intro .mi-scrub-fill{position:absolute;inset:0 auto 0 0;background:#a6cbec;border-radius:8px;width:0}
#mocix-intro .mi-scrub-knob{position:absolute;left:0;top:50%;width:8px;height:8px;background:#d1e4f5;border-radius:50%;transform:translate(-50%,-50%)}
#mocix-intro .mi-tiny-play{width:0;height:0;border-left:5px solid #c6d4df;border-top:3px solid transparent;border-bottom:3px solid transparent}
#mocix-intro .mi-filmstrip{position:absolute;left:6%;right:6%;bottom:10%;display:flex;gap:7px}
#mocix-intro .mi-frame{position:relative;flex:1;min-width:0;border-radius:4px;overflow:hidden;background:#242a32;border:1px solid #ffffff18;box-shadow:0 6px 14px #0003}
#mocix-intro .mi-frame img{width:100%;aspect-ratio:1.65;object-fit:cover;display:block}
#mocix-intro .mi-frame span{font-size:11px;line-height:19px;color:#d7dfe7;padding:0 5px}
#mocix-intro .mi-status{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:5px;font-size:11px;color:#b2dfc9;padding:5px 9px;border-radius:20px;background:#284236b3}
#mocix-intro .mi-status i{width:5px;height:5px;border-radius:50%;background:#9cd9b5}
#mocix-intro .mi-draw-image{position:absolute;left:8%;right:8%;top:7%;bottom:12%;overflow:hidden;border-radius:5px;background:#151b22}
#mocix-intro .mi-draw-image>img{width:100%;height:100%;object-fit:cover;display:block}
#mocix-intro .mi-camera-box{position:absolute;left:20%;top:42%;width:42%;height:22%;border:1px solid rgb(255 168 94 / calc(var(--mi-editing,1)*var(--mi-active,1)));color:#ffc288;transform-origin:50% 50%;transition:border-color .25s}
#mocix-intro .mi-handle{position:absolute;width:5px;height:5px;background:#ffc288;border:1px solid #f29a4d;transform:translate(-50%,-50%);opacity:calc(var(--mi-editing,1)*var(--mi-active,1));transition:opacity .25s}
#mocix-intro .mi-handle:nth-child(1){left:0;top:0}#mocix-intro .mi-handle:nth-child(2){left:100%;top:0}#mocix-intro .mi-handle:nth-child(3){left:0;top:100%}#mocix-intro .mi-handle:nth-child(4){left:100%;top:100%}
#mocix-intro .mi-rotation{position:absolute;left:50%;top:-19px;width:7px;height:7px;border:1px solid #ffa85e;border-radius:50%;background:#3c3028;opacity:calc(var(--mi-editing,1)*var(--mi-active,1));transition:opacity .25s}
#mocix-intro .mi-rotation::after{content:"";position:absolute;left:2px;top:6px;height:12px;border-left:1px solid #ffa85e}
#mocix-intro .mi-vector{position:absolute;top:50%;left:13%;right:13%;height:2px;background:#ffb76e;box-shadow:0 0 12px #291305;opacity:.85}
#mocix-intro .mi-vector::after{content:"";position:absolute;right:0;top:-4px;width:10px;height:10px;border-top:2px solid #ffb76e;border-right:2px solid #ffb76e;transform:rotate(45deg)}
#mocix-intro .mi-draw-scene.is-settled{--mi-active:0}
#mocix-intro .mi-film[data-draw-idle="true"] .mi-pointer{visibility:hidden}
#mocix-intro .mi-draw-label{position:absolute;left:7%;bottom:9%;background:#11151de8;border:1px solid #ffffff24;border-radius:4px;padding:7px 10px;font-size:11px;line-height:1.5;color:#f0ddc6}
#mocix-intro .mi-draw-tools{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);display:flex;gap:12px;border:1px solid #ffffff20;border-radius:7px;padding:6px 12px;background:#232a34;color:#aab5c1}
#mocix-intro .mi-draw-tools i{width:13px;height:13px}
#mocix-intro .mi-board-heading{position:absolute;left:6%;right:6%;top:7%;display:flex;align-items:center;gap:8px;font-size:12px;color:#dce2eb}
#mocix-intro .mi-board-heading small{margin-left:auto;color:#98bbac;font-size:11px;white-space:nowrap}
#mocix-intro .mi-storyboard{position:absolute;left:6%;right:6%;top:21%;bottom:8%;overflow:hidden;border:1px solid #ffffff24;border-radius:5px;background:#191e26;transform-origin:15% 10%}
#mocix-intro .mi-board-head,#mocix-intro .mi-board-row{display:grid;grid-template-columns:34px 33% 27% 1fr;align-items:center}
#mocix-intro .mi-board-head{height:25px;background:#28303c;color:#bdc6d3;font-size:11px}
#mocix-intro .mi-board-head>span,#mocix-intro .mi-board-row>div{padding:0 6px;min-width:0}
#mocix-intro .mi-board-head>span:first-child{text-align:center}
#mocix-intro .mi-board-row{height:calc((100% - 25px)/3);font-size:11px;color:#d0d7e0;border-top:1px solid #ffffff18}
#mocix-intro .mi-board-row .mi-shot-number{text-align:center;color:#9daebd;font-variant-numeric:tabular-nums}
#mocix-intro .mi-shot-thumb{height:calc(100% - 8px);overflow:hidden;border-radius:3px;position:relative;margin:4px 6px;padding:0!important}
#mocix-intro .mi-shot-thumb img{width:100%;height:100%;object-fit:cover;display:block}
#mocix-intro .mi-board-row p{margin:3px 0;line-height:1.4;font-size:11px}
#mocix-intro .mi-board-row p+p{color:#8f9caa}
#mocix-intro .mi-convert-pill{position:absolute;right:7%;bottom:9%;background:#6686bf;color:#fff;font-size:11px;padding:7px 12px;border-radius:6px;box-shadow:0 4px 20px #0a132855}
#mocix-intro .mi-split-left{position:absolute;left:0;top:0;bottom:0;width:52%;overflow:hidden;background:#151a22;border-right:1px solid #7a93bd80}
#mocix-intro .mi-split-right{position:absolute;right:0;top:0;bottom:0;width:48%;overflow:hidden;background:#1a1f27;padding:14px 12px}
#mocix-intro .mi-split-title{margin:0 0 11px;color:#c8d2de;font-size:11px;white-space:nowrap}
#mocix-intro .mi-split-left .mi-board-heading{font-size:11px;top:7%;left:7%}
#mocix-intro .mi-split-left .mi-board-heading small{display:none}
#mocix-intro .mi-split-left .mi-storyboard{left:7%;right:7%;top:22%;bottom:8%}
#mocix-intro .mi-split-left .mi-board-head,#mocix-intro .mi-split-left .mi-board-row{grid-template-columns:23px 48% 1fr}
#mocix-intro .mi-split-left .mi-board-head>span:last-child,#mocix-intro .mi-split-left .mi-board-row>div:last-child{display:none}
#mocix-intro .mi-split-images{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#mocix-intro .mi-split-images img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:4px}
#mocix-intro .mi-split-note{margin:10px 0 0;font-size:11px;line-height:1.7;color:#c6d5cc;padding-left:7px;border-left:2px solid #82b29b}
#mocix-intro .mi-divider-grip{position:absolute;left:52%;top:43%;height:30px;width:5px;border-radius:3px;background:#aac8eb;transform:translateX(-50%);z-index:2;box-shadow:0 0 0 3px #6b9ac71a}
#mocix-intro .mi-pointer{position:absolute;z-index:15;left:50%;top:50%;color:#eff6ff;pointer-events:none;filter:drop-shadow(0 2px 4px #000a);width:19px;height:22px}
#mocix-intro .mi-pointer i{display:block;width:19px;height:22px}
#mocix-intro .mi-pointer::before{content:"";position:absolute;left:-8px;top:-8px;width:25px;height:25px;border:1px solid #c5e1ff;border-radius:50%;opacity:var(--mi-click,0);transform:scale(var(--mi-click-scale,1))}
#mocix-intro .mi-action-label{position:absolute;left:0;right:0;bottom:6.5%;z-index:8;text-align:center;font-size:12px;color:#becad8;letter-spacing:1px}
#mocix-intro .mi-action-label span{display:inline-block;padding:5px 12px;line-height:1.4;border:1px solid #ffffff14;border-radius:30px;background:#18212caa;backdrop-filter:blur(12px)}
#mocix-intro .mi-footer-label{position:absolute;left:0;right:0;bottom:12px;text-align:center;color:#68788a;font-size:11px;letter-spacing:1px}
#mocix-intro .mi-ending{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:58px;text-align:center;pointer-events:none}
#mocix-intro .mi-ending img{width:82px;height:82px;border-radius:20px;margin-bottom:22px;box-shadow:0 0 65px #63cba220}
#mocix-intro .mi-ending h2{max-width:100%;margin:0;font-size:clamp(29px,5.2cqw,51px);line-height:1.4;font-weight:500;letter-spacing:-1.6px}
#mocix-intro .mi-ending p{max-width:100%;color:#a5b1bf;font-size:13px;margin:14px 0 24px}
#mocix-intro .mi-ending-cta{display:inline-flex;align-items:center;gap:20px;padding:10px 20px;background:#9ed9bc0d;border:1px solid #9ed9bc70;border-radius:30px;color:#c6e4d3;font-size:12px}
#mocix-intro .mi-controls{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:10px;margin-top:13px;padding:0 2px}
#mocix-intro .mi-control{border:1px solid light-dark(#d9dce2,#ffffff20);background:light-dark(#f3f4f6,#1c2028);color:light-dark(#26313d,#e4eaf1);border-radius:8px;padding:9px 13px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;white-space:nowrap}
#mocix-intro .mi-control svg{width:14px;height:14px}
#mocix-intro .mi-control[data-playing="true"]{background:#254c40;color:#d9f4e5;border-color:#5e9c81}
#mocix-intro .mi-range{margin:0;width:100%;min-width:30px;accent-color:#7eae98}
#mocix-intro .mi-timer{font-size:12px;font-variant-numeric:tabular-nums;color:light-dark(#4c5967,#c1cbd7);white-space:nowrap}
#mocix-intro .mi-chapters{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin-top:14px}
#mocix-intro .mi-chapter{border:0;border-top:2px solid light-dark(#dce0e4,#ffffff20);background:transparent;text-align:left;padding:10px 0 5px;color:light-dark(#697687,#99a7b8);font-size:11px;line-height:1.5}
#mocix-intro .mi-chapter b{font-weight:500}
#mocix-intro .mi-chapter span{display:block;font-variant-numeric:tabular-nums;opacity:.75;margin-bottom:3px}
#mocix-intro .mi-chapter[aria-pressed="true"]{color:light-dark(#24664d,#a1d9bc);border-color:#79af94}
#mocix-intro .mi-announcement{position:absolute;left:0;top:0;margin:0;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
#mocix-intro [hidden]{display:none!important}
@media(max-width:600px){
#mocix-intro .mi-prelude-heading h2 [data-i18n="preludeA"]{display:block}
#mocix-intro .mi-film{aspect-ratio:auto;min-height:580px}
#mocix-intro .mi-masthead{inset:18px 17px auto}#mocix-intro .mi-brandmark{width:27px;height:27px}#mocix-intro .mi-wordmark{font-size:16px}#mocix-intro .mi-edition{right:17px;top:26px}
#mocix-intro .mi-copy{top:91px;left:15px;right:15px}#mocix-intro .mi-title{font-size:25px;line-height:1.4;letter-spacing:-.9px}#mocix-intro .mi-subtitle{font-size:12px;max-width:300px;margin:12px auto 0}#mocix-intro .mi-kicker{font-size:11px;letter-spacing:2px}
#mocix-intro .mi-prelude-heading{top:85px;left:15px;right:15px}#mocix-intro .mi-prelude-heading h2{font-size:27px;line-height:1.5;letter-spacing:-.6px}#mocix-intro .mi-prelude-heading .mi-subtitle{max-width:270px}#mocix-intro .mi-prelude-screens{left:3%;right:3%;bottom:67px;height:44%}#mocix-intro .mi-prelude-window{height:64%;width:28%;border-radius:6px}#mocix-intro .mi-prelude-window:nth-child(1){left:7%;top:16%}#mocix-intro .mi-prelude-window:nth-child(2){left:36%;top:2%}#mocix-intro .mi-prelude-window:nth-child(3){right:6%;top:20%}#mocix-intro .mi-prelude-word{font-size:11px;letter-spacing:2px;bottom:-3%}
#mocix-intro .mi-app{top:42%;bottom:17%;left:3%;right:3%;border-radius:8px}#mocix-intro .mi-sidebar{width:48px;padding:12px 3px}#mocix-intro .mi-side-label{padding-inline:2px;font-size:11px}#mocix-intro .mi-side-row{padding:5px 2px;font-size:11px}#mocix-intro .mi-side-swatch{display:none}#mocix-intro .mi-workspace{left:48px}
#mocix-intro .mi-appbar{padding:0 8px;gap:6px}#mocix-intro .mi-lights{gap:3px}#mocix-intro .mi-lights b{width:5px;height:5px}#mocix-intro .mi-view{display:none}
#mocix-intro .mi-photo{width:39%;height:30%}#mocix-intro .mi-photo:nth-child(5),#mocix-intro .mi-photo:nth-child(6){display:none}#mocix-intro .mi-photo span{font-size:11px}#mocix-intro .mi-note{bottom:3%;left:8%;padding:5px 6px;font-size:11px}#mocix-intro .mi-palette{display:none}
#mocix-intro .mi-opening-title{left:9%;right:9%;top:40%}#mocix-intro .mi-opening-title h2{font-size:31px;line-height:1.55}#mocix-intro .mi-opening-title p{font-size:11px;letter-spacing:1px}#mocix-intro .mi-float{width:32%}#mocix-intro .mi-float:nth-child(1){top:18%;left:5%}#mocix-intro .mi-float:nth-child(2){top:23%;right:5%}#mocix-intro .mi-float:nth-child(3){bottom:10%;left:6%}#mocix-intro .mi-float:nth-child(4){bottom:12%;right:5%}
#mocix-intro .mi-video-player{left:8%;width:84%;height:73%}#mocix-intro .mi-filmstrip{left:4%;right:4%;gap:5px}#mocix-intro .mi-frame:nth-child(4){display:none}#mocix-intro .mi-status{font-size:11px;padding:4px 7px}
#mocix-intro .mi-draw-image{left:5%;right:5%;bottom:17%}#mocix-intro .mi-draw-label{font-size:11px;padding:4px 6px;bottom:5%}#mocix-intro .mi-draw-tools{gap:9px;padding:4px 8px}
#mocix-intro .mi-board-head,#mocix-intro .mi-board-row{grid-template-columns:25px 42% 1fr}#mocix-intro .mi-board-head>span:last-child,#mocix-intro .mi-board-row>div:last-child{display:none}#mocix-intro .mi-board-heading{font-size:11px;left:4%;right:4%}#mocix-intro .mi-board-heading small{display:none}#mocix-intro .mi-storyboard{left:4%;right:4%;top:21%}#mocix-intro .mi-board-row>div{padding:0 3px}#mocix-intro .mi-shot-thumb{margin:4px 3px}
#mocix-intro .mi-split-left .mi-board-head,#mocix-intro .mi-split-left .mi-board-row{grid-template-columns:20px 1fr}#mocix-intro .mi-split-left .mi-board-head>span:nth-child(3),#mocix-intro .mi-split-left .mi-board-row>div:nth-child(3){display:none}#mocix-intro .mi-split-right{padding:12px 7px}#mocix-intro .mi-split-images{grid-template-columns:1fr;gap:4px}#mocix-intro .mi-split-images img{aspect-ratio:2}#mocix-intro .mi-split-images img:nth-child(n+3){display:none}#mocix-intro .mi-split-note{font-size:11px;line-height:1.4;margin-top:7px}#mocix-intro .mi-split-title{font-size:11px;margin-bottom:6px}
#mocix-intro .mi-action-label{bottom:8%;font-size:11px;letter-spacing:0}#mocix-intro .mi-footer-label{font-size:11px;bottom:17px;letter-spacing:0}#mocix-intro .mi-ending{padding:40px 15px 0}#mocix-intro .mi-ending h2{font-size:33px}#mocix-intro .mi-ending img{width:76px;height:76px}#mocix-intro .mi-ending p{font-size:12px}
#mocix-intro .mi-controls{grid-template-columns:auto auto 1fr auto;gap:7px}#mocix-intro .mi-range{grid-column:1/-1;grid-row:2}#mocix-intro .mi-timer{margin-left:auto}#mocix-intro .mi-control{padding:8px 10px;font-size:11px}#mocix-intro .mi-chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px}
}
@media(pointer:coarse){#mocix-intro .mi-control,#mocix-intro .mi-chapter{min-height:44px}}

html{color-scheme:dark}body{margin:0;background:transparent}#mocix-intro{color-scheme:dark}#mocix-intro button{cursor:pointer}#mocix-intro .mi-controls{grid-template-columns:auto auto 1fr auto}#mocix-intro .mi-pointer svg{width:19px;height:22px}#mocix-intro .mi-draw-tools svg{width:14px;height:14px}@media(max-width:600px){#mocix-intro .mi-controls{grid-template-columns:auto auto 1fr}#mocix-intro .mi-timer{justify-self:end}}