:root{--bg:#05070a;--ink:#e8f1fa;--holo:#a6d8ff;--holo-strong:#5b9dff;--red:#ff3b3b;--surface:#0a10189e;--surface-hi:#0a1018db;--text:#e8f1faeb;--text-dim:#e8f1fa8c;--accent:#8cc8fff2;--accent-dim:#8cc8ff66;--border:#8cc8ff14;--border-hi:#8cc8ff38;--font-display:"Space Grotesk", -apple-system, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}html:lang(zh-Hant),html:lang(zh-HK){--font-body:"Inter", "PingFang TC", "PingFang HK", "Noto Sans TC", "Microsoft JhengHei", sans-serif}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}#app{position:fixed;inset:0}:focus-visible{outline:2px solid var(--holo);outline-offset:3px}.lobby{color:var(--ink);position:fixed;inset:0;overflow:clip}.lobby-stage{transform-origin:100% 0;transition:filter 1.5s,transform .5s;position:absolute;inset:0}.lobby-stage .avatar-canvas{width:100%;height:100%;display:block}.lobby[data-dim] .lobby-stage{filter:brightness(.45)saturate(.7)}.lobby[data-dim] .panels{opacity:.55}.lobby-logo{z-index:5;font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--holo) 85%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 6px #03060ce6;margin:0;font-size:15px;font-weight:600;transition:opacity .8s;position:absolute;top:22px;left:28px}.lobby:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(farthest-side,#04070d 0 66%,#04070d8c 83%,#04070d00 100%);width:300px;height:150px;position:absolute;top:-30px;left:-40px}.lobby[data-phase=dark] .lobby-logo{opacity:.35}.panels{z-index:2;perspective:1600px;perspective-origin:100%;width:min(54vw,860px);transition:opacity .6s,left 1.6s cubic-bezier(.45,0,.25,1),top 1.6s cubic-bezier(.45,0,.25,1),bottom 1.6s cubic-bezier(.45,0,.25,1),width 1.6s cubic-bezier(.45,0,.25,1),transform .9s;position:absolute;top:11vh;bottom:13vh;left:4vw}.lobby[data-phase=dark] .panels,.lobby[data-phase=boot] .panels{opacity:0;pointer-events:none}.panel{--tilt:8deg;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform-origin:0;transform:rotateY(var(--tilt)) translateZ(0);background:linear-gradient(#8cc8ff12,#8cc8ff04 30%),#080c12cc;border:1px solid #8cc8ff47;border-radius:18px;flex-direction:column;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s,filter .6s;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #8cc8ff0d,0 0 40px #5b9dff1f,0 30px 80px #00000080}.panel:after{content:"";pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(#8cc8ff06 0 1px,#0000 1px 4px);position:absolute;inset:0}.panel[data-depth="0"]{z-index:3}.panel[data-depth="1"]{z-index:2;opacity:.4;filter:blur(1.5px)saturate(.6);transform:rotateY(var(--tilt)) translate3d(-7%, -3%, -180px) scale(.94);pointer-events:none}.panel[data-depth="2"]{z-index:1;opacity:.16;filter:blur(3px)saturate(.4);transform:rotateY(var(--tilt)) translate3d(-13%, -6%, -360px) scale(.88);pointer-events:none}.panel.is-summoned[data-depth="0"]{animation:.62s cubic-bezier(.2,.8,.25,1) both panel-summon}@keyframes panel-summon{0%{opacity:0;transform:rotateY(var(--tilt)) translate(calc(var(--hx,0px) * .92), calc(var(--hy,0px) * .92)) scale(.08);filter:brightness(2.2)blur(4px)}60%{opacity:1;filter:brightness(1.4)}to{opacity:1;transform:rotateY(var(--tilt)) translate(0px, 0px) scale(1);filter:none}}.panel-head{border-bottom:1px solid #8cc8ff1f;flex:none;padding:16px 22px 12px}.panel-eyebrow{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--holo-strong);margin:0 0 4px;font-size:11px}.panel-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:20px;font-weight:600}.panel-nav{scrollbar-width:none;gap:2px;margin:10px -8px 0;display:flex;overflow-x:auto}.panel-nav::-webkit-scrollbar{display:none}.panel-nav-link{font:500 12.5px/1.2 var(--font-display);color:#cfe6ff9e;white-space:nowrap;border-radius:999px;flex:none;padding:5px 10px;text-decoration:none;transition:color .2s,background-color .2s}.panel-nav-link:hover{color:var(--ink);background:#8cc8ff14}.panel-nav-link[aria-current=page]{color:var(--ink);background:#8cc8ff1f;box-shadow:inset 0 0 0 1px #8cc8ff4d}.panel-body.site{--violet:#8cc8ffe6;--grad:linear-gradient(95deg, #e8f1fa 0%, #a6d8ff 55%, #5b9dff 100%);--glass:linear-gradient(160deg, #8cc8ff0f, #ffffff04 45%, #ffffff03);--accent:#8cc8fff2;--accent-dim:#8cc8ff66;--border-hi:#8cc8ff29;scrollbar-color:#8cc8ff40 transparent;background:0 0;border:0;border-radius:0;flex:1;height:auto;min-height:0}.panel-body .site-section.is-highlighted{background-color:#8cc8ff0a;box-shadow:0 0 0 1px #8cc8ff73,0 0 40px #5b9dff2e}.panel[data-key^=case\:] .case-page{padding:14px 16px 24px}.panel[data-key^=case\:] .browser{margin-top:0}.panel[data-key^=case\:] .browser[data-embed=live] .browser-stage{height:min(78vh - 150px,720px)}.panel[data-key^=case\:] .browser[data-embed=live][data-preview] .browser-stage{height:auto}.panel[data-key^=case\:] .case-back{display:none}.route-list,.log-list{margin:0;padding:20px 24px;list-style:none}.route-list li{font-family:var(--font-display);color:var(--ink);background:#8cc8ff0a;border:1px solid #8cc8ff38;border-radius:12px;margin:0 0 12px;padding:14px 18px;font-size:20px}.route-list li:before{content:"“";color:var(--holo-strong);margin-right:4px}.route-list li:after{content:"”";color:var(--holo-strong);margin-left:2px}.route-list li{cursor:pointer;background-position:right 18px center;background-repeat:no-repeat;background-size:16px;transition:border-color .2s,background-color .2s,translate .2s,box-shadow .2s}.route-list li:hover,.route-list li:focus-visible{background-color:#8cc8ff1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11M9 4l4 4-4 4' fill='none' stroke='%23a6d8ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#8cc8ffb3;outline:none;translate:4px;box-shadow:0 0 24px #5b9dff40}.route-list li.picked{animation:.7s ease-out q-picked}@keyframes q-picked{0%{background-color:#8cc8ff73;box-shadow:0 0 40px #8cc8ffcc}}.log-list li{margin:0 0 14px}.log-who{letter-spacing:.14em;text-transform:uppercase;color:var(--holo-strong);font-size:11px;display:block}.log-list p{margin:4px 0 0;line-height:1.6}.log-visitor p{color:var(--text-dim)}.log-empty{color:var(--text-dim);padding:20px 24px}.panels-denied{z-index:10;font-family:var(--font-display);letter-spacing:.18em;color:#ffd0d0;opacity:0;pointer-events:none;background:#3c00008c;border-radius:18px;place-items:center;font-size:clamp(20px,2.4vw,34px);transition:opacity .2s;display:grid;position:absolute;inset:0}.panels[data-denied] .panels-denied{opacity:1}@media not ((width<=767px) and (orientation:portrait)){.lobby:is([data-shot=board],[data-shot=wide]) .panels{width:min(58vw,930px);top:10vh;bottom:16vh;left:6vw}.lobby[data-shot=board-close] .panels{width:min(65vw,1050px,64vw - 60px);top:10vh;bottom:15vh;left:6vw}.lobby:is([data-shot=board],[data-shot=board-close],[data-shot=wide]) .dock>.caption{width:min(56vw,860px);position:absolute;bottom:2vh;left:calc(min(42vw,560px)/2 - 64vw + min(58vw,930px)/2 - min(56vw,860px)/2)}}.dock{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:14px;width:min(42vw,560px);display:flex;position:absolute;bottom:5vh;left:70%;translate:-50%}.dock>*{pointer-events:auto}.lobby[data-phase=dark] .dock{bottom:28vh;left:50%}.dock>.caption{pointer-events:none}.caption{text-align:center;width:100%;min-height:3.2em}.caption-status{letter-spacing:.12em;text-transform:uppercase;color:var(--holo);background:#080c12cc;border:1px solid #5b9dff73;border-radius:999px;margin:0 0 8px;padding:4px 12px;font-size:13px;display:inline-block}.caption-status[hidden]{display:none}.caption-line{color:var(--ink);text-shadow:0 0 18px #5b9dff73;margin:0;font-size:17px;line-height:1.55}.caption-line[data-who=visitor]{color:#e8f1fa80;text-shadow:none}.caption-line span{opacity:0;animation:.24s forwards caption-letter;animation-delay:calc(var(--i) * 28ms)}@keyframes caption-letter{to{opacity:1}}.mic{--level:0;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.mic-button{width:76px;height:76px;color:var(--ink);background:radial-gradient(circle at 50% 40%,#8cc8ff38,#080c12e6 70%);border:1px solid #8cc8ff8c;border-radius:50%;place-items:center;padding:0;transition:width .4s,border-radius .4s,box-shadow .25s,background .25s;display:grid;position:relative;box-shadow:0 0 30px #5b9dff40}.mic-button:disabled{opacity:.4;cursor:progress}.mic-button:hover{box-shadow:0 0 44px #5b9dff73}.mic-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:28px;height:28px}.mic-enter{font-family:var(--font-display);letter-spacing:.14em;white-space:nowrap;font-size:16px}.mic[data-state=enter] .mic-icon,.mic-deco,.mic:not([data-state=enter]) .mic-enter{display:none}.mic-ring{border-radius:inherit;scale:calc(1 + var(--level) * .35);opacity:calc(.25 + var(--level) * .75);pointer-events:none;border:1px solid #8cc8ff66;transition:scale 80ms linear,opacity 80ms linear;position:absolute;inset:-6px}.mic[data-state=listening] .mic-button{background:radial-gradient(circle at 50% 40%,#8cc8ff80,#081220e6 70%);box-shadow:0 0 56px #5b9dff99}.mic[data-state=thinking] .mic-ring{border-style:dashed;animation:2.6s linear infinite mic-spin}.mic[data-state=locked] .mic-button{color:#ffb3b3;cursor:not-allowed;background:radial-gradient(circle at 50% 40%,#ff3b3b4d,#1e0303e6 70%);border-color:#ff3b3bcc;box-shadow:0 0 40px #ff3b3b73}.mic-hold{pointer-events:none;width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;inset:-10px;rotate:-90deg}.mic-hold circle{fill:none;stroke:#8cc8ff;stroke-width:2px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;opacity:0;filter:drop-shadow(0 0 6px #8cc8ffe6)}.mic[data-holding] .mic-hold circle{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,opacity .12s}.mic[data-state=enter] .mic-hold{display:none}.mic[data-listen=on] .mic-ring{opacity:calc(.7 + var(--level) * .3);border-color:#8cc8ffd9;animation:3.2s ease-in-out infinite mic-breathe}.mic[data-listen=paused] .mic-ring{opacity:.35;border-color:#8cc8ff80}@keyframes mic-breathe{0%,to{box-shadow:0 0 6px #8cc8ff40}50%{box-shadow:0 0 22px #8cc8ffa6,inset 0 0 10px #8cc8ff59}}@keyframes mic-spin{to{rotate:360deg}}.mic-label{text-align:center;letter-spacing:.08em;width:18em;min-height:1.4em;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mic-form{width:min(420px,80vw)}.mic-input{width:100%;font:inherit;color:var(--ink);background:#080c12d9;border:1px solid #8cc8ff80;border-radius:999px;padding:14px 20px;font-size:15px;box-shadow:0 0 30px #5b9dff33}.mic-input:focus{border-color:var(--holo);outline:none}.mic[data-state=locked] .mic-input{border-color:#ff3b3bcc}.alert-overlay{z-index:8;pointer-events:none;opacity:0;position:absolute;inset:0}.alert-overlay[data-phase=scan],.alert-overlay[data-phase=red]{opacity:1}.alert-scan{background:var(--red);opacity:0;height:3px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 24px 6px #ff3b3bb3}.alert-overlay[data-phase=scan] .alert-scan{opacity:1;animation:.3s linear forwards alert-sweep}@keyframes alert-sweep{0%{top:0}to{top:100%}}.alert-overlay[data-phase=red]{background:radial-gradient(at 70%,#ff3b3b1f,#0000 60%),#78000038;animation:.7s ease-in-out infinite alternate alert-pulse;box-shadow:inset 0 0 160px #ff3b3b80}.alert-words{font-family:var(--font-display);letter-spacing:.22em;color:#ffd6d6;text-shadow:0 0 18px #ff3b3be6;white-space:nowrap;opacity:0;margin:0;font-size:clamp(18px,2vw,28px);position:absolute;top:8vh;left:70%;translate:-50%}.alert-overlay[data-phase=red] .alert-words{opacity:1}@keyframes alert-pulse{0%{opacity:.75}to{opacity:1}}.notice{z-index:6;max-width:min(360px,80vw);color:var(--ink);background:#080c12d9;border:1px solid #8cc8ff59;border-radius:10px;padding:10px 14px;font-size:13px;transition:opacity .6s;position:absolute;top:20px;right:24px}.notice[data-gone]{opacity:0}.sheet{display:contents}.sheet-handle{display:none}.handsfree-count{z-index:9;color:var(--ink);background:#0009;border-radius:6px;padding:4px 8px;font:12px ui-monospace,monospace;position:absolute;bottom:12px;left:12px}@media (width<=767px) and (orientation:portrait){.lobby-logo{font-size:13px;top:16px;left:18px}.lobby:before{width:190px;height:120px}.sheet{--top:calc(100dvh - 56px);z-index:3;left:0;right:0;top:var(--sheet-drag,var(--top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060a10e6;border-top:1px solid #8cc8ff4d;border-radius:20px 20px 0 0;flex-direction:column;height:100dvh;transition:top .38s cubic-bezier(.2,.8,.25,1);display:flex;position:absolute}.sheet[style*=--sheet-drag]{transition:none}.sheet[data-sheet=half]{--top:50dvh}.sheet[data-sheet=full]{--top:8dvh}.sheet-handle{touch-action:none;background:0 0;border:0;flex:none;place-items:center;height:56px;display:grid}.sheet-grip{background:#8cc8ff80;border-radius:3px;width:44px;height:5px}.panels{width:auto;min-height:0;height:calc(100dvh - var(--top) - 64px);perspective:none;flex:1;margin:0 10px;position:relative;top:auto;bottom:auto;left:auto}.sheet[data-sheet=peek] .panels{opacity:0;pointer-events:none}.panel{--tilt:0deg;transform:none}.panel[data-depth="1"],.panel[data-depth="2"]{opacity:0;transform:translateY(12px)scale(.97)}.panel.is-summoned[data-depth="0"]{animation-name:panel-rise}@keyframes panel-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.panel[data-key^=case\:] .browser[data-embed=live] .browser-stage{height:60dvh}.dock{left:50%;bottom:calc(100dvh - var(--sheet-top,100dvh - 56px) - 20px);width:92vw;transition:bottom .38s cubic-bezier(.2,.8,.25,1)}.lobby[data-phase=dark] .dock{top:calc(100dvh - 206px);bottom:auto}.lobby[data-sheet=half] .dock{--sheet-top:50dvh}.lobby[data-sheet=full] .dock,.lobby[data-brief] .dock{top:auto;bottom:16px}.lobby[data-sheet=full] .dock:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#060a1000,#060a10f0 30px);position:absolute;inset:-32px -4vw -16px}.mic-button{width:64px;height:64px}.caption-line{font-size:15px}.lobby[data-sheet=half] .lobby-stage{transform-origin:top;transform:scale(.52);-webkit-mask-image:radial-gradient(50% 50% at 50% 45%,#000 55%,#0000 100%);mask-image:radial-gradient(50% 50% at 50% 45%,#000 55%,#0000 100%)}.lobby[data-sheet=full] .lobby-stage{transform:scale(.28);-webkit-mask-image:radial-gradient(50% 50% at 50% 45%,#000 55%,#0000 100%);mask-image:radial-gradient(50% 50% at 50% 45%,#000 55%,#0000 100%)}.alert-words{top:12dvh;left:50%}}@media (prefers-reduced-motion:reduce){.panel,.panel.is-summoned[data-depth="0"],.caption-line span,.mic-ring,.alert-overlay[data-phase=red]{transition:none;animation:none!important}.caption-line span{opacity:1}.panels{transition:opacity .6s}}.mic[data-input] .mic-form{order:-1;gap:8px;display:flex}.mic-send{display:none}.mic[data-input] .mic-send{font:inherit;letter-spacing:.1em;color:var(--ink);cursor:pointer;background:#8cc8ff24;border:1px solid #8cc8ff8c;border-radius:999px;flex:none;padding:0 20px;font-size:14px;display:block}.mic[data-input] .mic-send:hover{background:#8cc8ff42}.mic[data-phone] .mic-form{flex-wrap:wrap}.mic[data-phone] .mic-form>.mic-input:first-child{flex-basis:100%}.mic[data-phone] .mic-phone{flex:1;width:auto;min-width:0}.mic[data-input] .mic-button{width:52px;height:52px}.mic-input[aria-invalid]{border-color:#ff7878d9;box-shadow:0 0 24px #ff5a5a40}.mic-input.lit{animation:1.2s ease-out mic-lit}@keyframes mic-lit{35%{background:#28507899;box-shadow:0 0 40px #8cc8ffcc}}.lobby[data-ending] .panels{opacity:0;pointer-events:none;transform:translate(-3vw)scale(.94)}.lobby[data-ending] .lobby-stage{filter:brightness(.32)saturate(.6);transition:filter 2.4s,transform .5s}.lobby[data-ending] .lobby-logo{opacity:.4}.lobby[data-ending] .sheet{opacity:0;pointer-events:none;transition:opacity .9s}.lobby[data-ending]{cursor:pointer}.q-keys{width:44px;height:44px;color:var(--ink);cursor:pointer;background:radial-gradient(circle at 50% 40%,#8cc8ff29,#080c12e6 70%);border:1px solid #8cc8ff73;border-radius:50%;place-items:center;padding:0;transition:box-shadow .2s,opacity .3s,visibility .3s;display:grid;position:absolute;top:16px;left:calc(50% - 102px);box-shadow:0 0 18px #5b9dff2e}.q-keys:hover,.q-keys:focus-visible{outline:none;box-shadow:0 0 30px #5b9dff73}.q-keys svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:22px;height:22px}.mic:is([data-state=enter],[data-state=locked],[data-input],[data-typing]) .q-keys{opacity:0;visibility:hidden;pointer-events:none}.q-answers{flex-wrap:wrap;justify-content:center;gap:10px;min-height:0;display:flex}.q-answers .q-wrap{flex-basis:100%;justify-content:center;display:flex}.q-answers .q-ask{text-align:center;letter-spacing:.03em;max-width:100%;color:var(--ink);background:#080c12e0;border:1px solid #8cc8ff33;border-radius:10px;margin:0;padding:6px 14px;font-size:14px;line-height:1.5;animation:.42s both q-in}.q-answers.done .q-ask{opacity:0;transition:opacity .25s}.q-answers button{font:inherit;letter-spacing:.04em;color:var(--ink);cursor:pointer;animation:q-in .42s cubic-bezier(.2, .8, .25, 1) calc(var(--i) * 90ms) both;background:#080c12d9;border:1px solid #8cc8ff73;border-radius:999px;padding:10px 22px;font-size:15px;transition:background .2s,box-shadow .2s,opacity .3s;box-shadow:0 0 20px #5b9dff26}.q-answers button.main{background:#2850828c;border-color:#8cc8ffd9}.q-answers button:hover,.q-answers button:focus-visible{background:#8cc8ff38;outline:none;box-shadow:0 0 30px #5b9dff73}.q-answers.done button{opacity:0;pointer-events:none}.q-answers.done button.picked{opacity:1;background:#8cc8ff66;box-shadow:0 0 36px #8cc8ffcc}@keyframes q-in{0%{opacity:0;filter:blur(4px);translate:0 10px}to{opacity:1;filter:none;translate:0}}@media (prefers-reduced-motion:reduce){.q-answers button,.q-answers .q-ask{animation:none}}.mic[data-state=enter]{filter:drop-shadow(0 0 18px #5b9dff38)}.mic[data-state=enter] .mic-button{--cut:16px;width:248px;height:64px;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));box-shadow:none;background:linear-gradient(90deg,#8cc8ffb3,#8cc8ff4d 50%,#8cc8ff99);border:0;border-radius:0;overflow:hidden}.mic[data-state=enter] .mic-button:before{content:"";clip-path:polygon(15.5px 0,100% 0,100% calc(100% - 15.5px),calc(100% - 15.5px) 100%,0 100%,0 15.5px);background:repeating-linear-gradient(#8cc8ff08 0 1px,#0000 1px 4px),linear-gradient(#8cc8ff1a,#8cc8ff05 45%),#080c12e6;transition:background .2s;position:absolute;inset:1px}.mic[data-state=enter] .mic-button:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg,#0000 35%,#a6d8ff38 50%,#0000 65%);animation:3.6s cubic-bezier(.5,0,.3,1) infinite enter-sweep;position:absolute;inset:0;translate:-100%}.mic[data-state=enter] .mic-button:hover:after{animation-duration:1.4s}.mic[data-state=enter] .mic-button:hover:before{background:repeating-linear-gradient(#8cc8ff0a 0 1px,#0000 1px 4px),linear-gradient(#8cc8ff2e,#8cc8ff0a 45%),#0a121ee6}.mic[data-state=enter] .mic-button:active{scale:.98}.mic[data-state=enter] .mic-enter{z-index:2;font-family:var(--font-display);letter-spacing:.55em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 12px #8cc8ff8c;margin-right:-.55em;font-size:15px;font-weight:500;position:relative}.mic[data-state=enter] .mic-deco{z-index:2;display:block;position:absolute;inset:0}.mic[data-state=enter] .mic-deco i:first-child{background:#a6d8ff;width:7px;height:7px;animation:2.4s ease-in-out infinite enter-blink;position:absolute;top:calc(50% - 3.5px);left:28px;rotate:45deg;box-shadow:0 0 10px #8cc8ffe6}.mic[data-state=enter] .mic-deco i:nth-child(n+2){opacity:.2;border-top:1.5px solid #a6d8ff;border-right:1.5px solid #a6d8ff;width:9px;height:9px;animation:1.8s linear infinite enter-chevron;position:absolute;top:calc(50% - 4.5px);rotate:45deg}.mic[data-state=enter] .mic-deco i:nth-child(2){right:44px}.mic[data-state=enter] .mic-deco i:nth-child(3){animation-delay:.2s;right:36px}.mic[data-state=enter] .mic-deco i:nth-child(4){animation-delay:.4s;right:28px}.mic[data-state=enter] .mic-button:hover .mic-deco i:nth-child(n+2){animation-duration:.9s}.mic[data-state=enter] .mic-ring{display:none}.mic[data-state=enter]:before{content:"";--b:#8cc8ff80;background:linear-gradient(var(--b), var(--b)) left top / 12px 1px, linear-gradient(var(--b), var(--b)) left top / 1px 12px, linear-gradient(var(--b), var(--b)) right top / 12px 1px, linear-gradient(var(--b), var(--b)) right top / 1px 12px, linear-gradient(var(--b), var(--b)) left bottom / 12px 1px, linear-gradient(var(--b), var(--b)) left bottom / 1px 12px, linear-gradient(var(--b), var(--b)) right bottom / 12px 1px, linear-gradient(var(--b), var(--b)) right bottom / 1px 12px;pointer-events:none;background-repeat:no-repeat;width:266px;height:82px;animation:3.2s ease-in-out infinite enter-blink;position:absolute;top:-9px;left:50%;translate:-50%}.mic[data-state=enter] .mic-button:disabled{opacity:1}.mic[data-state=enter] .mic-button:disabled .mic-enter{opacity:.4}.mic[data-state=enter] .mic-button:disabled:after{animation:1s linear infinite enter-sweep}.mic[data-state=enter] .mic-button:disabled .mic-deco i{opacity:.25;animation:none}@keyframes enter-sweep{0%{translate:-100%}60%,to{translate:100%}}@keyframes enter-blink{50%{opacity:.35}}@keyframes enter-chevron{0%,to{opacity:.2}20%{opacity:1}45%{opacity:.2}}@media (width<=720px){.mic[data-state=enter] .mic-button{width:220px;height:58px}.mic[data-state=enter]:before{width:238px;height:76px}}@media (prefers-reduced-motion:reduce){.mic[data-state=enter] .mic-button:after,.mic[data-state=enter] .mic-deco i,.mic[data-state=enter]:before{animation:none!important}}.avatar-stage.no-avatar{--orb-glow:1;background:radial-gradient(circle at 50% 38%,#a0b4ff24,#0000 55%)}.avatar-stage.no-avatar:before,.avatar-stage.no-avatar:after{content:"";aspect-ratio:1;width:min(44%,240px);translate:-50% -50%;scale:calc(1 + .18 * var(--loomy-mouth,0));pointer-events:none;border-radius:50%;position:absolute;top:38%;left:50%}.avatar-stage.no-avatar:before{opacity:calc(.7 + .3 * var(--loomy-mouth,0));filter:brightness(var(--orb-glow));background:radial-gradient(circle,#e4eafff2 0%,#a0b4ffb3 22%,#c8a0ff38 48%,#0000 70%);transition:filter .25s}.avatar-stage.no-avatar:after{opacity:0;background:radial-gradient(circle,#ffcdcdf2 0%,#ff3b3bbf 24%,#ff3b3b33 50%,#0000 70%);transition:opacity .25s}.avatar-stage.no-avatar[data-mood=listening]{--orb-glow:1.55}.avatar-stage.no-avatar[data-mood=thinking]{--orb-glow:1.2}.avatar-stage.no-avatar[data-mood=speaking]{--orb-glow:1.15}.avatar-stage.no-avatar[data-mood=alert]{--orb-glow:.4}.avatar-stage.no-avatar[data-mood=alert]:after{opacity:1}.avatar-stage.no-avatar[data-mood=thinking]:before{animation:.7s ease-in-out infinite alternate loomy-orb-shimmer}@keyframes loomy-orb-shimmer{0%{opacity:.45}to{opacity:.95}}@media (width<=767px){.avatar-stage.no-avatar:before,.avatar-stage.no-avatar:after{width:min(60%,240px);top:50%}}@media (prefers-reduced-motion:reduce){.avatar-stage.no-avatar[data-mood=thinking]:before{animation:none}}.explainer{z-index:4;transform-origin:50%;pointer-events:none;background:radial-gradient(80% 60% at 50% 55%,#5b9dff1f,#0000 70%),#060a10b8;border:1px solid #8cc8ff47;border-radius:18px;animation:.6s cubic-bezier(.2,.7,.2,1) both ex-in;position:absolute;inset:0;overflow:hidden;transform:rotateY(8deg);box-shadow:0 0 40px #5b9dff24,0 30px 80px #00000080}.explainer[hidden]{display:none}.panels:has(>.explainer:not([hidden]))>.panel{pointer-events:none;opacity:0!important}@keyframes ex-in{0%{opacity:0;filter:blur(6px);transform:rotateY(8deg)scale(.92)}}.ex-grid{background:repeating-linear-gradient(0deg,#8cc8ff0d 0 1px,#0000 1px 36px),repeating-linear-gradient(90deg,#8cc8ff0d 0 1px,#0000 1px 36px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%)}.ex-curve,.ex-abilities,.ex-compress,.ex-veil,.ex-shards,.ex-stations,.ex-skyline,.ex-people,.ex-close{opacity:0;transition:opacity .7s,transform 1.1s cubic-bezier(.2,.7,.2,1),filter .7s;position:absolute;inset:0}.ex-shards{transition:none}.ex-curve svg{width:88%;height:88%;position:absolute;inset:6%;overflow:visible}.explainer[data-scene=curve] .ex-curve{opacity:1}@keyframes ex-draw-on{to{stroke-dashoffset:0}}.ex-curve .axis,.ex-curve .tick line{stroke:#8cc8ff73;stroke-width:.4px}.ex-curve text{font:4px var(--font-display), sans-serif;letter-spacing:.04em;text-anchor:middle;fill:#cfe6ffd9}.ex-curve .tick{opacity:.25}.ex-curve .line{fill:none;stroke:var(--holo);stroke-width:1.1px;stroke-linecap:round;filter:drop-shadow(0 0 2px var(--holo-strong));stroke-dasharray:1;stroke-dashoffset:1px}.ex-curve .now{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:50%}.explainer:is([data-scene=curve],[data-scene=abilities]) .ex-curve .line{animation:2.9s cubic-bezier(.55,0,.85,.4) .3s forwards ex-draw-on}.explainer:is([data-scene=curve],[data-scene=abilities]) .ex-curve .tick{animation:ex-tick .4s ease var(--d) forwards}.explainer:is([data-scene=curve],[data-scene=abilities]) .ex-curve .now{animation:1.4s ease-out 3.2s infinite ex-now}@keyframes ex-tick{to{opacity:1}}@keyframes ex-now{0%{opacity:1;filter:drop-shadow(0 0 3px #fff);transform:scale(1)}to{opacity:.6;filter:drop-shadow(0 0 6px var(--holo-strong));transform:scale(1.6)}}.ex-abilities{justify-content:center;align-items:center;gap:5%;display:flex;inset:30% 8%}.ex-ability{aspect-ratio:1;opacity:.3;background:#5b9dff0f;border:1px solid #8cc8ff59;border-radius:14px;place-items:center;width:17%;display:grid;position:relative}.ex-ability .ex-icon-svg{width:62%;height:62%}.explainer[data-scene=abilities] .ex-abilities{opacity:1}.explainer[data-scene=abilities] .ex-ability:not([data-on]){transform:translateY(10px)}.explainer:is([data-scene=abilities],[data-scene=compress]) .ex-ability[data-on]{animation:.6s both ex-ability-on}.explainer:is([data-scene=abilities],[data-scene=compress]) .ex-ability[data-on] .ex-icon-svg{animation:.5s both ex-wake}@keyframes ex-ability-on{0%{opacity:.3;transform:translateY(10px)}to{opacity:1;border-color:var(--holo);background:#5b9dff29;box-shadow:0 0 26px #5b9dff73}}.explainer[data-scene=abilities] [data-kind=voice][data-on] path{transform-origin:50%;animation:ex-wave .9s ease-in-out calc(var(--i) * 90ms) infinite alternate}@keyframes ex-wave{to{transform:scaleY(.35)}}.ex-compress{flex-direction:column;justify-content:center;align-items:center;gap:10%;display:flex}.ex-crew,.ex-days{justify-content:center;width:76%;display:flex}.ex-crew{align-items:flex-end}.ex-mate{flex-direction:column;flex:none;align-items:center;width:12.5%;display:flex;overflow:hidden}.ex-mate .ex-head{background:#c8d7e6bf}.ex-mate .ex-body{background:linear-gradient(#c8d7e699,#c8d7e60d)}.ex-days{height:22px}.ex-days i{background:#c8d7e666;border-radius:3px;flex:none;width:calc(4.16667% - 3px);margin-right:3px}.explainer[data-scene=compress] .ex-compress{opacity:1}.explainer:is([data-scene=compress],[data-scene=veil]) .ex-mate:not(:first-child){animation:ex-fold-away .9s cubic-bezier(.6, 0, .3, 1) calc(1.2s + (7 - var(--i)) * 70ms) both}.explainer:is([data-scene=compress],[data-scene=veil]) .ex-compress[data-on] .ex-mate:first-child{animation:.7s both ex-light}@keyframes ex-light{to{filter:drop-shadow(0 0 12px var(--holo-strong))}}.explainer:is([data-scene=compress],[data-scene=veil]) .ex-compress[data-on] .ex-mate:first-child b{background:var(--holo);transition:background .7s}.explainer:is([data-scene=compress],[data-scene=veil]) .ex-days i:nth-child(n+4){animation:ex-fold-away .9s cubic-bezier(.6, 0, .3, 1) calc(1.2s + (23 - var(--i)) * 30ms) both}.explainer:is([data-scene=compress],[data-scene=veil]) .ex-compress[data-on] .ex-days i:nth-child(-n+3){animation:.6s both ex-day}@keyframes ex-fold-away{to{opacity:0;width:0;margin-right:0}}@keyframes ex-day{to{background:var(--holo);box-shadow:0 0 14px var(--holo-strong)}}.explainer:is([data-scene=veil],[data-scene=break]) .ex-abilities{opacity:1;filter:grayscale()brightness(.8)}.explainer:is([data-scene=veil],[data-scene=break]) .ex-ability{opacity:1}.ex-veil{background-blend-mode:soft-light, normal, normal;-webkit-backdrop-filter:blur(4px)saturate(.2)brightness(.85);backdrop-filter:blur(4px)saturate(.2)brightness(.85);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(170deg,#ebf5ff33,#bed2e60f 40%,#96afc81a),#5a739129;border:1px solid #e1eefa73;border-radius:12px;inset:24% 5%;overflow:hidden;transform:translateY(-30%);box-shadow:inset 1px 1px #ffffff8c,inset -1px -1px #ffffff1f,inset 0 0 50px #dcebff1f,0 20px 60px #00000073}.ex-veil:after{content:"";background:linear-gradient(100deg,#0000,#ffffff38,#0000);width:30%;position:absolute;inset:-20% auto -20% -40%;transform:skew(-18deg)}.explainer[data-scene=veil] .ex-veil:after{animation:3.2s ease-in-out 1.2s infinite ex-sheen}@keyframes ex-sheen{to{left:130%}}.explainer[data-scene=veil] .ex-veil[data-on]{opacity:1;transform:none}.ex-cracks{position:absolute;inset:0}.ex-cracks svg{fill:none;stroke:#ffffffd9;stroke-width:1.4px;stroke-linejoin:bevel;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #a6d8ffe6);width:100%;height:100%}.ex-cracks path{vector-effect:non-scaling-stroke}.ex-cracks .branch,.ex-cracks .ring{stroke-width:.9px;stroke:#fff9}.ex-cracks{opacity:0;clip-path:circle(0 at 62% 44%)}.explainer[data-scene=break] .ex-cracks{opacity:1;animation:.38s cubic-bezier(.2,.8,.3,1) both ex-crack}@keyframes ex-crack{to{clip-path:circle(120% at 62% 44%)}}.explainer[data-scene=break] .ex-veil{opacity:1;transition:none;animation:1ms linear .48s both ex-pane-go;transform:none}@keyframes ex-pane-go{to{opacity:0}}.explainer[data-scene=break] .ex-abilities{animation:1ms linear .48s both ex-pane-go}.ex-shards i:before{content:"";filter:drop-shadow(0 0 4px #a6d8ffcc);opacity:0;background:linear-gradient(150deg,#ffffffd9,#dcebfa4d 40%,#aac8e673),#a0b9d24d;width:64px;height:52px;margin:-26px 0 0 -32px;position:absolute;top:50%;left:50%}.ex-shards i[data-cut="0"]:before{clip-path:polygon(0 0,100% 18%,30% 100%)}.ex-shards i[data-cut="1"]:before{clip-path:polygon(20% 0,100% 40%,70% 100%,0 70%)}.ex-shards i[data-cut="2"]:before{clip-path:polygon(0 30%,80% 0,100% 100%)}.ex-shards i[data-cut="3"]:before{clip-path:polygon(10% 10%,90% 0,60% 90%,0 100%)}.ex-shards i[data-cut="4"]:before{clip-path:polygon(50% 0,100% 80%,0 100%)}.explainer[data-scene=break] .ex-shards{opacity:1;transition:none}.explainer[data-scene=break] .ex-shards i{animation:ex-fly 1.7s cubic-bezier(.12, .8, .3, 1) calc(.48s + var(--d)) both, ex-float 3.6s ease-in-out calc(2.3s + var(--d)) infinite alternate}.explainer[data-scene=break] .ex-shards i:before{animation:ex-piece 1.3s cubic-bezier(.2, .6, .3, 1) calc(.48s + var(--d)) forwards}@keyframes ex-fly{0%{width:5px;height:5px;box-shadow:none;transform:rotate(var(--r));background:0 0;border-radius:50%}45%{box-shadow:none;background:0 0}to{width:7px;height:7px;box-shadow:0 0 6px #fff, 0 0 16px var(--holo-strong);transform:translate(calc(var(--dx) * .55), calc(var(--dy) * .55)) rotate(calc(var(--r) + 220deg));background:#e6f5ff;border-radius:50%}}@keyframes ex-piece{0%{opacity:1;transform:perspective(300px)rotateX(0)rotateY(0)scale(1)}70%{opacity:.6}to{opacity:0;transform:perspective(300px) rotateX(calc(var(--r) * .5)) rotateY(140deg) scale(.15)}}@keyframes ex-float{0%{opacity:1;translate:0}to{opacity:.6;translate:0 -10px}}.explainer[data-scene=city] .ex-shards{opacity:1}.explainer[data-scene=city] .ex-shards i{animation:ex-land 1.1s cubic-bezier(.5, 0, .25, 1) calc(var(--d) * 2) both}@keyframes ex-land{0%{width:7px;height:7px;box-shadow:0 0 6px #fff, 0 0 16px var(--holo-strong);transform:translate(calc(var(--dx) * .55), calc(var(--dy) * .55)) rotate(calc(var(--r) + 220deg));background:#e6f5ff;border-radius:50%}75%{opacity:1}to{left:var(--bx);top:var(--by);opacity:0;border-radius:50%;width:4px;height:4px;transform:none}}.explainer[data-scene=city] .ex-skyline{opacity:1}.explainer:is([data-scene=city],[data-scene=people]) .ex-building{animation:ex-rise 1s cubic-bezier(.2, .7, .2, 1) calc(.5s + var(--d)) both}.explainer:is([data-scene=desks],[data-scene=together]) .ex-stations{opacity:1}.explainer:is([data-scene=desks],[data-scene=together]) .ex-station{opacity:1;transition:opacity .6s ease calc(.5s + var(--i) * .26s), transform .7s cubic-bezier(.2, .7, .2, 1) calc(.5s + var(--i) * .26s);transform:none}.explainer[data-scene=desks] .ex-desk{animation:ex-desk .6s cubic-bezier(.3, .7, .3, 1) calc(.15s + var(--i) * .26s) both;transform-origin:0}@keyframes ex-desk{0%{transform:scaleX(0)}}.ex-shards i{left:var(--x);top:var(--y);background:var(--holo);width:9px;height:9px;box-shadow:0 0 10px var(--holo-strong);transform:rotate(var(--r));border-radius:2px;position:absolute}.ex-stations{justify-content:space-around;align-items:flex-end;display:flex;inset:22% 6%}.ex-station{opacity:0;width:21%;transition:opacity .6s ease calc(.7s + var(--i) * .16s), transform .7s cubic-bezier(.2, .7, .2, 1) calc(.7s + var(--i) * .16s);flex-direction:column;align-items:center;display:flex;position:relative;transform:translateY(14px)}.ex-monitor{aspect-ratio:4/3;background:#5b9dff14;border:1px solid #8cc8ff8c;border-radius:6px;place-items:center;width:78%;display:grid;position:relative;overflow:hidden;box-shadow:0 0 18px #5b9dff40}.ex-figure{filter:drop-shadow(0 0 8px var(--holo-strong));flex-direction:column;align-items:center;margin-top:10%;display:flex;position:relative}.ex-head{background:linear-gradient(#a6d8fff2,#5b9dff99);border-radius:50%;width:22px;height:22px;display:block}.ex-body{background:linear-gradient(#a6d8ffcc,#5b9dff26);border-radius:22px 22px 6px 6px;width:44px;height:34px;margin-top:4px;display:block}.ex-desk{background:var(--holo);width:100%;height:3px;box-shadow:0 0 12px var(--holo-strong);border-radius:2px;margin-top:-2px;display:block}.explainer[data-scene=together] .ex-stations{opacity:1}.explainer[data-scene=together] .ex-station{opacity:1;transform:none}.ex-icon-svg,.ex-scroll{opacity:.25;width:56%;height:70%;transition:opacity .4s;display:block}.ex-icon-svg svg{fill:none;width:100%;height:100%;stroke:var(--holo);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ex-scroll{flex-direction:column;gap:7%;padding-top:4%;display:flex;overflow:hidden}.ex-scroll i{width:var(--w);background:var(--holo);border-radius:2px;flex:none;height:3px;display:block}.explainer[data-scene=together] .ex-station[data-on] .ex-icon-svg,.explainer[data-scene=together] .ex-station[data-on] .ex-scroll{animation:.5s both ex-wake}@keyframes ex-wake{0%{opacity:.25}to{opacity:1}}.explainer[data-scene=together] .ex-station[data-on] .ex-monitor{animation:.5s both ex-monitor-on}@keyframes ex-monitor-on{to{border-color:var(--holo);background:#5b9dff33;box-shadow:0 0 28px #5b9dff80}}.explainer[data-scene=together] [data-kind=code][data-on] .ex-scroll i{animation:1.6s linear infinite ex-lines}@keyframes ex-lines{to{transform:translateY(-400%)}}.explainer[data-scene=together] [data-kind=tick] path{stroke-dasharray:30;stroke-dashoffset:30px}.explainer[data-scene=together] [data-kind=tick][data-on] path{animation:.6s .2s both ex-draw}@keyframes ex-draw{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}.explainer[data-scene=together] [data-kind=talk][data-on] circle{animation:.9s ease-in-out infinite ex-dot}.explainer[data-scene=together] [data-kind=talk][data-on] circle:nth-of-type(2){animation-delay:.15s}.explainer[data-scene=together] [data-kind=talk][data-on] circle:nth-of-type(3){animation-delay:.3s}@keyframes ex-dot{50%{fill:var(--holo);transform:translateY(-1.5px)}}.ex-together,.explainer:is([data-scene=desks],[data-scene=together]) [data-kind=ship] .ex-icon-svg:not(.ex-together){display:none}.explainer:is([data-scene=desks],[data-scene=together]) .ex-together{display:block}.ex-together .ex-us{stroke:#ffd9a8}.explainer[data-scene=desks] [data-kind=ship] .ex-us,.explainer[data-scene=together] [data-kind=ship]:not([data-on]) .ex-us{transform:translate(-4px)}.explainer[data-scene=desks] [data-kind=ship] .ex-them,.explainer[data-scene=together] [data-kind=ship]:not([data-on]) .ex-them{transform:translate(4px)}.explainer[data-scene=together] [data-kind=ship][data-on] .ex-us{animation:.9s cubic-bezier(.2,.7,.2,1) both ex-near}.explainer[data-scene=together] [data-kind=ship][data-on] .ex-them{animation:.9s cubic-bezier(.2,.7,.2,1) both ex-near-them}@keyframes ex-near-them{0%{transform:translate(4px)}to{transform:translate(-1px)}}@keyframes ex-near{0%{transform:translate(-4px)}to{transform:translate(1px)}}.ex-skyline{border-bottom:2px solid #8cc8ff99;justify-content:center;align-items:flex-end;gap:1%;display:flex;inset:18% 4% 20%}.ex-building{width:var(--w);height:var(--h);transform-origin:bottom;background:radial-gradient(circle,#a6d8fff2 0 1.5px,#0000 2px) 0 0/10px 12px,#5b9dff14;border:1px solid #8cc8ff80;border-bottom:0;border-radius:3px 3px 0 0;flex:none;transform:scaleY(0);box-shadow:0 0 14px #5b9dff33}@keyframes ex-rise{to{transform:none}}.ex-people{justify-content:center;align-items:center;gap:9%;display:flex}.ex-person{opacity:0;transition:opacity .7s ease calc(.3s + var(--i) * .7s), transform .8s cubic-bezier(.2, .7, .2, 1) calc(.3s + var(--i) * .7s);filter:drop-shadow(0 0 12px #ffdcaa73);flex-direction:column;align-items:center;display:flex;transform:translateY(12px)}.ex-person .ex-head{background:linear-gradient(#ffeccdf2,#ffc88c8c);width:40px;height:40px}.ex-person .ex-body{background:linear-gradient(#ffe6becc,#ffc88c14);border-radius:40px 40px 10px 10px;width:80px;height:64px;margin-top:6px}.ex-word{font-family:var(--font-display);letter-spacing:.14em;color:#ffe9cc;opacity:0;transition:opacity .6s ease calc(.7s + var(--i) * .7s);margin-top:18px;font-size:clamp(18px,2vw,28px)}.explainer[data-scene=people] .ex-people{opacity:1;transform:none}.explainer[data-scene=people] .ex-person[data-on]{opacity:1;transition-delay:calc(var(--i) * .2s);transform:none}.explainer[data-scene=people] .ex-word[data-on]{opacity:1;transition-delay:0s}.ex-close{flex-direction:column;justify-content:center;align-items:center;display:flex}.ex-slogan-slot{width:70%;height:18%}.explainer[data-scene=slogan] .ex-close{opacity:1}.explainer[data-land]{animation:.7s cubic-bezier(.6,0,.4,1) both ex-fold}@keyframes ex-fold{40%{filter:brightness(2);transform:rotateY(8deg)scaleY(.02)}to{opacity:0;transform:rotateY(8deg)scale(0,.02)}}.slogan{z-index:5;transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;margin:0;transition:opacity .6s;position:absolute;top:0;left:0}.slogan[data-place=hidden]{opacity:0}.slogan[data-glide]{transition:transform 1.3s cubic-bezier(.45,0,.2,1),opacity .6s}.slogan svg{display:block;overflow:visible}.slogan text{font-family:var(--font-display), "PingFang TC", "Noto Sans TC", sans-serif;letter-spacing:.08em;fill:var(--holo);stroke:var(--holo);stroke-width:.6px;filter:drop-shadow(0 0 6px #5b9dffe6);font-weight:500}.slogan[data-writing] text{fill:#0000;stroke-width:1.2px;stroke-dasharray:260;stroke-dashoffset:260px;animation:slogan-stroke var(--each) ease-out var(--d) forwards, slogan-fill .5s ease calc(var(--d) + var(--each) * .6) forwards}@keyframes slogan-stroke{to{stroke-dashoffset:0}}@keyframes slogan-fill{to{fill:var(--holo);stroke-width:.6px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=767px) and (orientation:portrait){.explainer{height:calc(100dvh - var(--top,50dvh) - 64px);border-radius:14px;bottom:auto;transform:none}@keyframes ex-in{0%{opacity:0;transform:translateY(20px)}}.explainer[data-land]{animation-name:ex-fold-flat}@keyframes ex-fold-flat{40%{filter:brightness(2);transform:scaleY(.02)}to{opacity:0;transform:scale(0,.02)}}.ex-body{width:30px;height:24px}.ex-head{width:16px;height:16px}.ex-person .ex-head{width:28px;height:28px}.ex-person .ex-body{width:54px;height:44px}}@media (prefers-reduced-motion:reduce){.explainer,.explainer *,.slogan text{animation:none!important}.ex-station,.ex-person,.ex-word,.ex-curve,.ex-abilities,.ex-compress,.ex-veil,.ex-stations,.ex-skyline,.ex-people,.ex-close{transition-property:opacity!important;transform:none!important}.ex-shards{display:none}.ex-building{transform:none}.slogan[data-writing] text{fill:var(--holo);stroke-dashoffset:0}}.explainer[data-paused],.explainer[data-paused] *{animation-play-state:paused!important}.hx,.hx-listen,.hx-path,.hx-split,.hx-pipes,.hx-day3,.hx-race{position:absolute;inset:0}.hx-listen,.hx-path,.hx-split,.hx-pipes,.hx-day3,.hx-race{opacity:0;transition:opacity .6s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(14px)scale(.97)}.explainer[data-scene=listen] .hx-listen,.explainer[data-scene=stages] .hx-path,.explainer[data-scene=split] .hx-split,.explainer[data-scene=pipelines] .hx-pipes,.explainer[data-scene=day3] .hx-day3,.explainer:is([data-scene=race],[data-scene=checks]) .hx-race{opacity:1;transform:none}.hx-label{letter-spacing:.12em;color:#c8e1ffd9;text-align:center;margin:14px 0 0;font-size:15px}.hx-pipes svg{width:80%;height:56%;position:absolute;inset:22% 6% 22% 14%;overflow:visible}.hx-pipes path{fill:none;stroke:#8cc8ffcc;stroke-width:2.2px;stroke-dasharray:14 10;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #5b9dffe6);opacity:0}.explainer[data-scene=pipelines] .hx-pipes[data-on] path{animation:hx-grow .5s ease-out calc(var(--i) * 90ms) both, hx-flow .9s linear infinite}@keyframes hx-grow{0%{opacity:0}to{opacity:1}}@keyframes hx-flow{to{stroke-dashoffset:-24px}}.hx-engineer{filter:drop-shadow(0 0 10px #ffdcaa73);flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:9%;transform:translateY(-50%)}.hx-engineer .ex-head{width:30px;height:30px}.hx-engineer .ex-body{width:58px;height:46px}.hx-engineer>.ex-head{background:linear-gradient(#ffeccdf2,#ffc88c8c)}.hx-engineer>.ex-body{background:linear-gradient(#ffe6becc,#ffc88c14)}.hx-mate{filter:drop-shadow(0 0 8px var(--holo-strong));opacity:.9;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:calc(100% + 6px)}.hx-engineer .hx-mate .ex-head{width:18px;height:18px}.hx-engineer .hx-mate .ex-body{width:34px;height:26px;margin-top:3px}.hx-tip{right:6%;top:calc(22% + var(--y) * .56);opacity:0;background:#cfe6ff;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 12px #5b9dff}.explainer[data-scene=pipelines] .hx-pipes[data-on] .hx-tip{animation:hx-grow .3s ease-out calc(.4s + var(--i) * 90ms) both}.hx-day3{flex-direction:column;justify-content:center;align-items:center;display:flex}.hx-counter{width:100%;height:40px;margin-bottom:18px;position:relative}.hx-count{text-align:center;letter-spacing:.06em;color:#e8f3ff;opacity:0;font-size:28px;font-weight:600;position:absolute;inset:0}.explainer[data-scene=day3] .hx-count{animation:hx-count .18s ease-out calc((var(--n) - 1) * .18s) both}.explainer[data-scene=day3] .hx-count:not([style*=--n\:3]){animation-name:hx-count,hx-gone;animation-duration:.18s,1ms;animation-delay:calc((var(--n) - 1) * .18s), calc(var(--n) * .18s)}@keyframes hx-count{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes hx-gone{to{opacity:0}}.hx-proto{opacity:0;background:#5b9dff14;border:1px solid #a6d8ffb3;border-radius:10px;flex-direction:column;gap:8px;width:min(60%,300px);padding:10px;display:flex;transform:scale(.6)}.explainer[data-scene=day3] .hx-day3[data-on] .hx-proto{animation:.38s cubic-bezier(.3,1.6,.5,1) both hx-snap}.explainer[data-scene=day3] .hx-day3:not([data-on])>.hx-label{opacity:0}.explainer[data-scene=day3] .hx-day3[data-on]>.hx-label{animation:.4s ease-out .3s both hx-grow}@keyframes hx-snap{0%{opacity:0;filter:brightness(3);transform:scale(.6)}60%{opacity:1;filter:brightness(2)}to{opacity:1;filter:none;transform:none}}.hx-bar{gap:5px;display:flex}.hx-bar i{background:#a6d8ffb3;border-radius:50%;width:7px;height:7px}.hx-hero{background:linear-gradient(90deg,#5b9dff8c,#a6d8ff40);border-radius:6px;height:54px}.hx-cards{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.hx-cards i{border:1px solid #8cc8ff80;border-radius:5px;height:36px}.hx-race{flex-direction:column;justify-content:center;gap:22px;padding:0 7%;display:flex}.hx-stages,.hx-track{grid-template-columns:repeat(5,1fr);margin-left:0;display:grid}.hx-stages{letter-spacing:.08em;text-align:center;color:#c8e1ffcc;margin:0 64px 0 0;font-size:12px}.hx-lane{grid-template-columns:1fr 64px;grid-template-areas:"name name""track total""checks checks";row-gap:6px;display:grid;position:relative}.hx-lane-name{color:#c8e1ffd9;grid-area:name;font-size:13px}.hx-lane[data-series=a] .hx-lane-name{color:#cfe6ff;font-weight:600}.hx-track{border:1px solid #8cc8ff59;border-radius:13px;grid-area:track;height:26px;position:relative}.hx-trail{width:calc(var(--progress,0) * 100%);background:#5b9dff40;border-radius:13px;position:absolute;top:0;bottom:0;left:0}.hx-lane[data-series=b] .hx-trail{background:#a0afc32e}.hx-seg{border-left:1px dashed #8cc8ff40;place-items:center;display:grid;position:relative}.hx-seg:first-of-type{border-left:0}.hx-mark{color:#c8e1ffe6;opacity:0;font-size:12px;transition:opacity .25s}.hx-mark[data-on]{opacity:1}.hx-runner{background:#e8f3ff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:0%;box-shadow:0 0 14px #5b9dff}.hx-lane[data-series=b] .hx-runner{background:#b9c3cf;box-shadow:0 0 8px #b9c3cf99}.hx-total{font-variant-numeric:tabular-nums;color:#c8e1ffd9;grid-area:total;align-self:center;padding-left:10px;font-size:14px}.hx-lane[data-done] .hx-total{color:#fff;font-weight:600}.hx-ratio{color:#e8f3ff;text-shadow:0 0 26px #5b9dffe6;opacity:0;font-size:clamp(34px,4.6vw,60px);font-weight:700;transition:opacity .3s,transform .5s cubic-bezier(.3,1.6,.5,1);position:absolute;top:14%;right:7%;transform:scale(.5)}.hx[data-raced] .hx-ratio{opacity:1;transform:none}.hx-checks{grid-area:checks;gap:14px;height:0;transition:height .4s;display:flex;overflow:hidden}.explainer[data-scene=checks] .hx-checks{height:22px}.hx-check{color:#cfe6ff;opacity:0;font-size:13px;transform:translateY(6px)}.hx-check:before{content:"✓ ";color:#7fe0a8;font-weight:700}.explainer[data-scene=checks] .hx-check[data-on]{animation:.4s ease-out both hx-count}.explainer[data-scene=checks] .hx-ratio[data-on]{opacity:.35}.hx-listen{justify-content:center;align-items:center;gap:12%;display:flex}.hx-asks{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.hx-ask{letter-spacing:.08em;color:#e8f3ff;opacity:0;background:#5b9dff24;border:1px solid #8cc8ff73;border-radius:16px 16px 16px 4px;padding:10px 18px;font-size:17px;position:relative;transform:translate(-12px);box-shadow:0 0 18px #5b9dff40}.hx-ask:nth-child(2){margin-left:28px}.explainer[data-scene=listen] .hx-asks[data-on] .hx-ask{animation:hx-ask-in .5s cubic-bezier(.2, .7, .2, 1) calc(var(--i) * .65s) forwards}@keyframes hx-ask-in{to{opacity:1;transform:none}}.hx-listener{filter:drop-shadow(0 0 12px #ffdcaa73);flex-direction:column;align-items:center;display:flex;position:relative}.hx-listener .ex-head{background:linear-gradient(#ffeccdf2,#ffc88c8c);width:38px;height:38px}.hx-listener .ex-body{background:linear-gradient(#ffe6becc,#ffc88c14);border-radius:38px 38px 10px 10px;width:76px;height:60px;margin-top:6px}.hx-ring{opacity:0;border:1px solid #ffdcaa99;border-radius:50%;width:38px;height:38px;margin:-19px 0 0 -19px;position:absolute;top:19px;left:50%}.explainer[data-scene=listen] .hx-listener[data-on] .hx-ring{animation:hx-ring 2.4s ease-out calc(var(--r,0) * 1.2s) infinite}@keyframes hx-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.hx-path{justify-content:space-between;align-items:center;padding:0 10%;display:flex}.hx-path-line{transform-origin:0;background:linear-gradient(90deg,#8cc8ffe6,#cfe6ff);height:2px;margin-top:-1px;position:absolute;top:50%;left:10%;right:10%;transform:scaleX(0);box-shadow:0 0 10px #5b9dffe6}.hx-node{flex-direction:column;align-items:center;width:0;display:flex;position:relative}.hx-node i{background:#07111d;border:2px solid #8cc8ff73;border-radius:50%;flex:none;width:18px;height:18px;transition:none;display:block}.hx-node small{white-space:nowrap;letter-spacing:.1em;color:#c8e1ff73;font-size:15px;position:absolute;top:30px}.hx-node[data-on] i{background:#5b9dff;border-color:#cfe6ff;transition:background .3s,box-shadow .3s;box-shadow:0 0 16px #5b9dff}.hx-node[data-on] small{color:#e8f3ff;transition:color .3s}.hx-split{justify-content:center;align-items:center;gap:10%;display:flex}.hx-split-side{flex-direction:column;align-items:center;display:flex}.hx-blocks{grid-template-columns:repeat(5,22px);gap:6px;margin-bottom:18px;display:grid}.hx-blocks i{background:#5b9dff14;border:1px solid #8cc8ff66;border-radius:4px;height:22px;display:block}.explainer[data-scene=split] .hx-blocks i{animation:hx-block 3s ease-in-out calc(.4s + var(--i) * .14s) infinite}@keyframes hx-block{0%,to{background:#5b9dff14}12%,40%{background:#8cc8ffbf;box-shadow:0 0 10px #5b9dffcc}}.hx-crew{align-items:flex-end;gap:8px;display:flex;position:relative}.hx-crew small{white-space:nowrap;letter-spacing:.14em;color:#c8e1ffb3;font-size:12px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.hx-bot,.hx-person{flex-direction:column;align-items:center;display:flex}.hx-bot{filter:drop-shadow(0 0 8px var(--holo-strong))}.hx-person{filter:drop-shadow(0 0 12px #ffdcaa73)}.hx-person .ex-head{background:linear-gradient(#ffeccdf2,#ffc88c8c);width:34px;height:34px}.hx-person .ex-body{background:linear-gradient(#ffe6becc,#ffc88c14);border-radius:33px 33px 8px 8px;width:66px;height:52px;margin-top:5px}.hx-split .hx-label{margin-top:30px}.hx-gem{place-items:center;height:94px;margin-bottom:18px;display:grid}.hx-gem i{background:linear-gradient(135deg,#fff3dc,#ffc88c);border-radius:6px;width:34px;height:34px;display:block;transform:rotate(45deg)scale(0);box-shadow:0 0 24px #ffd296e6}.explainer[data-scene=split] .hx-gem[data-on] i{animation:.7s cubic-bezier(.3,1.5,.5,1) forwards hx-gem}@keyframes hx-gem{to{transform:rotate(45deg)scale(1)}}@media (width<=767px) and (orientation:portrait){.hx-race{gap:14px;padding:0 5%}.hx-stages{margin-right:52px;font-size:10px}.hx-lane{grid-template-columns:1fr 52px}.hx-ratio{top:6%}.hx-checks{gap:8px}.hx-check{font-size:11px}}@media (prefers-reduced-motion:reduce){.hx *,.hx-listen,.hx-path,.hx-split,.hx-pipes,.hx-day3,.hx-race{transition:opacity .4s!important;animation:none!important;transform:none!important}.hx-pipes path,.hx-tip,.hx-ask,.hx-proto,.hx-day3>.hx-label,.hx-check{opacity:1}.hx-count{opacity:0}.hx-count[style*=--n\:3]{opacity:1}}.tm{position:absolute;inset:0}.tm-flow,.tm-employee,.tm-roles,.tm-versus,.tm-person,.tm-notes,.tm-roster,.tm-tagline{opacity:0;transition:opacity .6s,top .9s cubic-bezier(.2,.7,.2,1),left .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);position:absolute}.tm .tm-figure{filter:drop-shadow(0 0 10px var(--holo-strong));flex-direction:column;align-items:center;display:flex;position:relative}.tm-flow{height:70px;top:50%;left:12%;right:12%;transform:translateY(-50%)}.explainer:is([data-scene=workflow],[data-scene=arrive],[data-scene=more]) .tm-flow{opacity:1}.explainer[data-scene=arrive] .tm-flow{top:24%}.explainer[data-scene=more] .tm-flow{top:70%}.tm-line{background:linear-gradient(90deg,#8cc8ff26,#8cc8ff99,#8cc8ff26);height:2px;position:absolute;top:17px;left:0;right:0}.tm-node{top:0;left:calc(var(--i) * 33.333%);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.tm-node b{background:#0a121ef2;border:1.5px solid #a6d8ffd9;border-radius:10px;width:36px;height:36px;display:block;box-shadow:0 0 12px #5b9dff59}.tm-step-label{letter-spacing:.1em;white-space:nowrap;color:#c8e1ffe6;font-size:14px}.explainer[data-scene=workflow] .tm-node{animation:tm-pop .45s ease-out calc(.2s + var(--i) * .22s) both}@keyframes tm-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}}.tm-packet{opacity:0;width:10px;height:10px;animation:tm-travel var(--trip,3.6s) linear calc(var(--i) * var(--trip,3.6s) / -3) infinite;background:#cfe6ff;border-radius:50%;position:absolute;top:13px;left:0;box-shadow:0 0 12px #5b9dff}@keyframes tm-travel{0%{opacity:0;left:0}8%,92%{opacity:1}to{opacity:0;left:100%}}.explainer[data-scene=more] .tm-flow{--trip:1.1s}.explainer[data-scene=arrive] .tm-flow[data-on] .tm-node b{animation:tm-read .5s ease-in-out calc(.1s + var(--i) * .35s) both}@keyframes tm-read{50%{background:#5b9dff73;border-color:#e8f3ff;box-shadow:0 0 22px #5b9dff}}.tm-employee{top:62%;left:50%;transform:translate(-50%,-50%)}.tm-employee .ex-head{width:34px;height:34px}.tm-employee .ex-body{width:66px;height:52px}.explainer:is([data-scene=arrive],[data-scene=roles],[data-scene=notice]) .tm-employee{opacity:1}.explainer[data-scene=roles] .tm-employee{top:50%}.explainer[data-scene=arrive] .tm-employee:not([data-on]){opacity:0}.explainer[data-scene=arrive] .tm-employee[data-on]{animation:1.1s cubic-bezier(.2,.7,.2,1) both tm-walk-in}@keyframes tm-walk-in{0%{opacity:0;left:4%}}.explainer[data-scene=notice] .tm-employee{top:52%;left:26%}.tm-scan{opacity:0;background:linear-gradient(#0000,#a6d8ffe6);width:2px;height:0;position:absolute;bottom:100%;left:50%}.explainer[data-scene=arrive] .tm-scan[data-on]{animation:1.8s ease-in-out both tm-scan}@keyframes tm-scan{20%{opacity:1;height:15vmin}80%{opacity:1;height:15vmin}to{opacity:0;height:15vmin}}@keyframes tm-chip{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tm-versus{justify-content:center;align-items:center;gap:9%;display:flex;inset:0;transform:translateY(14px)scale(.97)}.explainer[data-scene=versus] .tm-versus{opacity:1;transform:none}.tm-side{flex-direction:column;align-items:center;gap:16px;display:flex}.tm-side-label{letter-spacing:.2em;color:#e8f3ff;font-size:18px;font-weight:600}.tm-side[data-side=tool] .tm-side-label{color:#becddc99}.tm-vs{background:linear-gradient(#0000,#8cc8ff80,#0000);width:1px;height:46%}.tm-terminal{color:#becddc8c;background:#141a22e6;border:1px solid #becddc59;border-radius:10px;align-items:center;gap:8px;width:190px;height:92px;padding:0 16px;font:13px ui-monospace,SF Mono,Menlo,monospace;display:flex}.tm-cursor{background:#becddcb3;flex:none;width:9px;height:17px;animation:1s step-end infinite tm-blink;display:block}@keyframes tm-blink{50%{opacity:0}}.tm-side[data-side=mate] .tm-figure{justify-content:flex-end;height:92px}.tm-side[data-side=mate] .ex-head{width:34px;height:34px}.tm-side[data-side=mate] .ex-body{width:66px;height:52px}.tm-bubble{color:#1a1206;opacity:0;background:#ffc46b;border-radius:50% 50% 50% 4px;place-items:center;width:30px;height:30px;font-size:17px;font-weight:800;display:grid;position:absolute;top:-20px;left:calc(50% + 26px);box-shadow:0 0 16px #ffc46bcc}.explainer[data-scene=versus] .tm-bubble{animation:.42s cubic-bezier(.3,1.6,.5,1) .9s both tm-bubble,1.6s ease-out 1.4s infinite tm-ping}@keyframes tm-bubble{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes tm-ping{0%{box-shadow:0 0 #ffc46bb3}70%,to{box-shadow:0 0 0 14px #ffc46b00}}.tm-notes{flex-direction:column;gap:16px;display:flex;top:50%;left:44%;right:7%;transform:translateY(-50%)}.explainer[data-scene=notice] .tm-notes{opacity:1}.tm-note{color:#fff1dc;opacity:0;background:#1e160ad9;border:1px solid #ffc46b99;border-left:4px solid #ffc46b;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;line-height:1.4;display:flex}.explainer[data-scene=notice] .tm-note[data-on]{animation:.52s cubic-bezier(.2,.7,.2,1) both tm-note}@keyframes tm-note{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.tm-bell{flex:none;width:22px;height:22px}.tm-bell svg{fill:none;stroke:#ffc46b;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.tm-roster{justify-content:center;align-items:center;gap:3%;display:flex;inset:0;transform:translateY(14px)scale(.97)}.explainer[data-scene=roster] .tm-roster{opacity:1;transform:none}.tm-badge{opacity:0;background:#0a121ee6;border:1px solid #8cc8ff73;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 14px;display:flex}.explainer[data-scene=roster] .tm-badge{animation:tm-chip .45s ease-out calc(.15s + var(--i) * .16s) both}.tm-role{letter-spacing:.08em;white-space:nowrap;color:#e8f3ff;font-size:14px}.tm-stamp{letter-spacing:.2em;text-align:center;min-width:64px;font-size:10px;font-weight:700;display:grid;position:relative}.tm-stamp>span{backface-visibility:hidden;border-radius:4px;grid-area:1/1;padding:3px 6px}.tm-stamp-old{color:#becddcbf;border:1px solid #becddc80}.tm-stamp-new{color:#a6f0c6;opacity:0;background:#7fe0a82e;border:1px solid #7fe0a8}.explainer[data-scene=roster] .tm-roster[data-on] .tm-stamp-old{animation:tm-flip-out .38s ease-in calc(var(--i) * .26s) both}.explainer[data-scene=roster] .tm-roster[data-on] .tm-stamp-new{animation:tm-flip-in .38s ease-out calc(.38s + var(--i) * .26s) both}.tm-badge:first-child .tm-stamp>span{--i:0}.tm-badge:nth-child(2) .tm-stamp>span{--i:1}.tm-badge:nth-child(3) .tm-stamp>span{--i:2}.tm-badge:nth-child(4) .tm-stamp>span{--i:3}@keyframes tm-flip-out{to{opacity:0;transform:rotateX(90deg)}}@keyframes tm-flip-in{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:none}}.tm-roles{inset:0}.explainer[data-scene=roles] .tm-roles{opacity:1}.tm-role-chip{--a:calc(var(--i) * 360deg / 7 - 90deg);left:calc(50% + cos(var(--a)) * 33%);top:calc(50% + sin(var(--a)) * 34%);letter-spacing:.08em;white-space:nowrap;color:#c8e1ff66;background:#0a121ed9;border:1px solid #8cc8ff40;border-radius:999px;padding:7px 14px;font-size:15px;transition:color .3s,border-color .3s,box-shadow .3s,transform .4s cubic-bezier(.2,.7,.2,1);position:absolute;transform:translate(-50%,-50%)scale(.9)}.tm-role-chip[data-on]{color:#e8f3ff;border-color:#a6d8ffe6;transform:translate(-50%,-50%);box-shadow:0 0 16px #5b9dff8c}.tm-person{width:min(84%,480px);top:50%;left:50%;transform:translate(-50%,-50%)scale(.96)}.explainer[data-scene=person] .tm-person{opacity:1;transform:translate(-50%,-50%)}.tm-card{background:linear-gradient(160deg,#14243af2,#080e18f2);border:1px solid #a6d8ff8c;border-radius:18px;align-items:center;gap:28px;padding:24px 30px;display:flex;box-shadow:0 0 30px #5b9dff4d}.tm-card .ex-head{width:34px;height:34px}.tm-card .ex-body{width:66px;height:52px}.tm-card-rows{flex-direction:column;gap:12px;display:flex}.tm-card-row{color:#e8f3ff;opacity:0;align-items:baseline;gap:12px;font-size:16px;transition:opacity .4s,transform .4s cubic-bezier(.2,.7,.2,1);display:flex;transform:translate(10px)}.tm-card-row[data-on]{opacity:1;transform:none}.tm-key{letter-spacing:.2em;color:#a6d8ffb3;min-width:3em;font-size:12px}.tm-name{letter-spacing:.06em;font-size:24px;font-weight:600}.tm-memory{color:#dcecffeb;background:#8cc8ff1f;border-radius:12px 12px 12px 2px;padding:8px 12px;font-size:14px}.tm-report{color:#a6f0c6;font-size:14px}.tm-report-tick{font-weight:700}.tm-tagline{letter-spacing:.08em;text-align:center;color:#e8f3ff;text-shadow:0 0 24px #5b9dffb3;margin:0;font-size:clamp(26px,3.6vw,46px);font-weight:600;top:36%;left:6%;right:6%;transform:translateY(-50%)scale(.96)}.explainer[data-scene=more] .tm-tagline{opacity:1;transition-delay:.3s;transform:translateY(-50%)}@media (width<=767px) and (orientation:portrait){.tm-flow{left:10%;right:10%}.tm-node b{width:26px;height:26px}.tm-line{top:12px}.tm-packet{top:8px}.tm-step-label,.tm-role,.tm-role-chip{font-size:11px}.tm-role-chip{padding:5px 9px}.tm-card{gap:16px;padding:18px}.tm-employee .ex-head,.tm-side[data-side=mate] .ex-head{width:22px;height:22px}.tm-employee .ex-body,.tm-side[data-side=mate] .ex-body{width:44px;height:34px}.tm-terminal{width:120px;height:70px;padding:0 10px;font-size:10px}.tm-side[data-side=mate] .tm-figure{height:70px}.tm-side-label{font-size:14px}.explainer[data-scene=notice] .tm-employee{left:18%}.tm-notes{gap:10px;left:34%;right:5%}.tm-note{padding:10px;font-size:12px}.tm-roster{gap:3%}.tm-badge{padding:12px 6px 10px}.tm-stamp{letter-spacing:.1em;min-width:0;font-size:8px}}@media (prefers-reduced-motion:reduce){.tm *,.tm-flow,.tm-employee,.tm-roles,.tm-versus,.tm-person,.tm-notes,.tm-roster,.tm-tagline{transition:opacity .4s!important;animation:none!important}.tm-packet{display:none}.tm-note,.tm-badge,.tm-bubble,.tm-stamp-new{opacity:1}.tm-stamp-old{opacity:0}}.wk{position:absolute;inset:0}.wk-wall{opacity:0;flex-wrap:wrap;justify-content:center;gap:4.5% 3.5%;transition:opacity .4s;display:flex;position:absolute;top:50%;left:7%;right:7%;transform:translateY(-50%)}.explainer:is([data-scene=wall],[data-scene=made]) .wk-wall{opacity:1}.wk-card{opacity:0;background:#0a121ec7;border:1px solid #8cc8ff59;border-radius:10px;width:29%;padding:6px 6px 8px;position:relative;box-shadow:0 0 18px #5b9dff29}.explainer:is([data-scene=wall],[data-scene=made]) .wk-card{animation:wk-fly .76s cubic-bezier(.2, .8, .25, 1) calc(var(--i) * .14s) both}@keyframes wk-fly{0%{opacity:0;filter:blur(6px)brightness(1.8);transform:translate(60%,18%)rotateY(-28deg)scale(.6)}to{opacity:1;filter:none;transform:none}}.wk-shot{aspect-ratio:16/10;object-fit:cover;object-position:top;opacity:.88;border-radius:6px;width:100%;display:block}.wk-title{letter-spacing:.04em;color:#cfe6ff;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12px;display:block;overflow:hidden}.wk-mate{filter:drop-shadow(0 0 10px var(--holo-strong));opacity:0;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:-12px;right:-10px}.wk-mate .ex-head{width:16px;height:16px}.wk-mate .ex-body{width:30px;height:22px;margin-top:3px}.explainer[data-scene=made] .wk-wall[data-on] .wk-mate{animation:wk-mate-in .52s cubic-bezier(.2, .8, .25, 1) calc(var(--i) * .22s) both}.explainer[data-scene=made] .wk-card{animation:.76s cubic-bezier(.2,.8,.25,1) both wk-fly}.explainer[data-scene=made] .wk-wall[data-on] .wk-card{animation:wk-fly .76s cubic-bezier(.2, .8, .25, 1) 0s both, wk-lit .9s ease-out calc(var(--i) * .22s) both}@keyframes wk-mate-in{0%{opacity:0;transform:translateY(10px)scale(.4)}to{opacity:1;transform:none}}@keyframes wk-lit{30%{border-color:#bee6fff2;box-shadow:0 0 30px #8cc8ff8c}to{border-color:#8cc8ff80;box-shadow:0 0 20px #5b9dff40}}.wk-id{perspective:1200px;opacity:0;width:min(78%,440px);transition:opacity .45s;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.explainer:is([data-scene=idcard],[data-scene=yours]) .wk-id{opacity:1}.explainer[data-scene=idcard] .wk-id{animation:1s cubic-bezier(.2,.8,.25,1) .15s both wk-id-out}@keyframes wk-id-out{0%{opacity:0;transform:translate(10%,40%)scale(.15)}to{opacity:1;transform:translate(-50%,-50%)}}.wk-id-inner{transform-style:preserve-3d;display:grid;position:relative}.explainer[data-scene=yours] .wk-id-inner{animation:1s cubic-bezier(.45,0,.2,1) .2s both wk-id-turn}@keyframes wk-id-turn{to{transform:rotateY(180deg)}}.wk-id-face{color:#e8f3ff;backface-visibility:hidden;background:linear-gradient(160deg,#14243af5,#080e18f5);border:1px solid #a6d8ff8c;border-radius:20px;grid-area:1/1;align-items:center;gap:26px;padding:24px 34px 24px 28px;display:flex;box-shadow:0 0 34px #5b9dff59}.wk-id-back{transform:rotateY(180deg)}.wk-id-figure{filter:drop-shadow(0 0 8px #5b9dffb3);flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.wk-id-figure b:first-child{background:linear-gradient(160deg,#cfe6ff,#5b9dff);border-radius:50%;width:30px;height:30px}.wk-id-figure b:last-child{background:linear-gradient(160deg,#a6d8ff,#3f7fe0);border-radius:28px 28px 8px 8px;width:58px;height:40px}.wk-id-back .wk-id-figure{filter:none}.wk-id-back .wk-id-figure b{background:0 0;border:1.5px dashed #a6d8ff99}.wk-id-lines{letter-spacing:.12em;color:#a6d8ffcc;flex-direction:column;gap:6px;font-size:15px;display:flex}.wk-id-lines b{letter-spacing:.06em;color:#e8f3ff;font-size:30px}.wk-id-rows{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.wk-id-row{align-items:baseline;gap:14px;font-size:15px;display:flex}.wk-id-key{letter-spacing:.12em;color:#a6d8ffcc;flex:none;min-width:4.5em}.wk-id-blank{border-bottom:1.5px dashed #a6d8ff73;flex:1;height:1.1em}.wk-id-yours{letter-spacing:.06em;color:#ffe2b0;text-shadow:0 0 14px #ffc87873;white-space:nowrap;clip-path:inset(0 100% 0 0);font-size:22px;font-weight:600;position:relative}.explainer[data-scene=yours] .wk-id-yours{animation:1.1s steps(8,end) 1.4s both wk-id-type}.wk-id-yours:after{content:"";opacity:0;border-right:2px solid #ffe2b0;height:80%;position:absolute;top:10%;right:-6px}.explainer[data-scene=yours] .wk-id-yours:after{animation:1s step-end 2.5s infinite wk-caret}@keyframes wk-id-type{to{clip-path:inset(0 -12px 0 0)}}@keyframes wk-caret{0%{opacity:1}50%{opacity:0}}.wk-asks{gap:22px;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.wk-ask{color:#e2f4ff;letter-spacing:.08em;white-space:nowrap;opacity:0;background:#0a121ed1;border:1px solid #a0d7ff8c;border-radius:999px;padding:9px 20px;font-size:17px;box-shadow:0 0 18px #8cc8ff4d}.explainer[data-scene=chat] .wk-ask[data-on]{animation:.52s cubic-bezier(.2,.8,.25,1) both wk-ask-in}@keyframes wk-ask-in{0%{opacity:0;filter:blur(4px)brightness(1.8);transform:translateY(-40%)scale(.7)}to{opacity:1;filter:none;transform:none}}.explainer[data-scene=chat] .wk-asks[data-on] .wk-ask{animation:.8s cubic-bezier(.45,0,.2,1) both wk-ask-go}@keyframes wk-ask-go{0%{opacity:1}to{opacity:0;transform:translate(calc((1 - var(--i)) * 110%), 260%) scale(.4)}}.wk-chat{opacity:0;background:#0a121ed1;border:1px solid #a0d7ff99;border-radius:22px 22px 22px 6px;align-items:center;gap:18px;padding:18px 28px;display:flex;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #8cc8ff59,inset 0 0 16px #8cc8ff1f}.explainer[data-scene=chat] .wk-chat[data-on]{animation:.7s cubic-bezier(.2,.8,.25,1) both wk-chat-in}@keyframes wk-chat-in{0%{opacity:0;filter:blur(6px)brightness(1.8);transform:translate(-50%,-30%)scale(.6)}to{opacity:1;filter:none;transform:translate(-50%,-50%)}}.wk-chat-icon svg{fill:none;stroke:#cfe6ff;stroke-width:1.6px;stroke-linejoin:round;width:52px;height:52px;display:block}.wk-chat-icon circle{fill:#cfe6ff;stroke:none}.wk-typing{gap:8px;display:flex}.wk-typing i{opacity:.3;background:#e2f4ff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #8cc8ffe6}.explainer[data-scene=chat] .wk-typing i{animation:1.2s ease-in-out infinite wk-typing}.wk-typing i:nth-child(2){animation-delay:.2s}.wk-typing i:nth-child(3){animation-delay:.4s}@keyframes wk-typing{40%{opacity:1;transform:translateY(-4px)}}.explainer[data-paused] :is(.wk-card,.wk-mate,.wk-chat,.wk-typing i,.wk-id,.wk-id-inner,.wk-id-yours,.wk-ask){animation-play-state:paused}@media (width<=767px) and (orientation:portrait){.wk-wall{gap:6% 4%;left:5%;right:5%}.wk-card{width:44%;padding:4px 4px 6px}.wk-title{font-size:10px}.wk-mate .ex-head{width:12px;height:12px}.wk-mate .ex-body{width:22px;height:16px}.wk-chat{padding:12px 18px}.wk-id{width:88%}.wk-id-face{gap:16px;padding:16px 18px}.wk-id-lines b{font-size:22px}.wk-id-yours{font-size:17px}.wk-asks{gap:10px}.wk-ask{padding:6px 12px;font-size:13px}.wk-chat-icon svg{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.explainer:is([data-scene=wall],[data-scene=made]) :is(.wk-card,.wk-mate){opacity:1;animation:none}.explainer[data-scene=wall] .wk-mate{opacity:0}.explainer[data-scene=chat] :is(.wk-chat,.wk-typing i){opacity:1;animation:none}.explainer:is([data-scene=idcard],[data-scene=yours]) :is(.wk-id,.wk-id-yours),.explainer[data-scene=chat] .wk-asks .wk-ask{animation:none}.explainer[data-scene=yours] .wk-id-inner{animation:none;transform:rotateY(180deg)}.explainer[data-scene=yours] .wk-id-yours{clip-path:none}.explainer[data-scene=chat] .wk-ask[data-on]{opacity:1}}.operator{pointer-events:none;z-index:40;position:fixed;inset:0}.op-dot,.op-ring{opacity:0;will-change:transform;position:absolute;top:0;left:0}.operator[data-shown] :is(.op-dot,.op-ring){opacity:1}.op-arrow{filter:drop-shadow(0 2px 6px #00000080)drop-shadow(0 0 8px #5b9dff99);width:22px;height:26px;position:absolute;top:-2px;left:-2px;overflow:visible}.op-arrow path{fill:#3f7fe0;stroke:#fff;stroke-width:1.6px;stroke-linejoin:round}.op-tag{font:600 12px/1.2 var(--font-display,"Space Grotesk", sans-serif);letter-spacing:.04em;color:#fff;white-space:nowrap;background:#3f7fe0;border:1px solid #ffffffd9;border-radius:4px 10px 10px;padding:3px 9px;position:absolute;top:22px;left:16px;box-shadow:0 2px 8px #0006}.op-ring:before{content:"";border:1.5px solid #a0d7ff00;border-radius:50%;width:14px;height:14px;transition:width .22s,height .22s,border-color .22s;position:absolute;transform:translate(-50%,-50%)}.operator[data-hover] .op-ring:before{border-color:#a0d7ffe6;width:30px;height:30px}.op-ripple{border:1.5px solid #a0d7ffd9;border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;position:absolute;box-shadow:0 0 16px #8cc8ff66}.op-vanish{width:0;height:0;position:absolute}.op-vanish>i{border-radius:50%;position:absolute}.op-flash{filter:blur(.5px);background:radial-gradient(circle,#fff 0%,#bee4fff2 30%,#5b9dff59 62%,#0000 72%);width:40px;height:40px;margin:-20px 0 0 -20px}.op-burst{border:2px solid #c8ebff;width:110px;height:110px;margin:-55px 0 0 -55px;box-shadow:0 0 22px #78beffcc,0 0 44px #5b9dff66,inset 0 0 16px #78beff80}.op-spark{background:#fff;width:6px;height:6px;margin:-3px 0 0 -3px;box-shadow:0 0 8px 2px #96d2ff,0 0 18px 2px #5b9dffcc}.op-mark{border:1.5px solid #a0d7ffe6;border-radius:10px;animation:1.8s ease-in-out .4s infinite alternate op-mark-glow;position:absolute;box-shadow:0 0 18px #8cc8ff73,inset 0 0 14px #8cc8ff26}@keyframes op-mark-glow{to{box-shadow:0 0 26px #8cc8ffa6,inset 0 0 18px #8cc8ff40}}.op-words{font:600 clamp(28px, 4.2vmin, 54px) / 1 var(--font-display,"Space Grotesk", sans-serif);letter-spacing:.06em;color:#e2f4ff;text-shadow:0 0 18px #8cc8ffd9,0 0 42px #8cc8ff73;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);visibility:hidden;background:#060a10b3;border:1px solid #8cc8ff4d;border-radius:18px;gap:.9em;padding:.45em .9em;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 40px #5b9dff33}.op-words[data-shown]{visibility:visible}.op-words span{opacity:0;animation:op-word-in .6s cubic-bezier(.2, .8, .25, 1) calc(var(--i) * .65s) both}@keyframes op-word-in{0%{opacity:0;filter:blur(6px);transform:translateY(14px)scale(.9)}to{opacity:1;filter:none;transform:none}}.op-card{color:#e8f3ff;white-space:nowrap;visibility:hidden;background:linear-gradient(160deg,#14243af2,#080e18f2);border:1px solid #a6d8ff8c;border-radius:16px;align-items:center;gap:18px;padding:16px 26px 16px 20px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 30px #5b9dff59}.op-card[data-shown]{visibility:visible}.op-card-face{filter:drop-shadow(0 0 8px #5b9dffb3);flex-direction:column;align-items:center;gap:3px;display:flex}.op-card-face b:first-child{background:linear-gradient(160deg,#cfe6ff,#5b9dff);border-radius:50%;width:22px;height:22px}.op-card-face b:last-child{background:linear-gradient(160deg,#a6d8ff,#3f7fe0);border-radius:20px 20px 6px 6px;width:42px;height:30px}.op-card-lines{letter-spacing:.12em;color:#a6d8ffcc;flex-direction:column;gap:4px;font-size:13px;display:flex}.op-card-lines b{letter-spacing:.06em;color:#e8f3ff;font-size:22px}.operator[data-paused] *,.operator[data-paused]{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.op-mark{animation:none}.op-words span{opacity:1;animation:none}}.site{--violet:#c8a0ffe6;--grad:linear-gradient(95deg, #b4c0ff 0%, #b9a8ff 55%, #d6bcff 100%);--glass:linear-gradient(160deg, #a0b4ff0f, #ffffff04 45%, #ffffff03);--pad-x:clamp(14px, 4.5cqi, 44px);overscroll-behavior:contain;border:1px solid var(--border-hi);border-radius:var(--radius);height:100%;color:var(--text);font-family:var(--font-body);scrollbar-width:thin;scrollbar-color:#a0b4ff38 transparent;background:radial-gradient(900px 520px at 110% -8%,#826eff12,#0000 60%),linear-gradient(#080e1cc7,#040a12c7);position:relative;overflow:auto;container:site/inline-size}.site:lang(zh-Hant){--font-display:"Space Grotesk", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-body:"Inter", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;font-family:var(--font-body)}.site ::selection{background:#a0b4ff4d}:where(.site) a{color:inherit}.site .icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px)saturate(150%);border-bottom:1px solid var(--border);background:#030910bd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:12px clamp(14px,3.5cqi,28px);display:flex;position:sticky;top:0}.site-brand{font:600 16px/1 var(--font-display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.site-brand:before{content:"";background:linear-gradient(135deg,#aab8ff,#c8a0ff);border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #aaa0ffd9}.site-nav{scrollbar-width:none;gap:2px;min-width:0;margin-right:-6px;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav-link{font:500 13px/1.2 var(--font-display);color:var(--text-dim);white-space:nowrap;border-radius:999px;flex:none;padding:7px 12px;text-decoration:none;transition:color .2s,background-color .2s}.site-nav-link:hover{color:var(--text);background:#ffffff0a}.site-nav-link[aria-current=page]{color:#fff;background:#a0b4ff1a;box-shadow:inset 0 0 0 1px #a0b4ff3d}@container site (width<=640px){.site-header{padding-bottom:8px}.site-nav{width:calc(100% + 16px);margin:0 -8px;padding:0 2px}}@container site (width<=420px){.site-nav{justify-content:space-between}.site-nav-link{padding:7px 8px;font-size:12.5px}}.site-main{padding:8px clamp(8px,2.5cqi,24px)}.site-section{padding:clamp(36px, 7cqi, 72px) var(--pad-x);border-radius:22px;margin:8px 0;transition:box-shadow 1.4s,background-color 1.4s;position:relative}.section-inner{max-width:860px}.eyebrow{font:500 11px/1.4 var(--font-display);letter-spacing:.26em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;margin:0;display:flex}.eyebrow:before{content:"";background:linear-gradient(90deg, transparent, var(--accent));flex:none;width:28px;height:1px}.section-heading,.case-title{font-family:var(--font-display);color:#f3f5ff;text-wrap:balance;margin:18px 0 0;font-weight:600}h1.section-heading,.case-title{letter-spacing:-.035em;font-size:clamp(34px,7.2cqi,64px);line-height:1.04}h2.section-heading{letter-spacing:-.025em;max-width:20em;font-size:clamp(26px,4.8cqi,42px);line-height:1.1}.section-heading .line{display:block}.line-accent{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.site:lang(zh-Hant) :is(.section-heading,.case-title){letter-spacing:0;line-height:1.22}.site:lang(zh-Hant) .eyebrow{letter-spacing:.18em}.section-body{max-width:62ch;color:var(--text-dim);margin:18px 0 0;font-size:clamp(15px,1.9cqi,17px);line-height:1.65}.site:lang(zh-Hant) .section-body{line-height:1.85}[data-kind=hero] .section-body{color:#ffffffa8;margin-top:24px;font-size:clamp(16px,2.1cqi,18px)}.site-section[data-kind=hero]{isolation:isolate}.site-section[data-kind=hero]:before,.site-section[data-kind=hero]:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.site-section[data-kind=hero]:before{background-image:radial-gradient(#a0b4ff33 1px,#0000 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(closest-side at 78% 42%,#000 20%,#0000);mask-image:radial-gradient(closest-side at 78% 42%,#000 20%,#0000)}.site-section[data-kind=hero]:after{background:radial-gradient(closest-side at 74% 40%,#8c78ff29,#0000)}.facts{border:1px solid var(--border);background:var(--glass);border-radius:16px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:36px 0 0;display:grid;box-shadow:inset 0 1px #ffffff0a}.fact{padding:16px 18px}.fact+.fact{border-left:1px solid var(--border)}@container site (width<=460px){.facts{grid-auto-flow:row}.fact+.fact{border-left:0;border-top:1px solid var(--border)}}.fact dt,.card-tag,.fact-label,.case-card-meta{font:500 10.5px/1.4 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#a0b4ffb3}.fact dd{font:500 15px/1.35 var(--font-display);color:var(--text);margin:6px 0 0}.chips{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.chip{font:500 12.5px/1.25 var(--font-display);color:#e4e8ffdb;background:#a0b4ff0d;border:1px solid #a0b4ff2e;border-radius:999px;padding:7px 13px}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;margin-top:32px;display:grid}.card{border:1px solid var(--border);background:var(--glass);text-align:left;border-radius:16px;margin:0;padding:22px 22px 22px 24px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.card:before{content:"";background:linear-gradient(180deg, var(--accent), #c8a0ff73);opacity:.75;border-radius:2px;width:2px;position:absolute;top:20px;bottom:20px;left:0}.card-tag{margin:0 0 12px}.card-title{font:600 18px/1.25 var(--font-display);letter-spacing:-.01em;color:#f1f3ff;margin:0}.card-body{color:var(--text-dim);margin:10px 0 0;font-size:14px;line-height:1.6}.card-jump{width:100%;font:inherit;color:inherit;cursor:pointer;padding-right:44px;transition:transform .25s,border-color .25s,background-color .25s}.card-jump>.icon{color:var(--accent);opacity:.55;transition:opacity .25s,transform .25s;position:absolute;top:22px;right:20px}.card-jump:hover{border-color:var(--border-hi);background-color:#a0b4ff0a;transform:translateY(-2px)}.card-jump:hover>.icon{opacity:1;transform:translate(3px)}.actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.btn{border:1px solid var(--border-hi);font:500 14px/1.2 var(--font-display);border-radius:999px;align-items:center;gap:10px;padding:12px 20px;text-decoration:none;transition:box-shadow .25s,border-color .25s,background-color .25s;display:inline-flex}.btn:hover{border-color:#a0b4ff66}.btn .icon{transition:transform .25s}.btn:hover .icon{transform:translate(3px)}.btn-primary{color:#080a1c;background:linear-gradient(135deg,#aabafffa,#cca8fffa);border-color:#0000;box-shadow:0 10px 30px -10px #a096ffb3,inset 0 1px #ffffff80}.btn-primary:hover{box-shadow:0 12px 40px -8px #a096ffd9,inset 0 1px #ffffff80}.site-section[data-kind=cta]{padding-block:clamp(20px,4cqi,40px)}[data-kind=cta] .section-inner{background:radial-gradient(120% 140% at 0 0,#a0b4ff24,#0000 55%),radial-gradient(100% 120% at 100% 100%,#c8a0ff1f,#0000 55%),#080e1c99;border:1px solid #a0b4ff2e;border-radius:22px;max-width:none;padding:clamp(28px,6cqi,56px);box-shadow:inset 0 1px #ffffff0d}[data-kind=cta] .section-heading{font-size:clamp(26px,5cqi,44px)}[data-kind=cta] .section-heading:first-child{margin-top:0}[data-kind=cta] .section-body:first-child{color:var(--text);margin-top:0;font-size:clamp(17px,2.6cqi,22px);line-height:1.5}.compare{border:1px solid var(--border);background:linear-gradient(#ffffff08,#ffffff03);border-radius:18px;margin-top:32px;padding:clamp(18px,3.5cqi,32px)}.compare-legend{font:500 11px/1.4 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);flex-wrap:wrap;gap:8px 22px;display:flex}.legend{align-items:center;gap:8px;display:inline-flex}.legend:before{content:"";border-radius:999px;width:18px;height:8px}.legend-a{color:var(--accent)}.legend-a:before{background:linear-gradient(90deg,#a0b4ffe6,#c8a0fff2);box-shadow:0 0 10px #aaa0ff99}.legend-b:before{background:#fff3}.compare-head{font:500 10px/1.4 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:#ffffff59;justify-content:space-between;margin-top:22px;padding-bottom:8px;display:flex}.compare-row{border-top:1px solid var(--border);grid-template-columns:minmax(58px,92px) minmax(0,1fr) 5.4rem;align-items:center;gap:14px;padding:11px 0;display:grid}.compare-label{font:500 14px/1.2 var(--font-display)}.bars{background:#ffffff09;border-radius:999px;height:10px;position:relative;overflow:hidden}.bar{width:var(--w);border-radius:999px;animation:1.2s cubic-bezier(.2,.7,.2,1) both bar-grow;position:absolute;top:0;bottom:0;left:0}.bar-a{z-index:1;background:linear-gradient(90deg,#a0b4ffe6,#c8a0ff);animation-delay:.25s;box-shadow:0 0 14px #aaa0ff99}.bar-b{background:linear-gradient(90deg,#ffffff14,#fff3)}@keyframes bar-grow{0%{width:0}}.compare-value{font:500 13px/1 var(--font-display);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:#fff6}.compare-value b{color:var(--accent);font-weight:600}.compare-value span{color:#ffffffb8}.compare-total{border-top-color:#a0b4ff47;margin-top:4px}.compare-total .compare-label{color:#fff;font-weight:600}.compare-total .bars{height:12px}.compare-total .compare-value{font-size:15px}.compare-lead{font:600 clamp(26px, 4.6cqi, 38px)/1.12 var(--font-display);letter-spacing:-.02em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:32px 0 0}.compare-lead+.section-body{margin-top:12px}.case-list{gap:14px;display:grid}.case-card{border:1px solid var(--border);background:#ffffff05;border-radius:18px;text-decoration:none;transition:border-color .3s,transform .3s,background-color .3s;display:grid;overflow:hidden}.case-card:hover{border-color:var(--border-hi);background-color:#a0b4ff09;transform:translateY(-2px)}.case-card-shot{aspect-ratio:1160/720;border-bottom:1px solid var(--border);background:#050b14;display:block;overflow:hidden}.case-card-shot img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .7s;display:block}.case-card-none,.shot-card-none{width:100%;height:100%;font-family:var(--font-display);letter-spacing:.04em;color:var(--text-dim);background:linear-gradient(#a0b4ff0d 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#a0b4ff0d 1px,#0000 1px) 0 0/32px 32px,radial-gradient(at 50% 40%,#7896ff1f,#0000 70%),#050b14;place-items:center;font-size:clamp(22px,3vw,40px);display:grid}.case-card:hover .case-card-shot img{transform:scale(1.03)}.case-card-body{flex-direction:column;gap:8px;padding:20px 22px;display:flex}.case-card-meta b{color:var(--accent);font-weight:600}.case-card-title{font:600 22px/1.15 var(--font-display);letter-spacing:-.015em;color:#f3f5ff}.case-card-blurb{-webkit-line-clamp:3;color:var(--text-dim);-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.case-card-foot{border-top:1px solid var(--border);font:500 12.5px/1.2 var(--font-display);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-top:auto;padding-top:14px;display:flex}.case-card-host{color:#ffffff73}.case-card-cta{color:var(--accent);align-items:center;gap:8px;display:inline-flex}.case-card-cta .icon{width:14px;height:14px;transition:transform .25s}.case-card:hover .case-card-cta .icon{transform:translate(3px)}@container site (width>=700px){.case-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.case-card-shot{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--border);min-height:230px}.case-card-body{padding:24px 26px}}.contact-list{gap:10px;max-width:460px;margin-top:24px;display:grid}.contact-line{border:1px solid var(--border);background:var(--glass);font:500 16px/1.3 var(--font-display);border-radius:14px;align-items:center;gap:14px;margin:0;padding:14px 18px 14px 14px;text-decoration:none;transition:border-color .25s;display:flex}.site .contact-line .icon{box-sizing:content-box;width:18px;height:18px;color:var(--accent);background:#a0b4ff17;border-radius:10px;padding:9px}a.contact-line:hover{border-color:var(--border-hi)}p.contact-line{color:var(--text-dim)}.case-page{padding:clamp(20px, 4cqi, 40px) var(--pad-x) 24px}.case-back{border:1px solid var(--border);font:500 13px/1.2 var(--font-display);color:var(--text-dim);border-radius:999px;align-items:center;gap:8px;padding:6px 13px 6px 9px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.case-back:hover{color:var(--text);border-color:var(--border-hi)}.case-copy .eyebrow{margin-top:28px}.case-blurb{color:#ffffffa8;max-width:62ch;margin:18px 0 0;font-size:clamp(15px,2cqi,17px);line-height:1.65}.case-facts{gap:12px;margin-top:28px;display:grid}@container site (width>=620px){.case-facts{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.case-fact{border:1px solid var(--border);background:var(--glass);border-radius:16px;padding:18px 20px}.fact-label{margin:0}.case-fact .chips{margin-top:14px}.metric-value{font:600 clamp(34px, 6cqi, 46px)/1 var(--font-display);letter-spacing:-.03em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:12px 0 0}.metric-label{color:var(--text-dim);margin:8px 0 0;font-size:13px;line-height:1.5}.case-quote{margin:28px 0 0;padding:2px 0 2px 22px;position:relative}.case-quote:before{content:"";background:linear-gradient(180deg, var(--accent), #c8a0ff4d);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:0}.case-quote p{max-width:40em;font:400 clamp(17px, 2.7cqi, 21px)/1.55 var(--font-display);color:#ecefffeb;quotes:"“" "”";margin:0}.site:lang(zh-Hant) .case-quote p{quotes:"「" "」"}.case-quote p:before{content:open-quote}.case-quote p:after{content:close-quote}.case-quote footer{flex-direction:column;gap:3px;margin-top:14px;display:flex}.case-quote footer span:first-child{font:600 14px/1.3 var(--font-display)}.case-quote footer span+span{font:500 10.5px/1.4 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:#ffffff73}.browser{background:#050a14;border:1px solid #a0b4ff33;border-radius:16px;margin-top:36px;overflow:hidden;box-shadow:0 30px 80px -30px #000000e6,0 0 70px -24px #8c82ff59}.browser-chrome{border-bottom:1px solid var(--border);background:linear-gradient(#ffffff0e,#ffffff06);align-items:center;gap:12px;padding:9px 10px 9px 14px;display:flex}.browser-dots{flex:none;gap:6px;display:flex}.browser-dots i{background:#ffffff1f;border-radius:50%;width:10px;height:10px}.browser-address{border:1px solid var(--border);min-width:0;font:500 12.5px/1.2 var(--font-display);background:#00000059;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:7px 14px;display:flex}.site .browser-address .icon{color:#8cc8ffd9;width:12px;height:12px}.browser-host{text-overflow:ellipsis;white-space:nowrap;color:#ffffffd1;overflow:hidden}.browser[data-embed=shot] .browser-address{margin-right:4px}.browser-actions{flex:none;gap:2px;display:flex}.browser-btn{width:32px;height:32px;color:var(--text-dim);background:0 0;border:0;border-radius:9px;place-items:center;transition:color .2s,background-color .2s;display:grid}.browser-btn:hover{color:var(--text);background:#ffffff12}.browser-stage{position:relative}.browser[data-embed=live] .browser-stage{height:clamp(420px,72vh,820px)}.browser[data-embed=live][data-preview] .browser-stage{height:auto}.browser-invite{color:#e2f4ff;letter-spacing:.04em;pointer-events:none;background:#06121cd1;border:1px solid #a0d7ffcc;border-radius:999px;margin:0;padding:8px 16px;font-size:14px;animation:8s both browser-invite;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #8cc8ff73}@keyframes browser-invite{0%{opacity:0;transform:translate(-50%,-8px)}6%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}.browser-iframe{background:#0b0f18;border:0;width:100%;height:100%;display:block}.browser-loading{font:500 13px/1 var(--font-display);letter-spacing:.08em;color:var(--text-dim);background:#050a14;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.browser-spinner{border:2px solid #a0b4ff33;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@container site (width<=440px){.browser-dots{display:none}}.case-next{border:1px solid var(--border);background:var(--glass);font:600 clamp(17px, 3cqi, 22px)/1.2 var(--font-display);letter-spacing:-.01em;border-radius:16px;align-items:center;gap:14px;margin-top:24px;padding:20px 22px;text-decoration:none;transition:border-color .25s;display:flex}.case-next-num{font:500 12px/1 var(--font-display);letter-spacing:.2em;color:var(--accent)}.site .case-next .icon{width:20px;height:20px;color:var(--accent);margin-left:auto;transition:transform .25s}.case-next:hover{border-color:var(--border-hi)}.case-next:hover .icon{transform:translate(4px)}.site-footer{padding:22px var(--pad-x) 28px;border-top:1px solid var(--border);color:#fff6;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin:16px clamp(8px,2.5cqi,24px) 0;font-size:12px;line-height:1.5;display:flex}.site-footer p{margin:0}.site-footer a{color:var(--text-dim);text-decoration:none}.site-footer a:hover{color:var(--text)}.site-section.is-highlighted{background-color:#a0b4ff09;transition-duration:.5s;animation:1.1s ease-out ring-in;box-shadow:0 0 0 1px #aab6ff8c,0 0 0 5px #a0b4ff1a,0 0 60px -6px #a0a0ff59}@keyframes ring-in{0%{box-shadow:0 0 0 1px #aab6ff00,0 0 #a0b4ff00,0 0 #a0a0ff00}35%{box-shadow:0 0 0 1px #c3cdfff2,0 0 0 9px #a0b4ff29,0 0 90px -4px #a0a0ff80}}@media (prefers-reduced-motion:reduce){.site *,.site :before,.site :after{transition:none!important;animation:none!important}}.shot-card{flex-direction:column;margin:0;display:flex}.shot-card-view{background:#03060c}.shot-card-img{aspect-ratio:1160/720;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.shot-card-bar{border-top:1px solid var(--border);background:#ffffff05;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:flex}.shot-card-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);flex:1;overflow:hidden}.shot-card-count{color:var(--text-dim);font-variant-numeric:tabular-nums}.shot-card-bar button{border:1px solid var(--border-hi);background:#ffffff05;border-radius:9px;place-items:center;width:32px;height:32px;font-size:18px;line-height:1;transition:background-color .2s;display:grid}.shot-card-bar button:hover{background:#a0b4ff1a}.shot-card-none{aspect-ratio:1160/720}@media (hover:hover) and (pointer:fine){html.has-holo-cursor,html.has-holo-cursor *{cursor:none!important}}.holo-cursor{pointer-events:none;z-index:2147483000;position:fixed;inset:0}.holo-cursor-fx{width:100%;height:100%;position:absolute;inset:0}.holo-cursor-dot,.holo-cursor-ring{will-change:transform;border-radius:50%;position:absolute;top:0;left:0}.holo-cursor-dot:before,.holo-cursor-ring:before{content:"";border-radius:50%;transition:width .22s,height .22s,opacity .22s,border-color .22s,box-shadow .22s,background .22s;position:absolute;transform:translate(-50%,-50%)}.holo-cursor-dot:before{background:#d8efff;width:6px;height:6px;box-shadow:0 0 8px #8cc8ffe6}.holo-cursor-ring:before{border:1px solid #8cc8ff8c;width:30px;height:30px;box-shadow:0 0 10px #8cc8ff26}.holo-cursor.is-hover .holo-cursor-ring:before{background:#8cc8ff0f;border-color:#aadcfff2;width:46px;height:46px;box-shadow:0 0 18px #8cc8ff73,inset 0 0 10px #8cc8ff33}.holo-cursor.is-pressed .holo-cursor-ring:before{width:22px;height:22px}.holo-cursor.is-text .holo-cursor-dot:before{border-radius:1px;width:2px;height:20px}.holo-cursor.is-text .holo-cursor-ring:before,.holo-cursor:is(.is-away,.is-touch) :is(.holo-cursor-dot,.holo-cursor-ring):before{opacity:0}@media not ((hover:hover) and (pointer:fine)){.holo-cursor-dot,.holo-cursor-ring{display:none}}.card-scan{z-index:4;pointer-events:none;position:absolute;inset:0}.card-veil{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#04070b8c;transition:opacity .4s;position:absolute;inset:0}.card-scan[data-stage] .card-veil{opacity:1;pointer-events:auto}.card-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink,#e2f4ff);pointer-events:auto;background:#080e16db;border:1px solid #8cc8ff66;border-radius:18px;display:none;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #5b9dff33,inset 0 0 30px #8cc8ff0f}.card-scan[data-stage=consent] .card-consent,.card-scan[data-stage=finder] .card-finder{animation:.6s cubic-bezier(.2,.8,.25,1) both card-summon;display:block}@keyframes card-summon{0%{opacity:0;filter:blur(8px)brightness(1.8);transform:translate(-50%,-46%)scale(.85)}}.card-eyebrow{letter-spacing:.3em;color:#8cc8ff;text-transform:uppercase;margin:0;font-size:11px}.card-row{justify-content:center;gap:10px;display:flex}.card-glass .btn{font:inherit;letter-spacing:.08em;color:inherit;cursor:pointer;background:#8cc8ff24;border:1px solid #8cc8ff8c;border-radius:999px;padding:11px 22px;font-size:14px}.card-glass .btn:hover{background:#8cc8ff42}.card-glass .btn.quiet{color:#cfe6ff9e;background:0 0;border-color:#8cc8ff40}.card-consent{width:min(440px,90vw);padding:24px 26px 22px}.card-ask{margin:12px 0 8px;font-size:16px;line-height:1.7}.card-consent ul{color:#cfe6ff9e;margin:0 0 20px;padding:0;font-size:13px;line-height:1.9;list-style:none}.card-consent li:before{content:"◇ ";color:#8cc8ff}.card-finder{width:min(720px,92vw);padding:16px 16px 18px}.card-finder header{justify-content:space-between;align-items:center;margin:0 4px 12px;display:flex}.card-dot{letter-spacing:.2em;color:#cfe6ff9e;margin:0;font-size:11px}.card-dot[data-on]{color:#ffb4b4}.card-dot[data-on]:before{content:"● ";color:#ff5b5b;animation:1.2s steps(2,end) infinite card-blink}@keyframes card-blink{50%{opacity:.2}}.card-view{aspect-ratio:16/10;background:#000;border-radius:12px;max-height:56vh;margin:0 auto;position:relative;overflow:hidden}.card-view video,.card-view canvas.still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-view canvas.still{display:none}.card-view[data-still] canvas.still{display:block}.card-frame{aspect-ratio:85.6/54;border-radius:10px;width:74%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #03060a8c}.card-frame i{border:2px solid var(--holo,#8cc8ffe6);width:26px;height:26px;filter:drop-shadow(0 0 6px var(--holo,#8cc8ffe6));position:absolute}.card-frame i:first-child{border-bottom:0;border-right:0;border-top-left-radius:10px;top:-2px;left:-2px}.card-frame i:nth-child(2){border-bottom:0;border-left:0;border-top-right-radius:10px;top:-2px;right:-2px}.card-frame i:nth-child(3){border-top:0;border-right:0;border-bottom-left-radius:10px;bottom:-2px;left:-2px}.card-frame i:nth-child(4){border-top:0;border-left:0;border-bottom-right-radius:10px;bottom:-2px;right:-2px}.card-frame b{background:var(--holo,#8cc8ffe6);height:2px;box-shadow:0 0 14px var(--holo,#8cc8ffe6);animation:2.2s ease-in-out infinite alternate card-sweep;position:absolute;top:0;left:4%;right:4%}@keyframes card-sweep{to{top:calc(100% - 2px)}}.card-view[data-still] .card-frame b{opacity:0;animation:none}.card-view[data-reading] .card-frame b{opacity:1;animation:.7s linear infinite alternate card-sweep}.card-hint{text-align:center;letter-spacing:.12em;text-shadow:0 0 10px #000;margin:0;font-size:13px;position:absolute;bottom:5%;left:0;right:0}.card-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.card-flash.go{animation:.35s ease-out card-flash}@keyframes card-flash{0%{opacity:.85}}.card-meter{background:#8cc8ff1f;border-radius:2px;height:3px;margin:12px 4px 0;overflow:hidden}.card-meter span{background:#ffc46b;width:0;height:100%;transition:width .3s,background .3s;display:block;box-shadow:0 0 10px #ffc46b}.card-meter[data-ok] span{background:var(--holo,#8cc8ffe6);box-shadow:0 0 10px var(--holo,#8cc8ffe6)}.card-finder .card-row{margin-top:14px}@media (prefers-reduced-motion:reduce){.card-glass,.card-frame b{animation:none!important}}.board{--holo:140, 200, 255;--ink:#e2f4ff;--dim-ink:#cfe6ff9e;pointer-events:none;z-index:3;position:fixed;inset:0}.board-dim{opacity:0;background:radial-gradient(38% 70% at 84% 58%,#04060a00 0%,#04060a8c 55%,#04060adb 100%);transition:opacity .9s;position:absolute;inset:0}.board.presenting .board-dim{opacity:1}.board-fx{width:100%;height:100%;position:absolute;inset:0}.board-stage{perspective:1300px;perspective-origin:45%;position:absolute;inset:0}.board-plaque{border-left:2px solid rgba(var(--holo), .9);background:linear-gradient(90deg, rgba(var(--holo), .12), rgba(var(--holo), 0));opacity:0;max-width:46vw;color:var(--ink);transform-origin:0;padding:10px 18px 12px;transition:opacity .6s .2s,transform .9s cubic-bezier(.2,.8,.25,1);position:absolute;top:6%;left:6%;transform:translateZ(-120px)rotateY(12deg)}.board.presenting .board-plaque{opacity:1;transform:translateZ(0)rotateY(8deg)}.board-plaque small{letter-spacing:.35em;color:rgb(var(--holo));font:10px ui-monospace,Menlo,monospace;display:block}.board-plaque p{letter-spacing:.04em;text-shadow:0 0 18px rgba(var(--holo), .5);margin:4px 0 0;font-size:24px}.board-card{pointer-events:auto;cursor:pointer;width:540px;color:var(--ink);transform-style:preserve-3d;transform-origin:0 0;will-change:transform, opacity, filter;transition:transform 1s cubic-bezier(.2,.8,.25,1),opacity .7s,filter .7s;position:absolute;top:0;left:0}.board-card.quick{transition-duration:.65s;transition-timing-function:cubic-bezier(.6,0,.8,.4)}.board-float{animation:5s ease-in-out infinite board-bob;animation-delay:calc(var(--i) * -1.3s)}@keyframes board-bob{50%{transform:translateY(-10px)}}.board-card.front .board-float{animation:none}.board.listening .board-float{animation-play-state:paused}.board-face{border:1px solid rgba(var(--holo), .55);box-shadow:0 0 40px rgba(var(--holo), .22), inset 0 0 40px rgba(var(--holo), .08);background:#0a1422ad;border-radius:16px;padding:14px;transition:background .6s,box-shadow .6s;position:relative;overflow:hidden}.board-face:before{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg, rgba(var(--holo), .07) 0 1px, transparent 1px 3px);transition:opacity .6s;position:absolute;inset:0}.board-face:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(180deg, transparent 40%, rgba(var(--holo), .14) 50%, transparent 60%);animation:4.5s linear infinite board-sweep;position:absolute;inset:-40% 0}@keyframes board-sweep{0%{transform:translateY(-50%)}to{transform:translateY(50%)}}.board-card.front .board-face{box-shadow:0 0 70px rgba(var(--holo), .3), inset 0 0 30px rgba(var(--holo), .06);background:#080f1ae6}.board-card.front .board-face:before{opacity:.25}.board-card.arrive .board-face{animation:.9s cubic-bezier(.3,.7,.2,1) both board-unfold}@keyframes board-unfold{0%{filter:brightness(3.5);transform:scale(.06,.02)}38%{filter:brightness(2.6);transform:scaleY(.025)}70%{filter:brightness(1.5);transform:scaleY(1.03)}82%{opacity:.7}90%{opacity:1}to{filter:none;transform:none}}.board-card.fold .board-face{animation:.52s cubic-bezier(.6,0,.8,.4) both board-fold}@keyframes board-fold{0%{transform:none}55%{filter:brightness(2.4);transform:scaleY(.025)}to{filter:brightness(3.5);transform:scale(.06,.02)}}.board-card.lit .board-face{animation:1.3s ease-out both board-lit}@keyframes board-lit{0%{filter:none}18%{filter:brightness(1.9);box-shadow:0 0 110px rgba(var(--holo), .75), inset 0 0 60px rgba(var(--holo), .3);border-color:#dcf0ff}to{filter:none}}.board-tag{letter-spacing:.3em;color:rgb(var(--holo));justify-content:space-between;margin-bottom:10px;font:10px ui-monospace,Menlo,monospace;display:flex}.board-shot{aspect-ratio:16/9;object-fit:cover;object-position:top;opacity:.92;border-radius:9px;width:100%;display:block}.board-shot-none{background:linear-gradient(rgba(var(--holo), .08) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, rgba(var(--holo), .08) 1px, transparent 1px) 0 0 / 24px 24px, rgba(var(--holo), .04);letter-spacing:.06em;color:var(--dim-ink);place-items:center;font-size:26px;display:grid}.board-card h3{margin:12px 0 2px;font-size:22px;font-weight:500}.board-cat{color:var(--dim-ink);margin:0;font-size:13px}.board-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.board-chip{border:1px solid rgba(var(--holo), .2);color:var(--dim-ink);border-radius:999px;padding:3px 10px;font-size:12px;transition:all .5s}.board-card.front .board-chip.hit{color:var(--ink);background:rgba(var(--holo), .16);box-shadow:0 0 14px rgba(var(--holo), .5);border-color:#aadcfff2;animation:1.4s ease-out .5s both board-chip}@keyframes board-chip{0%{box-shadow:none;background:0 0}35%{background:rgba(var(--holo), .4);box-shadow:0 0 26px rgba(var(--holo), .95)}}.board-metric{color:rgb(var(--holo));margin:10px 0 0;font-size:13px}.board-metric b{color:var(--ink);margin-right:8px;font-size:18px;font-weight:600}.board-caps{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.board-caps .board-chip{color:var(--ink);border-color:rgba(var(--holo), .6);padding:7px 14px;font-size:15px}.board-bridge h3{margin-top:2px}.board-bridge p{color:var(--dim-ink);margin:8px 0 0;font-size:14px;line-height:1.6}.lobby[data-board] .panels,.lobby[data-board] .sheet{visibility:hidden}.board-card[data-card^=next\:]{width:400px}.board-next h3{margin-top:2px}.board-next p{color:var(--dim-ink);margin:8px 0 0;font-size:14px;line-height:1.6}.board-next .board-say{letter-spacing:.08em;color:rgb(var(--holo));margin-top:14px;font:12px ui-monospace,Menlo,monospace}.board-next .board-say b{color:var(--ink);font-weight:500}.board-plaque p:empty{display:none}.board-hint{letter-spacing:.04em;max-width:50vw;color:var(--dim-ink);opacity:0;text-shadow:0 0 14px rgba(var(--holo), .35);margin:0;font-size:16px;transition:opacity .9s,transform .9s;position:absolute;top:62%;left:5%;transform:translateY(8px)}.board-hint.shown{opacity:1;transform:none}.board.works .board-chips,.board.works .board-metric{display:none}.board.works .board-card{cursor:pointer}.board.works .board-card:hover .board-face{box-shadow:0 0 70px rgba(var(--holo), .4), inset 0 0 40px rgba(var(--holo), .12)}@media (orientation:portrait){.board.works .board-plaque{max-width:84vw;top:9%}}.brief{--holo:#8cc8ffe6;--ink:#e2f4ff;--dim-ink:#cfe6ff9e;pointer-events:none;z-index:3;position:fixed;inset:0}.brief-fx{width:100%;height:100%;position:absolute;inset:0}.brief-sheet{scrollbar-width:none;opacity:0;width:min(560px,50vw);max-height:calc(91vh - 120px);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:0;background:#080e16d1;border:1px solid #8cc8ff66;border-radius:16px;padding:22px 24px 18px;position:absolute;top:9vh;left:4vw;overflow:auto;transform:perspective(1300px)rotateY(9deg);box-shadow:0 0 60px #5b9dff2e,inset 0 0 30px #8cc8ff0f}.brief[data-state=on] .brief-sheet{pointer-events:auto;animation:.8s cubic-bezier(.2,.8,.25,1) both brief-unfold}.brief[data-state=closing] .brief-sheet{animation:.5s ease-in both brief-fold}@keyframes brief-unfold{0%{opacity:0;clip-path:inset(49% 0);filter:brightness(2.2)blur(3px)}45%{opacity:1;clip-path:inset(49% 0)}to{opacity:1;clip-path:inset(0);filter:none}}@keyframes brief-fold{0%{opacity:1;clip-path:inset(0)}60%{opacity:1;clip-path:inset(49% 0);filter:brightness(2)}to{opacity:0;clip-path:inset(49% 0)}}.brief-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.brief-head p{margin:0}.brief-title{letter-spacing:.3em;color:#8cc8ff;font-size:11px}.brief-date{color:var(--dim-ink);letter-spacing:.1em;font-size:11px}.brief-rows{margin:0}.brief-row{border-top:1px solid #8cc8ff1f;grid-template-columns:104px 1fr;gap:12px;padding:9px 0;animation:.7s ease-out both brief-print;display:grid;position:relative}.brief[data-lang=en] .brief-row{grid-template-columns:160px 1fr}.brief[data-lang=en] .brief-row dt{letter-spacing:.04em;white-space:nowrap}.brief-row dt{color:var(--dim-ink);letter-spacing:.12em;padding-top:2px;font-size:12px}.brief-row dd{margin:0;font-size:15px;line-height:1.55}.brief-row.open dd{color:#ffd59a}.brief-row:after{content:"";background:var(--holo);height:2px;box-shadow:0 0 14px var(--holo);pointer-events:none;animation:.7s ease-out both brief-sweep;position:absolute;top:0;left:0;right:0}@keyframes brief-print{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes brief-sweep{0%{opacity:1;top:0}to{opacity:0;top:100%}}.brief-row.changed dd{border-radius:6px;animation:1.6s ease-out brief-lit}@keyframes brief-lit{0%{background:#8cc8ff59;box-shadow:0 0 22px #8cc8ffb3}to{box-shadow:none;background:0 0}}.brief-no{color:#8cc8ff;vertical-align:1px;letter-spacing:0;border:1px solid #8cc8ff80;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:6px;font-size:10px;display:inline-grid}.brief-label{letter-spacing:.25em;color:var(--dim-ink);align-items:center;gap:10px;margin:16px 0 10px;font-size:11px;display:flex}.brief-label:after{content:"";background:#8cc8ff2e;flex:1;height:1px}.brief-ev{animation:brief-fly .65s cubic-bezier(.2, .8, .25, 1) calc(var(--i,0) * .26s) both;background:#0c1624b3;border:1px solid #8cc8ff38;border-radius:12px;gap:12px;margin-bottom:8px;padding:9px;display:flex}@keyframes brief-fly{0%{opacity:0;filter:blur(5px);transform:translate(40px)scale(.9)}to{opacity:1;filter:none;transform:none}}.brief-ev img,.brief-glyph{aspect-ratio:16/10;border-radius:7px;flex:none;width:120px}.brief-ev img{object-fit:cover;object-position:top}.brief-glyph{color:#8cc8ff;background:radial-gradient(circle at 50% 45%,#8cc8ff47,#0c162466 70%);place-items:center;font-size:26px;display:grid}.brief-ev h3{margin:0;font-size:14px;font-weight:500}.brief-ev p{color:var(--dim-ink);margin:4px 0 0;font-size:12px;line-height:1.5}.brief-ev b{color:var(--ink);margin-right:4px;font-weight:500}.brief-talk{color:var(--dim-ink);border:1px dashed #8cc8ff4d;border-radius:10px;margin:0;padding:10px 12px;font-size:13px;animation:.65s both brief-fly}.brief-next{letter-spacing:.06em;color:#07131f;background:#8cc8ff;border-radius:999px;margin:12px 0 0;padding:9px 16px;font-size:13px;text-decoration:none;animation:.65s .4s both brief-fly;display:inline-block;box-shadow:0 0 18px #8cc8ff73}.brief-next:hover{background:#b5dcff}.brief[data-lead] .brief-next{display:none}.brief-lead .brief-row{grid-template-columns:104px 1fr}.brief-lead .brief-row dd.none{color:var(--dim-ink)}.brief-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.brief-actions button{font:inherit;letter-spacing:.06em;cursor:pointer;border-radius:999px;padding:9px 18px;font-size:13px;animation:.65s both brief-fly}.brief-send,.brief-scan{color:#07131f;background:#8cc8ff;border:0;box-shadow:0 0 18px #8cc8ff73}.brief-send:hover,.brief-scan:hover{background:#b5dcff}.brief-edit{color:var(--ink);background:0 0;border:1px solid #8cc8ff66}.brief-sent{color:var(--dim-ink);margin:0;font-size:13px}.brief-sent.done{color:#9fe3b8}.brief-more.still *{animation:none!important}.lobby[data-brief] .panels,.lobby[data-brief] .sheet{visibility:hidden}@media (width<=760px){.brief-sheet{width:auto;top:auto;left:3vw;right:3vw;bottom:calc(var(--dock-h,118px) + 32px);max-height:max(120px, calc(62dvh - var(--dock-h,118px) - 32px));transform:none}}@media (prefers-reduced-motion:reduce){.brief *,.brief :after{animation-duration:1ms!important;animation-delay:0s!important}}