/* coldcoffee intro overlay — generated by src/build.py, all rules scoped to #cc-intro */
html.cc-intro-active,html.cc-intro-active body{overflow:hidden!important}
#cc-intro{display:none;position:fixed;inset:0;z-index:2147483000;width:100%;height:100vh;height:100dvh;overflow:hidden;margin:0;padding:0;background:#020b16;opacity:1;transition:opacity 1s ease;isolation:isolate;color-scheme:dark;color:#e9edf5;font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:normal;letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased}
html.cc-intro-active #cc-intro{display:block}
#cc-intro.cci-leaving{opacity:0;pointer-events:none}
#cc-intro *,#cc-intro *::before,#cc-intro *::after{box-sizing:border-box}
#cc-intro img{max-width:none;max-height:none;border:0}
#cc-intro h2,#cc-intro p{text-transform:none}
#cc-intro button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;appearance:none;-webkit-appearance:none;box-shadow:none;min-width:0;min-height:0;border-radius:0}
#cc-intro button:focus-visible{outline:1px solid #a8e8ff;outline-offset:4px}
#cc-intro .cci-controls{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 10px));display:flex;align-items:center;gap:10px;z-index:5}
#cc-intro .cci-sound{width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid #9fd2ff40;border-radius:50%;background:#04142a8c;color:#d9e9ffcc;cursor:pointer;transition:color .2s,border-color .2s,background .2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#cc-intro .cci-sound:hover{color:#fff;border-color:#a8e8ff99}
#cc-intro .cci-sound svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#cc-intro .cci-sound .cci-spk{fill:currentColor;fill-opacity:.25}
#cc-intro .cci-sound .cci-on{display:none}
#cc-intro .cci-sound[aria-pressed="true"] .cci-on{display:inline}
#cc-intro .cci-sound[aria-pressed="true"] .cci-off{display:none}
#cc-intro .cci-skip{position:static!important;height:40px;padding:0 12px!important}
@media (max-aspect-ratio:1/1){#cc-intro .cci-controls{right:max(14px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))}#cc-intro .cci-sound{width:44px;height:44px}#cc-intro .cci-skip{height:44px}}
#cc-intro a{-webkit-tap-highlight-color:transparent}
#cc-intro{display:none;position:fixed;inset:0;z-index:1000;height:100vh;height:100dvh;overflow:hidden;background:#000;opacity:1;transition:opacity .6s ease;isolation:isolate}
html.cc-intro-active #cc-intro{display:block}
html.cc-intro-active{overflow:hidden}
#cc-intro.cci-leaving{opacity:0;pointer-events:none}
#cc-intro .cci-scene{position:absolute;inset:0;overflow:hidden;background:#020b16}
#cc-intro .cci-grid{position:absolute;inset:0;background-image:linear-gradient(#4488be07 1px,transparent 1px),linear-gradient(90deg,#4488be07 1px,transparent 1px);background-size:40px 40px;opacity:.25}
#cc-intro .cci-scene canvas{position:absolute;inset:0;width:100%;height:100%}
#cc-intro .cci-stage,#cc-intro .cci-art-stage{visibility:hidden;position:absolute;left:50%;top:50%;width:1280px;height:720px;transform:translate(-50%,-50%) scale(var(--stage-scale,1));transform-origin:center}
#cc-intro .cci-art-stage{transform:translate(-50%,-50%) scale(var(--cover-scale,1));pointer-events:none}
#cc-intro .cci-character{position:absolute;left:380px;top:0;width:900px;height:720px;transform-origin:74% 45%;mask-image:linear-gradient(90deg,transparent 0%,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%)}
#cc-intro .cci-character-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
#cc-intro .cci-color-reveal{position:absolute;inset:0;overflow:hidden}
#cc-intro .cci-eye{position:absolute;left:56.667%;top:31.25%;width:31.667%;height:20.833%;transform-origin:50% 50%;opacity:0}
#cc-intro .cci-sweep{position:absolute;top:-20%;height:140%;width:14%;background:linear-gradient(90deg,transparent,#549eff44 20%,#d5efffdd 47%,#fff 50%,#a9e2ffbb 53%,transparent);filter:blur(9px);mix-blend-mode:screen;transform:skewX(-16deg);opacity:0;pointer-events:none}
#cc-intro .cci-eye-glint{left:74%;top:42.5%;width:35px;height:35px}
#cc-intro .cci-star{position:absolute;display:block;background:radial-gradient(circle,#fff 0 3%,#bfeeff 6%,#29b4ff88 15%,#0079ff22 35%,transparent 67%);filter:drop-shadow(0 0 5px #38adff);pointer-events:none}
#cc-intro .cci-star::before,#cc-intro .cci-star::after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#bcefff,white,#bcefff,transparent);transform:translate(-50%,-50%)}
#cc-intro .cci-star::before{width:100%;height:1px}
#cc-intro .cci-star::after{height:100%;width:1px;background:linear-gradient(transparent,#bcefff,white,#bcefff,transparent)}
#cc-intro .cci-hud{position:absolute;opacity:0;color:#e4edff;font-family:Arial,sans-serif}
#cc-intro .cci-micro{font-size:8px;line-height:1.5;letter-spacing:1.1px;font-weight:500}
#cc-intro .cci-hud-brand{left:28px;top:53px;width:340px;height:65px}
#cc-intro .cci-brand-logo{position:absolute;left:0;top:0;width:56px;height:51px;object-fit:contain;mix-blend-mode:screen}
#cc-intro .cci-brand-name{position:absolute;left:65px;top:13px;font-size:17px;letter-spacing:-.4px}
#cc-intro .cci-brand-rule{position:absolute;left:158px;top:16px;width:181px;line-height:12px;text-align:right;font-size:16px}
#cc-intro .cci-brand-rule::before{content:"";position:absolute;left:0;right:18px;top:7px;height:1px;background:linear-gradient(90deg,#c9def088,#e4edff)}
#cc-intro .cci-brand-caption{position:absolute;left:66px;top:43px;font-size:7px;line-height:1.45;letter-spacing:1px}
#cc-intro .cci-draw-line{transform-origin:left;transform:scaleX(var(--draw,1))}
#cc-intro .cci-side-list{left:44px;top:146px;line-height:12px;font-size:7px}
#cc-intro .cci-cyan-rule{display:block;width:41px;height:1px;background:linear-gradient(90deg,#b1f7ff,#49c4ff44);box-shadow:0 0 7px #42c6ff;margin-top:9px}
#cc-intro .cci-vertical-rule{left:49px;top:271px;width:1px;height:89px;background:linear-gradient(#c6d9e977,#edf7ffbb);transform-origin:top;transform:scaleY(var(--draw,1))}
#cc-intro .cci-bottom-left{left:44px;top:632px;font-size:7px;line-height:12px}
#cc-intro .cci-footer-rule{display:block;width:120px;height:1px;background:linear-gradient(90deg,#e9f6ff,#a9bed966);margin-bottom:5px}
#cc-intro .cci-arrow{position:absolute;left:152px;top:-6px;font:25px Arial;font-weight:200}
#cc-intro .cci-top-right{right:45px;top:71px;text-align:right;line-height:11px;font-size:10px;letter-spacing:.8px}
#cc-intro .cci-top-right span{font-size:9px}
#cc-intro .cci-top-right i{display:block;width:86px;height:1px;background:#dbe9ffb3;margin-top:9px;transform-origin:right}
#cc-intro .cci-right-list{left:1199px;top:274px;font-size:7px;line-height:11px;letter-spacing:.9px}
#cc-intro .cci-right-list .cci-cyan-rule{margin-top:6px;width:42px}
#cc-intro .cci-bottom-right{right:28px;bottom:54px;display:flex;gap:10px;align-items:flex-end}
#cc-intro .cci-bottom-right span{border-bottom:1px solid #d7e4ff99;padding:0 5px 3px;letter-spacing:3px}
#cc-intro .cci-bottom-right img{width:40px;height:37px;object-fit:contain;mix-blend-mode:screen}
#cc-intro .cci-title-area{position:absolute;left:0;top:0;width:680px;height:720px}
#cc-intro .cci-orbit{position:absolute;left:50px;top:225px;width:650px;height:200px;overflow:visible;fill:none;pointer-events:none}
#cc-intro .cci-orbit ellipse{stroke:#c7dfff;stroke-width:.75;stroke-dasharray:1;stroke-dashoffset:1}
#cc-intro .cci-orbit circle{fill:#d1f9ff;filter:drop-shadow(0 0 4px #00aaff) drop-shadow(0 0 3px #00aaff)}
#cc-intro .cci-orbit .cci-orbit-halo{fill:#258bff;opacity:.35;filter:blur(5px)}
#cc-intro .cci-headline-wrap{position:absolute;left:110px;top:281px;width:515px;opacity:0}
#cc-intro .cci-headline{margin:0;font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-size:90px;font-weight:1000;font-style:italic;line-height:1.08;width:max-content;letter-spacing:calc(var(--title-tracking,-3px) + var(--reveal-tracking,0px));transform:skewX(-5deg) scaleX(var(--headline-stretch,1.2));transform-origin:left center;background:linear-gradient(180deg,#fff 10%,#faffff 35%,#a9c7e0 51%,#e0f4ff 65%,#fff 75%,#aacff0 95%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 4px #49b6ff66);white-space:nowrap}
#cc-intro .cci-title-glint{left:493px;top:28px;width:44px;height:44px}
#cc-intro .cci-subtitles{position:absolute;left:105px;top:390px;width:500px;text-align:center;opacity:0}
#cc-intro .cci-chinese{font-size:21px;font-weight:500;line-height:30px;letter-spacing:5px;white-space:nowrap;margin:0;text-shadow:0 0 5px #79c9ff,0 0 12px #167ce888}
#cc-intro .cci-chinese span{font:italic 11px Arial,sans-serif;letter-spacing:2px;color:#b6e8ff;vertical-align:3px}
#cc-intro .cci-english{margin:6px 0 0;font:10px Arial,sans-serif;letter-spacing:5px;color:#e6f2ff}
#cc-intro .cci-terminal{position:absolute;left:105px;top:468px;color:#7fd3ff;font:9px/16px "SFMono-Regular",Consolas,"Liberation Mono",monospace;text-shadow:0 0 4px #46aeff66;white-space:pre}
#cc-intro .cci-terminal>div{height:16px}
#cc-intro #cci-cursor{color:#7ce8ff}
#cc-intro .cci-sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}
#cc-intro .cci-sparks g{fill:none;stroke:#80d9ff;stroke-width:.7;stroke-dasharray:2 300 1 500;filter:drop-shadow(0 0 4px #188eff)}
#cc-intro .cci-skip{position:absolute;right:max(27px,env(safe-area-inset-right));bottom:max(23px,calc(env(safe-area-inset-bottom) + 12px));font-size:11px;letter-spacing:2px;line-height:24px;color:#d9e9ff99;border:0;background:transparent;padding:6px 8px;cursor:pointer;transition:color .2s,background .2s}
#cc-intro .cci-skip:hover{color:#fff;background:#8bcaff0d}
#cc-intro .cci-skip span{padding-left:6px}
@media (max-aspect-ratio: 1/1){#cc-intro .cci-stage{inset:0;width:100%;height:100%;transform:none}#cc-intro .cci-art-stage{left:0;top:0;width:100%;height:59%;transform:none;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%)}#cc-intro .cci-character{--art-width:max(150vw,74dvh);width:var(--art-width);height:auto;aspect-ratio:1.25;left:calc(100vw - var(--art-width) + 4vw);top:calc(var(--art-width)*-.05);mask-image:linear-gradient(90deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)}#cc-intro .cci-hud-brand{left:max(19px,env(safe-area-inset-left));top:max(25px,calc(env(safe-area-inset-top) + 14px));width:180px;height:50px}#cc-intro .cci-brand-logo{width:37px;height:34px}#cc-intro .cci-brand-name{left:45px;top:8px;font-size:14px}#cc-intro .cci-brand-rule,#cc-intro .cci-brand-caption,#cc-intro .cci-side-list,#cc-intro .cci-vertical-rule,#cc-intro .cci-right-list,#cc-intro .cci-bottom-right{display:none}#cc-intro .cci-top-right{right:max(22px,env(safe-area-inset-right));top:max(34px,calc(env(safe-area-inset-top) + 23px));font-size:8px}#cc-intro .cci-top-right>span{font-size:8px}#cc-intro .cci-top-right i{width:41px;margin-top:7px}#cc-intro .cci-bottom-left{left:max(24px,env(safe-area-inset-left));top:auto;bottom:max(34px,calc(env(safe-area-inset-bottom) + 22px));font-size:7px}#cc-intro .cci-bottom-left .cci-future,#cc-intro .cci-bottom-left .cci-arrow,#cc-intro .cci-bottom-left br{display:none}#cc-intro .cci-footer-rule{width:103px;margin-bottom:8px}#cc-intro .cci-title-area{left:50%;top:60.5%;width:360px;height:270px;transform:translateX(-50%) scale(var(--mobile-title-scale,1));transform-origin:top center}#cc-intro .cci-headline-wrap{left:19px;top:0;width:322px}#cc-intro .cci-headline{--title-tracking:-2px;font-size:61px}#cc-intro .cci-title-glint{left:308px;top:15px;width:32px;height:32px}#cc-intro .cci-subtitles{left:0;top:78px;width:360px}#cc-intro .cci-chinese{font-size:14px;letter-spacing:2px;line-height:24px}#cc-intro .cci-chinese span{font-size:8px;letter-spacing:1px;vertical-align:1px}#cc-intro .cci-english{font-size:7px;letter-spacing:3.3px;margin-top:5px}#cc-intro .cci-terminal{left:38px;top:151px;font-size:9px;line-height:17px}#cc-intro .cci-orbit{left:-16px;top:-48px;width:430px;height:132px}#cc-intro .cci-sparks{display:none}#cc-intro .cci-skip{right:max(16px,env(safe-area-inset-right));bottom:max(23px,calc(env(safe-area-inset-bottom) + 12px))}}
@media(prefers-reduced-motion:reduce){#cc-intro *::before,#cc-intro *::after{scroll-behavior:auto}}