:root{--u: min(1vh, .75vw);--bubble-fill: rgba(255, 255, 255, .08);--bubble-glow: rgba(255, 255, 255, .08);--bubble-inner-shadow: rgba(0, 0, 0, .06);--bubble-outer-shadow: rgba(0, 0, 0, .16);--bubble-ink: #0f1114;--radius-frame: calc(1.5 * var(--u));--radius-card: calc(6 * var(--u));--radius-pill: 999px;--shadow-soft: 0 calc(.6 * var(--u)) calc(1.2 * var(--u)) rgb(0 0 0 / .35);--shadow-glow: 0 0 calc(1.2 * var(--u)) rgb(255 255 255 / .55);--transition-fast: .25s ease;--transition-card: .3s ease-out}*,*:before,*:after{box-sizing:border-box;font-family:monospace}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{position:relative}img.conceptDesign{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;padding:.75vh}div.mainFrame{position:absolute;top:0;right:0;bottom:0;left:0;width:99vw;height:99vh;margin:.5vh .5vw;padding:.5vh .5vw;display:grid;grid-template-columns:3fr 45fr;grid-template-rows:4fr 9fr;grid-template-areas:"title projectShowcase" "timelineBelt projectShowcase";background:transparent;border-radius:var(--radius-frame);box-shadow:0 calc(.6 * var(--u)) calc(1.2 * var(--u)) #00000080;isolation:isolate;overflow:hidden}@media(max-aspect-ratio:4/3){img.conceptDesign,div.mainFrame{width:100vw;height:75vw;inset:auto;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%)}img.conceptDesign{padding:.75vw}div.mainFrame{margin:0;padding:1vw}}.mainFrame-reveal-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;z-index:1;background-color:#ddd}.mainFrame-reveal-canvas.is-ready{background:transparent}div.mainFrame>:is(.title,.mailboxSlot,.timelineBelt,.projectShowcase){position:relative;z-index:2}div.mainFrame>div{min-width:0;min-height:0;border-radius:var(--radius-frame)}div.title,ul.timeList>li[data-year]>span,ul.timeList>li[data-year]:after,div.iframes>div.iframe-wrapper{display:flex;align-items:center;justify-content:center}div.title{grid-area:title;width:max-content;height:max-content;justify-self:center;align-self:center}div.title>p.title{margin:0;padding:calc(3 * var(--u));width:max-content;font-size:calc(3.8 * var(--u));text-align:center;border-radius:var(--radius-card);cursor:pointer}div.mailboxSlot{grid-area:mailboxSlot;background-color:#00ff0080}img.mailboxSlot{width:100%;height:100%;object-fit:contain}div.mailboxSlot>canvas{width:80%;height:100%;object-fit:contain}div.timelineBelt{grid-area:timelineBelt;position:relative;perspective:var(--timeline-perspective, calc(180 * var(--u)));perspective-origin:50% 50%}div.timelineBelt>canvas{width:100%;height:100%;object-fit:contain;z-index:-1}div.timelineBelt>ul.timeList{position:absolute;padding:0;margin:0;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;transform-style:preserve-3d;opacity:0;visibility:hidden;filter:blur(calc(.6 * var(--u)))}div.timelineBelt>ul.timeList.is-ready{opacity:1;visibility:visible;filter:blur(0);transition:opacity .35s ease-out,filter .45s ease-out}ul.timeList>li[data-year]{position:absolute;padding:0;margin:0;list-style:none;width:calc(21 * var(--u));height:calc(11.8 * var(--u));cursor:pointer;pointer-events:all;z-index:1;transform-origin:center center;transform-style:preserve-3d}ul.timeList>li[data-year="2017"],div.iframes[data-year="2017"],div.projectShowcase:has(.iframes[data-year="2017"]){--year-rgb: 255 0 0;--year-accent-rgb: 255 153 153;--year-card-filter: hue-rotate(-200deg)}ul.timeList>li[data-year="2018"],div.iframes[data-year="2018"],div.projectShowcase:has(.iframes[data-year="2018"]){--year-rgb: 255 127 0;--year-accent-rgb: 255 204 153;--year-card-filter: hue-rotate(-160deg)}ul.timeList>li[data-year="2019"],div.iframes[data-year="2019"],div.projectShowcase:has(.iframes[data-year="2019"]){--year-rgb: 255 255 0;--year-accent-rgb: 255 255 153;--year-card-filter: hue-rotate(-120deg)}ul.timeList>li[data-year="2020"],div.iframes[data-year="2020"],div.projectShowcase:has(.iframes[data-year="2020"]){--year-rgb: 0 255 0;--year-accent-rgb: 153 255 153;--year-card-filter: hue-rotate(-80deg)}ul.timeList>li[data-year="2021"],div.iframes[data-year="2021"],div.projectShowcase:has(.iframes[data-year="2021"]){--year-rgb: 0 255 255;--year-accent-rgb: 153 255 255;--year-card-filter: hue-rotate(-40deg)}ul.timeList>li[data-year="2022"],div.iframes[data-year="2022"],div.projectShowcase:has(.iframes[data-year="2022"]){--year-rgb: 0 127 255;--year-accent-rgb: 153 204 255;--year-card-filter: hue-rotate(0deg)}ul.timeList>li[data-year="2023"],div.iframes[data-year="2023"],div.projectShowcase:has(.iframes[data-year="2023"]){--year-rgb: 139 0 255;--year-accent-rgb: 203 153 255;--year-card-filter: hue-rotate(40deg)}ul.timeList>li[data-year="2024"],div.iframes[data-year="2024"],div.projectShowcase:has(.iframes[data-year="2024"]){--year-rgb: 255 0 255;--year-accent-rgb: 255 153 255;--year-card-filter: hue-rotate(80deg)}ul.timeList>li[data-year="2025"],div.iframes[data-year="2025"],div.projectShowcase:has(.iframes[data-year="2025"]){--year-rgb: 255 20 147;--year-accent-rgb: 255 161 221;--year-card-filter: hue-rotate(120deg)}ul.timeList>li[data-year]>span{position:absolute;top:0;right:0;bottom:0;left:0;font-family:Impact,Arial Black,Helvetica Neue Condensed Black,system-ui,sans-serif;font-size:calc(7.2 * var(--u));width:100%;height:100%;border-radius:calc(3.5 * var(--u));transform:none;transform-origin:center center;backface-visibility:visible;color:transparent;background:rgb(var(--year-rgb) / .05);border:calc(.225 * var(--u)) solid rgb(255 255 255 / .62);opacity:.92;overflow:hidden}ul.timeList>li[data-year]>span:before{content:"";position:absolute;left:8%;right:8%;top:8%;height:34%;border-radius:var(--radius-pill);background:linear-gradient(180deg,#ffffffb8,#ffffff5c 48%,#fff0);filter:blur(calc(.075 * var(--u)));opacity:.72;pointer-events:none}ul.timeList>li[data-year]>span:after{content:"";position:absolute;left:5%;right:5%;bottom:4%;height:28%;border-radius:var(--radius-pill);filter:blur(calc(.6 * var(--u)));opacity:.9;pointer-events:none}ul.timeList>li[data-year]{--year-text-rgb: 226 232 229;--year-light-x: 50%;--year-light-y: 44%;--year-light-alpha: .62}ul.timeList>li[data-year].checked{--year-text-rgb: var(--year-accent-rgb);--year-light-alpha: .72}ul.timeList>li[data-year]:after{content:attr(data-year);position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;font-family:Impact,Arial Black,Helvetica Neue Condensed Black,system-ui,sans-serif;font-size:calc(7.2 * var(--u));font-weight:400;color:transparent;-webkit-text-stroke:calc(.3 * var(--u)) #002244;filter:var(--year-card-filter, none) drop-shadow(0 calc(.9 * var(--u)) calc(.3 * var(--u)) rgb(0 0 0 / .13))}ul.timeList>li[data-year]:hover:after,ul.timeList>li[data-year].checked:after,div.mainFrame:has(.hotzone-list>li[data-year="2017"]:hover) .timelineBelt li[data-year="2017"]:after,div.mainFrame:has(.hotzone-list>li[data-year="2018"]:hover) .timelineBelt li[data-year="2018"]:after,div.mainFrame:has(.hotzone-list>li[data-year="2019"]:hover) .timelineBelt li[data-year="2019"]:after,div.mainFrame:has(.hotzone-list>li[data-year="2020"]:hover) .timelineBelt li[data-year="2020"]:after,div.mainFrame:has(.hotzone-list>li[data-year="2021"]:hover) .timelineBelt li[data-year="2021"]:after,div.mainFrame:has(.hotzone-list>li[data-year="2022"]:hover) .timelineBelt li[data-year="2022"]:after,div.mainFrame:has(.hotzone-list>li[data-year="2023"]:hover) .timelineBelt li[data-year="2023"]:after,div.mainFrame:has(.hotzone-list>li[data-year="2024"]:hover) .timelineBelt li[data-year="2024"]:after,div.mainFrame:has(.hotzone-list>li[data-year="2025"]:hover) .timelineBelt li[data-year="2025"]:after{-webkit-text-stroke:0 rgb(255 255 255 / .75);background:linear-gradient(115deg,transparent 0%,transparent 38%,rgb(255 255 255 / .55) 47%,transparent 58%,transparent 100%),radial-gradient(ellipse at var(--year-light-x, 36%) var(--year-light-y, 18%),rgb(255 255 255 / var(--year-light-alpha, .62)) 0%,rgb(255 255 255 / .36) 18%,rgb(255 255 255 / 0) 42%),linear-gradient(145deg,#fff,#ecf1ef 22%,rgb(var(--year-text-rgb) / .55) 34%,#8e9895 58%,#fff 74%,#cdd7d3);background-size:220% 100%,100% 100%,100% 100%;background-position:160% 0,0 0,0 0;background-repeat:no-repeat;background-blend-mode:screen,screen,normal;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 calc(.3 * var(--u)) calc(.15 * var(--u)) rgb(70 76 74 / 1)) drop-shadow(0 calc(.9 * var(--u)) calc(.3 * var(--u)) rgb(0 0 0 / .13)) drop-shadow(0 calc(-.15 * var(--u)) calc(.15 * var(--u)) rgb(255 255 255 / 1))}ul.timeList>li[data-year]:hover:after,ul.timeList>li[data-year].checked:after{animation:yearTextSheen 2s ease-out both}@keyframes yearTextSheen{0%{background-position:160% 0,0 0,0 0}to{background-position:-120% 0,0 0,0 0}}ul.timeList>li[data-year]:hover>span,ul.timeList>li[data-year].checked>span{background:linear-gradient(180deg,#ffffff9e,#ffffff47 34%,rgb(var(--year-rgb) / .07) 58%,#ffffff57);box-shadow:inset 0 calc(.3 * var(--u)) calc(.45 * var(--u)) #ffffffe6,inset 0 calc(-1.5 * var(--u)) calc(2.7 * var(--u)) #ffffff47,inset 0 calc(-2.7 * var(--u)) calc(4.2 * var(--u)) rgb(var(--year-rgb) / .08),inset calc(1.5 * var(--u)) 0 calc(2.7 * var(--u)) #fff3,inset calc(-1.5 * var(--u)) 0 calc(2.7 * var(--u)) #0000000d,0 calc(1.5 * var(--u)) calc(3 * var(--u)) #0000001f,0 0 calc(3.3 * var(--u)) #ffffff61}ul.timeList>li[data-year]:hover>span:after,ul.timeList>li[data-year].checked>span:after{background:radial-gradient(ellipse at 50% 100%,rgb(var(--year-rgb) / .13),#ffffff38 45%,#fff0 75%)}ul.timeList>li[data-year].checked>span{background:linear-gradient(180deg,#ffffffb8,#ffffff57 34%,rgb(var(--year-accent-rgb) / .12) 58%,#ffffff6b);box-shadow:inset 0 calc(.3 * var(--u)) calc(.6 * var(--u)) #fffffff2,inset 0 calc(-1.8 * var(--u)) calc(3.3 * var(--u)) rgb(var(--year-accent-rgb) / .14),inset calc(1.5 * var(--u)) 0 calc(2.7 * var(--u)) #ffffff40,inset calc(-1.5 * var(--u)) 0 calc(2.7 * var(--u)) #0000000f,0 calc(.9 * var(--u)) calc(1.8 * var(--u)) #0000001a,0 0 calc(1.5 * var(--u)) rgb(var(--year-accent-rgb) / .1)}div.iframes[data-year]>div.iframe-wrapper{background-color:rgb(var(--year-rgb) / .03)}div.iframes[data-year]>div.iframe-wrapper.active{background:radial-gradient(circle at 18% 12%,rgb(255 255 255 / .32) 0%,rgb(255 255 255 / .12) 18%,transparent 42%),linear-gradient(145deg,#ffffff2e,rgb(var(--year-accent-rgb) / .1) 36%,rgb(var(--year-rgb) / .08) 66%,#ffffff1a);box-shadow:inset 0 calc(.15 * var(--u)) calc(.3 * var(--u)) #ffffff61,inset 0 calc(-1.5 * var(--u)) calc(3 * var(--u)) rgb(var(--year-rgb) / .08),0 calc(.6 * var(--u)) calc(1.2 * var(--u)) #00000052}div.iframes[data-year]>.iframe-wrapper>.iframe-mask{filter:var(--year-card-filter, none)}div.projectShowcase{position:relative;grid-area:projectShowcase;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 2.5%,black 97.5%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 2.5%,black 97.5%,transparent 100%)}div.projectShowcase.is-rippling{filter:url(#project-ripple-filter)}.project-label{position:relative;z-index:2;display:inline-block;transform-origin:center;font-weight:400;filter:blur(0);transition:font-weight 0s}.project-label:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff4d4d,#ffd84d,#6dff8a,#55dfff,#9a7cff,#ff7add 83%,#ff4d4d);background-size:240% 240%;background-repeat:repeat;background-position:var(--rainbow-from, 200% 50%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:blur(calc(.6 * var(--u)));opacity:0;transform:scale(1.04);pointer-events:none}div.projectShowcase>div.projectList{z-index:2;position:relative;height:calc(29 * var(--u))}div.projectShowcase>div.projectList:has(ol.hotzone-list>li:hover){z-index:2}div.projectShowcase>div.projectList:has(ol.hotzone-list>li:hover)>span.project-cell-blob{-webkit-backdrop-filter:blur(calc(.3 * var(--u)));backdrop-filter:blur(calc(.3 * var(--u)))}div.projectShowcase>div.projectList:has(ol.hotzone-list>li:hover)>ol.hotzone-list{z-index:4;transition:z-index 0s step-end .25s}ol.hotzone-list>li:hover .project-label,ol.hotzone-list>li.checked .project-label,ol.hotzone-list>li.is-iframe-hover .project-label{font-weight:900;transition:font-weight .125s step-end .125s}ol.hotzone-list>li:hover .project-label:before,ol.hotzone-list>li.checked .project-label:before,ol.hotzone-list>li.is-iframe-hover .project-label:before{animation:rainbowShadowShift .5s ease-in 0s forwards}@keyframes rainbowShadowShift{0%{background-position:var(--rainbow-from, 200% 50%);opacity:.5}to{background-position:var(--rainbow-to, 0% 50%);opacity:0}}.project-cell-blob{position:absolute;left:0;top:0;width:0;height:0;border-radius:var(--radius-pill);background:var(--bubble-fill);box-shadow:0 0 calc(2.7 * var(--u)) var(--bubble-glow),inset 0 0 calc(2.4 * var(--u)) var(--bubble-fill),inset 0 0 calc(2.7 * var(--u)) var(--bubble-inner-shadow),calc(.6 * var(--u)) calc(.6 * var(--u)) calc(1.5 * var(--u)) var(--bubble-outer-shadow);opacity:0;pointer-events:none;z-index:3;transform-origin:center center;transition:opacity .26s ease}.project-cell-blob.is-visible{opacity:1}.project-cell-blob:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 calc(3.6 * var(--u)) var(--bubble-inner-shadow);pointer-events:none}div.projectList>ol.hotzone-list{font-size:calc(1.8 * var(--u));font-weight:400;position:relative;display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,auto);grid-auto-columns:clamp(calc(24 * var(--u)),18vw,calc(34.5 * var(--u)));column-gap:clamp(calc(3 * var(--u)),2vw,calc(6.3 * var(--u)));height:100%;overflow-x:auto;overflow-y:hidden;padding:calc(1 * var(--u)) 0 calc(3 * var(--u)) calc(4 * var(--u));counter-reset:project;list-style:none;margin:0;z-index:0;isolation:isolate}div.projectList>ol.hotzone-list::-webkit-scrollbar{display:none}ol.hotzone-list>li:before{content:counter(project) ".";flex:0 0 2.4em;text-align:right;margin-right:.5em;font-weight:900}ol.hotzone-list>li{min-width:0;max-width:100%;white-space:normal;overflow-wrap:break-word;break-inside:avoid;counter-increment:project;display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:2;margin:0 0 calc(.3 * var(--u));cursor:pointer}div.projectList>.project-back-button{position:absolute;top:calc(3 * var(--u));right:calc(3 * var(--u));width:calc(6.6 * var(--u));height:calc(6.6 * var(--u));border:none;padding:0;border-radius:var(--radius-pill);background:transparent;cursor:pointer;z-index:5;display:none;align-items:center;justify-content:center}div.projectList>.project-back-button.is-visible{display:flex}.project-back-button>svg.project-back-icon{width:calc(6 * var(--u));height:calc(6 * var(--u));display:block;overflow:visible;filter:drop-shadow(0 calc(.15 * var(--u)) calc(.075 * var(--u)) rgb(70 76 74 / .8)) drop-shadow(0 calc(.45 * var(--u)) calc(.15 * var(--u)) rgb(0 0 0 / var(--back-shadow-alpha, .16))) drop-shadow(0 calc(-.075 * var(--u)) calc(.075 * var(--u)) rgb(255 255 255 / var(--back-light-alpha, .55)));transition:transform .18s ease-out,filter .18s ease-out;--back-light-alpha: .55;--back-shadow-alpha: .16;--back-accent-alpha: .72;--back-light-opacity: .55}div.projectList>.project-back-button>.project-back-icon>.project-back-base{fill:url(#projectBackIconGradient);paint-order:stroke fill;vector-effect:non-scaling-stroke}div.projectList>.project-back-button>.project-back-icon>.project-back-light{fill:url(#projectBackLightGradient);opacity:var(--back-light-opacity, .55);mix-blend-mode:screen;pointer-events:none}.project-back-icon .back-stop-1{stop-color:rgb(255 255 255 / var(--back-light-alpha))}.project-back-icon .back-stop-2{stop-color:rgb(var(--year-accent-rgb, 255 180 190) / var(--back-accent-alpha, .72));transition:stop-color .3s linear}.project-back-icon .back-stop-3{stop-color:#828a88b8}.project-back-icon .back-stop-4{stop-color:#e6eceac2}.project-back-icon .back-light-stop-1{stop-color:rgb(255 255 255 / var(--back-light-alpha, .82))}.project-back-icon .back-light-stop-2{stop-color:#ffffff38}.project-back-icon .back-light-stop-3{stop-color:#fff0}.project-droplet{position:absolute;left:0;top:0;width:0;height:0;border-radius:var(--radius-pill);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.85),transparent 32%),#fff6787a;box-shadow:0 0 calc(2.1 * var(--u)) #ffffa07a,0 0 calc(4.2 * var(--u)) #ffffb438,inset 0 0 calc(1.5 * var(--u)) #ffffff6b;opacity:0;pointer-events:none;z-index:1;transform-origin:center;will-change:transform,width,height,opacity}.project-droplet.is-visible{opacity:1}.project-droplet:before,.project-droplet:after{content:"";position:absolute;border-radius:var(--radius-pill);background:#fff67861;box-shadow:0 0 calc(2.1 * var(--u)) #ffffb440}.project-droplet:before{width:38%;height:48%;left:-8%;top:22%}.project-droplet:after{width:30%;height:34%;right:-5%;bottom:12%}div.projectShowcase>div.playzone{width:100%;height:calc(67 * var(--u));padding:calc(1 * var(--u));--step-left: 2%;--left-base: 0%;--z-base: 1;pointer-events:none;display:flex;justify-content:space-between}div.playzone:has(>.iframes:not(.has-picked-wrapper)>.iframe-wrapper.active:not(:only-child))>img.tape{display:initial}div.playzone>img.tape{position:absolute;z-index:25;height:calc(4 * var(--u));bottom:calc(57 * var(--u));left:calc(115 * var(--u));transform:rotate(-60deg);cursor:pointer;pointer-events:auto;transform-origin:0 50%;display:none;opacity:.8}div.playzone>img.tape:hover{filter:drop-shadow(calc(.15 * var(--u)) 0 0 rgb(255 255 255 / .5)) drop-shadow(calc(-.15 * var(--u)) 0 0 rgb(255 255 255 / .5)) drop-shadow(0 calc(.15 * var(--u)) 0 rgb(255 255 255 / .5)) drop-shadow(0 calc(-.15 * var(--u)) 0 rgb(255 255 255 / .5)) drop-shadow(0 0 calc(.9 * var(--u)) rgb(255 255 255 / .5))}div.playzone>div.iframes{top:0;right:0;bottom:0;left:0;pointer-events:none;height:100%;flex-grow:1}div.iframes:has(>.iframe-wrapper.active){pointer-events:initial;z-index:2}div.iframes>div.iframe-wrapper,div.iframes.has-picked-wrapper>.iframe-wrapper.active.is-picked-wrapper{flex-grow:1;position:absolute;left:2%;bottom:calc(1 * var(--u));width:calc(101.25 * var(--u));height:calc(67.5 * var(--u));transform-origin:0 50%;border-radius:var(--radius-card);box-shadow:0 calc(.6 * var(--u)) calc(1.2 * var(--u)) #00000052;background:radial-gradient(circle at 18% 12%,rgb(255 255 255 / .32) 0%,rgb(255 255 255 / .12) 18%,transparent 42%),linear-gradient(145deg,#ffffff2e,rgb(var(--year-accent-rgb) / .1) 36%,rgb(var(--year-rgb) / .08) 66%,#ffffff1a);transition:transform .3s ease-out,filter 1.5s ease-out,left .2s ease-out,background-color .5s ease-out;pointer-events:auto;z-index:0}div.iframes>div.iframe-wrapper.active{width:calc(120 * var(--u));height:calc(67.5 * var(--u));padding:2%;left:calc(var(--left-base) + var(--index) * var(--step-left));z-index:calc(var(--z-base) + (var(--count) - (var(--index) + 1)))}div.projectShowcase:not(.is-dashboard-pinned) .iframes>div.iframe-wrapper:is(:hover,.is-dashboard-hover),div.projectShowcase.is-dashboard-pinned .iframes>div.iframe-wrapper.is-dashboard-hover{box-shadow:0 calc(.6 * var(--u)) calc(1.2 * var(--u)) #0006,0 0 calc(1.2 * var(--u)) #ffffff8c}div.projectShowcase:not(.is-dashboard-pinned) .iframes>div.iframe-wrapper.active:is(:hover,.is-dashboard-hover),div.projectShowcase.is-dashboard-pinned .iframes>div.iframe-wrapper.active.is-dashboard-hover{z-index:20}div.iframes.year-color-rippling:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border-radius:inherit;--r: var(--year-ripple-radius, 0);--soft-edge: calc(21 * var(--u));--ripple-rgb: var(--year-ripple-rgb, 255 255 255);--ripple-alpha: var(--year-ripple-alpha, .18);background:radial-gradient(circle at var(--year-ripple-x, 50%) var(--year-ripple-y, 50%),rgb(var(--ripple-rgb) / var(--ripple-alpha)) 0,rgb(var(--ripple-rgb) / var(--ripple-alpha)) calc(var(--r) - var(--soft-edge)),rgb(var(--ripple-rgb) / 0) var(--r));mix-blend-mode:color;opacity:1}div.iframes:has(>.iframe-wrapper.active:only-child)>.iframe-wrapper.active,div.iframes.has-picked-wrapper>.iframe-wrapper.active.is-picked-wrapper{width:calc(155.5 * var(--u));height:calc(87.5 * var(--u));left:calc((100% - calc(155.5 * var(--u))) / 2 - calc(3 * var(--u)));bottom:calc(4.25 * var(--u));z-index:24;padding:0}div.iframes:has(>.iframe-wrapper.active:only-child)>.iframe-wrapper.active>iframe,div.iframes.has-picked-wrapper>.iframe-wrapper.active.is-picked-wrapper>iframe{width:117.65%;height:117.65%;transform:scale(.85)}div.iframes:has(>.iframe-wrapper.active:only-child)>.iframe-wrapper.active>iframe.mobile,div.iframes.has-picked-wrapper>.iframe-wrapper.active.is-picked-wrapper>iframe.mobile{width:calc(calc(49.21875 * var(--u)) / .85);height:calc(calc(87.5 * var(--u)) / .85);border-radius:0}div.projectShowcase:has(.hotzone-list>li[data-index="0"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="0"],div.projectShowcase:has(.hotzone-list>li[data-index="1"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="1"],div.projectShowcase:has(.hotzone-list>li[data-index="2"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="2"],div.projectShowcase:has(.hotzone-list>li[data-index="3"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="3"],div.projectShowcase:has(.hotzone-list>li[data-index="4"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="4"],div.projectShowcase:has(.hotzone-list>li[data-index="5"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="5"],div.projectShowcase:has(.hotzone-list>li[data-index="6"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="6"],div.projectShowcase:has(.hotzone-list>li[data-index="7"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="7"],div.projectShowcase:has(.hotzone-list>li[data-index="8"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="8"],div.projectShowcase:has(.hotzone-list>li[data-index="9"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="9"]{box-shadow:0 calc(.6 * var(--u)) calc(1.2 * var(--u)) #00000080,0 0 calc(1.5 * var(--u)) #ffffffbf}div.projectShowcase.active:has(.hotzone-list>li[data-index="0"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="0"],div.projectShowcase.active:has(.hotzone-list>li[data-index="1"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="1"],div.projectShowcase.active:has(.hotzone-list>li[data-index="2"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="2"],div.projectShowcase.active:has(.hotzone-list>li[data-index="3"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="3"],div.projectShowcase.active:has(.hotzone-list>li[data-index="4"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="4"],div.projectShowcase.active:has(.hotzone-list>li[data-index="5"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="5"],div.projectShowcase.active:has(.hotzone-list>li[data-index="6"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="6"],div.projectShowcase.active:has(.hotzone-list>li[data-index="7"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="7"],div.projectShowcase.active:has(.hotzone-list>li[data-index="8"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="8"],div.projectShowcase.active:has(.hotzone-list>li[data-index="9"]:hover)>.playzone>.iframes>.iframe-wrapper[data-index="9"]{z-index:20}div.projectShowcase:not(.is-dashboard-pinned)>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active:is(:hover,.is-dashboard-hover)),div.projectShowcase.is-dashboard-pinned>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active.is-dashboard-hover){z-index:19;transform:scale(1) rotate(-3deg)!important}div.projectShowcase:not(.is-dashboard-pinned)>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active:is(:hover,.is-dashboard-hover)),div.projectShowcase.is-dashboard-pinned>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active:is(.is-dashboard-hover)){z-index:18;transform:scale(1) rotate(-6deg)!important}div.projectShowcase:not(.is-dashboard-pinned)>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(:hover,.is-dashboard-hover)),div.projectShowcase.is-dashboard-pinned>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(.is-dashboard-hover)){z-index:17;transform:scale(1) rotate(-9deg)!important}div.projectShowcase:not(.is-dashboard-pinned)>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(:hover,.is-dashboard-hover)),div.projectShowcase.is-dashboard-pinned>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(.is-dashboard-hover)){z-index:16;transform:scale(1) rotate(-12deg)!important}div.projectShowcase:not(.is-dashboard-pinned)>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(:hover,.is-dashboard-hover)),div.projectShowcase.is-dashboard-pinned>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(.is-dashboard-hover)){z-index:15;transform:scale(1) rotate(-15deg)!important}div.projectShowcase:not(.is-dashboard-pinned)>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(:hover,.is-dashboard-hover)),div.projectShowcase.is-dashboard-pinned>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(.is-dashboard-hover)){z-index:14;transform:scale(1) rotate(-18deg)!important}div.projectShowcase:not(.is-dashboard-pinned)>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(:hover,.is-dashboard-hover)),div.projectShowcase.is-dashboard-pinned>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(.is-dashboard-hover)){z-index:13;transform:scale(1) rotate(-21deg)!important}div.projectShowcase:not(.is-dashboard-pinned)>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(:hover,.is-dashboard-hover)),div.projectShowcase.is-dashboard-pinned>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(.is-dashboard-hover)){z-index:12;transform:scale(1) rotate(-24deg)!important}div.projectShowcase:not(.is-dashboard-pinned)>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(:hover,.is-dashboard-hover)),div.projectShowcase.is-dashboard-pinned>.playzone>.iframes:not(.has-picked-wrapper)>div.iframe-wrapper.active:has(+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active+div.iframe-wrapper.active:is(.is-dashboard-hover)){z-index:11;transform:scale(1) rotate(-27deg)!important}div.iframe-wrapper>iframe{flex:0 0 auto;max-width:none;max-height:none;width:200%;height:200%;transform:scale(.5);transform-origin:center;opacity:0;display:none;z-index:0;background:#ddd;border-radius:var(--radius-card);transition:transform .3s ease-out,opacity .3s ease-out}div.iframe-wrapper>iframe.mobile{width:calc(75.9375 * var(--u));height:calc(135 * var(--u));border-radius:0}div.iframe-wrapper>div.iframe-mask{position:absolute;width:100%;height:100%;opacity:1;cursor:pointer;transform:scale(.95,.925);z-index:1;aspect-ratio:3 / 2;transition:opacity .5s ease-out,filter 1.5s ease-out}div.projectShowcase:not(.active)>.playzone>.iframes>.iframe-wrapper{left:12.5%;bottom:-13%;--final-rot: calc(12deg - var(--rand-global) * 30deg - 45deg);--deal-final-transform: scale(.5) rotateZ(var(--final-rot));transform:var(--deal-final-transform)}div.projectShowcase:not(.active)>.playzone>.iframes.is-dealing>.iframe-wrapper{transition:none!important;animation-name:dealCardIn;animation-duration:.76s;animation-timing-function:cubic-bezier(.06,.82,.16,1);animation-fill-mode:both;animation-delay:var(--deal-delay, 0ms);will-change:transform,opacity,filter}@keyframes dealCardIn{0%{opacity:0;filter:blur(calc(.75 * var(--u)));box-shadow:0 calc(6.3 * var(--u)) calc(5.7 * var(--u)) #0000002e,0 calc(2.7 * var(--u)) calc(3.6 * var(--u)) #0000001f,0 0 calc(1.5 * var(--u)) #ffffff3d;transform:translate3d(var(--deal-x, 0),calc(88 * var(--u)),0) scale(.34) rotate(var(--deal-start-rot, -28deg))}to{opacity:1;filter:blur(0);box-shadow:0 calc(.6 * var(--u)) calc(1.2 * var(--u)) #00000052;transform:var(--deal-final-transform)}}div.projectShowcase:not(.active)>.playzone>.iframes>div.iframe-wrapper:has(+div.iframe-wrapper){--final-rot: calc(9deg - var(--rand-global) * 30deg - 45deg);--deal-final-transform: scale(.5) rotateZ(var(--final-rot));transform:var(--deal-final-transform);z-index:11}div.projectShowcase:not(.active)>.playzone>.iframes>div.iframe-wrapper:has(+div.iframe-wrapper+div.iframe-wrapper){--final-rot: calc(6deg - var(--rand-global) * 30deg - 45deg);--deal-final-transform: scale(.5) rotateZ(var(--final-rot));transform:var(--deal-final-transform);z-index:12}div.projectShowcase:not(.active)>.playzone>.iframes>div.iframe-wrapper:has(+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper){--final-rot: calc(3deg - var(--rand-global) * 30deg - 45deg);--deal-final-transform: scale(.5) rotateZ(var(--final-rot));transform:var(--deal-final-transform);z-index:13}div.projectShowcase:not(.active)>.playzone>.iframes>div.iframe-wrapper:has(+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper){--final-rot: calc(0deg - var(--rand-global) * 30deg - 45deg);--deal-final-transform: scale(.5) rotateZ(var(--final-rot));transform:var(--deal-final-transform);z-index:14}div.projectShowcase:not(.active)>.playzone>.iframes>div.iframe-wrapper:has(+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper){--final-rot: calc(-3deg - var(--rand-global) * 30deg - 45deg);--deal-final-transform: scale(.5) rotateZ(var(--final-rot));transform:var(--deal-final-transform);z-index:15}div.projectShowcase:not(.active)>.playzone>.iframes>div.iframe-wrapper:has(+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper){--final-rot: calc(-6deg - var(--rand-global) * 30deg - 45deg);--deal-final-transform: scale(.5) rotateZ(var(--final-rot));transform:var(--deal-final-transform);z-index:16}div.projectShowcase:not(.active)>.playzone>.iframes>div.iframe-wrapper:has(+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper){--final-rot: calc(-9deg - var(--rand-global) * 30deg - 45deg);--deal-final-transform: scale(.5) rotateZ(var(--final-rot));transform:var(--deal-final-transform);z-index:17}div.projectShowcase:not(.active)>.playzone>.iframes>div.iframe-wrapper:has(+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper){--final-rot: calc(-12deg - var(--rand-global) * 30deg - 45deg);--deal-final-transform: scale(.5) rotateZ(var(--final-rot));transform:var(--deal-final-transform);z-index:18}div.projectShowcase:not(.active)>.playzone>.iframes>div.iframe-wrapper:has(+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper+div.iframe-wrapper){--final-rot: calc(-15deg - var(--rand-global) * 30deg - 45deg);--deal-final-transform: scale(.5) rotateZ(var(--final-rot));transform:var(--deal-final-transform);z-index:19}div.projectShowcase:not(.active)>.playzone>.iframes:has(>.iframe-wrapper:only-child)>.iframe-wrapper,div.projectShowcase:not(.active)>.playzone>div.iframes.has-picked-wrapper>.iframe-wrapper.is-picked-wrapper{--deal-final-transform: scale(1.3) !important;transform:var(--deal-final-transform)}div.iframes.has-picked-wrapper>.iframe-wrapper.is-picked-wrapper{z-index:24!important}div.iframes.has-picked-wrapper>.iframe-wrapper.is-picked-wrapper>iframe{width:117.65%;height:117.65%;transform:scale(.85)}div.iframes.has-picked-wrapper>.iframe-wrapper.is-picked-wrapper>iframe.mobile{width:calc(49.21875 * var(--u) / .85);height:calc(87.5 * var(--u) / .85);border-radius:0}.iframe-wrapper.active>iframe{z-index:1}.iframe-wrapper.active>iframe.show{display:initial;animation:iframeFadeIn 1s ease-out forwards}@keyframes iframeFadeIn{0%{opacity:0;filter:blur(calc(.3 * var(--u)))}to{opacity:1;filter:blur(0)}}.iframe-wrapper.active>.iframe-mask{z-index:0}div.projectShowcase.active{-webkit-mask-image:none;mask-image:none}div.projectShowcase.active .iframe-mask{display:none}div.projectShowcase.active .projectList{z-index:0}.iframe-wrapper{container:card / size}@container card (aspect-ratio > 1){div.iframe-wrapper:not(.active)>div.iframe-mask{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20450%20300'%20width='450'%20height='300'%20preserveAspectRatio='xMidYMid%20meet'%3e%3cg%20transform='rotate(90)%20translate(0,%20-450)'%3e%3c!--%20背景%20--%3e%3crect%20x='0'%20y='0'%20width='300'%20height='450'%20fill='%23002244'%20rx='12'%20ry='12'%20/%3e%3c!--%20外层边框%20--%3e%3crect%20x='6'%20y='6'%20width='288'%20height='438'%20fill='none'%20stroke='white'%20stroke-width='3'%20rx='12'%20ry='12'%20/%3e%3c!--%20内层边框%20--%3e%3crect%20x='24'%20y='24'%20width='252'%20height='402'%20fill='none'%20stroke='white'%20stroke-width='2.5'%20rx='10'%20ry='10'%20/%3e%3c!--%20圆环链边框装饰%20--%3e%3cdefs%3e%3cpattern%20id='circleChain'%20width='10'%20height='10'%20patternUnits='userSpaceOnUse'%3e%3ccircle%20cx='5'%20cy='5'%20r='2.5'%20stroke='white'%20stroke-width='1'%20fill='none'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20x='24'%20y='6'%20width='252'%20height='18'%20fill='url(%23circleChain)'%20/%3e%3crect%20x='24'%20y='426'%20width='252'%20height='18'%20fill='url(%23circleChain)'%20/%3e%3crect%20x='6'%20y='24'%20width='18'%20height='402'%20fill='url(%23circleChain)'%20/%3e%3crect%20x='276'%20y='24'%20width='18'%20height='402'%20fill='url(%23circleChain)'%20/%3e%3c!--%20背景格子图案%20--%3e%3cdefs%3e%3cpattern%20id='diamondGrid'%20width='20'%20height='20'%20patternUnits='userSpaceOnUse'%20patternTransform='rotate(45)'%3e%3cpath%20d='M0,0%20L0,20%20M0,0%20L20,0'%20stroke='white'%20stroke-width='0.5'%20/%3e%3c/pattern%3e%3c/defs%3e%3crect%20x='30'%20y='30'%20width='240'%20height='390'%20fill='url(%23diamondGrid)'%20rx='6'%20ry='6'%20/%3e%3c!--%20四角星图案%20--%3e%3cg%20fill='none'%20stroke='white'%20stroke-width='1.2'%3e%3cdefs%3e%3cpath%20id='starShape'%20d='%20M0,-6%20L0,-2%20M0,2%20L0,6%20M-6,0%20L-2,0%20M2,0%20L6,0%20M-4,-4%20L-2,-2%20M2,2%20L4,4%20M-4,4%20L-2,2%20M2,-2%20L4,-4%20'/%3e%3c/defs%3e%3cg%20transform='translate(16,16)%20rotate(-45)'%3e%3cuse%20href='%23starShape'%20/%3e%3c/g%3e%3cg%20transform='translate(284,16)%20rotate(45)'%3e%3cuse%20href='%23starShape'%20/%3e%3c/g%3e%3cg%20transform='translate(16,434)%20rotate(45)'%3e%3cuse%20href='%23starShape'%20/%3e%3c/g%3e%3cg%20transform='translate(284,434)%20rotate(-45)'%3e%3cuse%20href='%23starShape'%20/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center / contain no-repeat}}@container card (aspect-ratio < 1){div.iframe-wrapper:not(.active)>div.iframe-mask{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20450'%20preserveAspectRatio='xMidYMid%20meet'%3e%3c!--%20背景%20--%3e%3crect%20x='0'%20y='0'%20width='300'%20height='450'%20fill='%23002244'%20rx='12'%20ry='12'%20/%3e%3c!--%20外层边框%20--%3e%3crect%20x='6'%20y='6'%20width='288'%20height='438'%20fill='none'%20stroke='white'%20stroke-width='3'%20rx='12'%20ry='12'%20/%3e%3c!--%20内层边框%20--%3e%3crect%20x='24'%20y='24'%20width='252'%20height='402'%20fill='none'%20stroke='white'%20stroke-width='2.5'%20rx='10'%20ry='10'%20/%3e%3c!--%20圆环链边框装饰%20--%3e%3cdefs%3e%3cpattern%20id='circleChain'%20width='10'%20height='10'%20patternUnits='userSpaceOnUse'%3e%3ccircle%20cx='5'%20cy='5'%20r='2.5'%20stroke='white'%20stroke-width='1'%20fill='none'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20x='24'%20y='6'%20width='252'%20height='18'%20fill='url(%23circleChain)'%20/%3e%3crect%20x='24'%20y='426'%20width='252'%20height='18'%20fill='url(%23circleChain)'%20/%3e%3crect%20x='6'%20y='24'%20width='18'%20height='402'%20fill='url(%23circleChain)'%20/%3e%3crect%20x='276'%20y='24'%20width='18'%20height='402'%20fill='url(%23circleChain)'%20/%3e%3c!--%20背景格子图案%20--%3e%3cdefs%3e%3cpattern%20id='diamondGrid'%20width='20'%20height='20'%20patternUnits='userSpaceOnUse'%20patternTransform='rotate(45)'%3e%3cpath%20d='M0,0%20L0,20%20M0,0%20L20,0'%20stroke='white'%20stroke-width='0.5'%20/%3e%3c/pattern%3e%3c/defs%3e%3crect%20x='30'%20y='30'%20width='240'%20height='390'%20fill='url(%23diamondGrid)'%20rx='6'%20ry='6'%20/%3e%3c!--%20四角%20四角星图案%20--%3e%3cg%20fill='none'%20stroke='white'%20stroke-width='1.2'%3e%3c!--%20星形路径，简化为四向放射十字星%20--%3e%3cdefs%3e%3cpath%20id='starShape'%20d='%20M0,-6%20L0,-2%20M0,2%20L0,6%20M-6,0%20L-2,0%20M2,0%20L6,0%20M-4,-4%20L-2,-2%20M2,2%20L4,4%20M-4,4%20L-2,2%20M2,-2%20L4,-4%20'/%3e%3c/defs%3e%3c!--%20左上%20--%3e%3cg%20transform='translate(16,16)%20rotate(-45)'%3e%3cuse%20href='%23starShape'%20/%3e%3c/g%3e%3c!--%20右上%20--%3e%3cg%20transform='translate(284,16)%20rotate(45)'%3e%3cuse%20href='%23starShape'%20/%3e%3c/g%3e%3c!--%20左下%20--%3e%3cg%20transform='translate(16,434)%20rotate(45)'%3e%3cuse%20href='%23starShape'%20/%3e%3c/g%3e%3c!--%20右下%20--%3e%3cg%20transform='translate(284,434)%20rotate(-45)'%3e%3cuse%20href='%23starShape'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center / contain no-repeat}}div.dashboards{width:calc((99vw - calc(2 * var(--u))) / 6);height:100%;padding:0 0 0 calc(2 * var(--u));display:flex;flex-direction:column;justify-content:space-between;z-index:1}div.dashboards>div.summary{width:100%;padding:calc(3 * var(--u));border-radius:var(--radius-card);background:radial-gradient(circle at 86% 12%,rgb(255 255 255 / .26) 0%,rgb(255 255 255 / .08) 18%,transparent 42%),linear-gradient(145deg,#ffffff38,#ffffff14 48%,#ffebeb1f);border:calc(.15 * var(--u)) solid rgb(255 255 255 / .36);box-shadow:inset 0 calc(.15 * var(--u)) calc(.15 * var(--u)) #ffffff73,inset 0 calc(-.15 * var(--u)) calc(.3 * var(--u)) #ffffff1f,0 calc(.6 * var(--u)) calc(1.2 * var(--u)) #00000029,0 0 calc(1.2 * var(--u)) #ffffff7a;font-size:calc(1.8 * var(--u));color:#1c1c1edb;z-index:3;display:none;overflow:hidden;position:relative;isolation:isolate;pointer-events:auto}div.dashboards>div.summary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,rgb(255 255 255 / .2),transparent 22%,transparent 78%,rgb(255 255 255 / .22));pointer-events:none;opacity:.42;z-index:0}div.dashboards>div.summary>p{position:relative;z-index:1;text-shadow:0 calc(.6 * var(--u)) calc(1.2 * var(--u)) rgba(0,0,0,.4)}div.dashboards>div.summary>p.title{color:color-mix(in srgb,rgb(var(--year-accent-rgb, 170 80 100)) 62%,rgb(35 30 32) 50%);font-weight:900;margin-top:0;text-shadow:0 calc(.6 * var(--u)) calc(1.2 * var(--u)) rgb(var(--year-accent-rgb, 0 0 0) / .4)}div.dashboards>div.summary>.title>a{color:inherit;text-decoration:none;text-shadow:inherit;cursor:pointer}div.dashboards>div.summary>.title>a:visited{color:inherit}div.dashboards>div.summary>.title>a:hover{color:inherit;text-decoration:underline;text-decoration-thickness:calc(.15 * var(--u));text-underline-offset:calc(.45 * var(--u))}div.dashboards>div.summary>.title>a[aria-disabled=true]{pointer-events:none}div.dashboards>div.summary>p.description{margin-bottom:0}div.playzone:has(>.iframes>.iframe-wrapper.active:not(:only-child))>div.dashboards>div.summary,div.playzone:has(>.iframes>.iframe-wrapper.active:not(:only-child))>div.dashboards.is-closing>div.summary{display:initial}.dashboards>.project-metrics{width:100%;min-height:calc(30 * var(--u));display:none;justify-content:space-between;align-items:flex-end;z-index:4;pointer-events:none;padding:0 1vw}.metric-value,.metric-slot,.metric-label{pointer-events:auto}div.playzone:has(>.iframes>.iframe-wrapper.active:not(:only-child))>.dashboards>.project-metrics,div.playzone:has(>.iframes>.iframe-wrapper.active:not(:only-child))>div.dashboards.is-closing>.project-metrics{display:flex}div.playzone:has(>.iframes>.iframe-wrapper.active:not(:only-child))>div.dashboards:not(.is-closing)>div.summary{animation:summarySlideIn .52s cubic-bezier(.16,.86,.24,1) both}div.playzone:has(>.iframes>.iframe-wrapper.active:not(:only-child))>div.dashboards:not(.is-closing)>.project-metrics{animation:metricsRiseFromDepth .68s cubic-bezier(.16,.86,.24,1) .12s both}div.playzone:has(>.iframes>.iframe-wrapper.active:not(:only-child))>div.dashboards.is-closing>div.summary{animation:summarySlideOut .36s cubic-bezier(.42,0,.7,.2) both}div.playzone:has(>.iframes>.iframe-wrapper.active:not(:only-child))>div.dashboards.is-closing>.project-metrics{animation:metricsSinkToDepth .36s cubic-bezier(.42,0,.7,.2) both}@keyframes summarySlideIn{0%{opacity:0;filter:blur(calc(.75 * var(--u)));transform:translate3d(calc(6.3 * var(--u)),0,0) scale(.985)}to{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}}@keyframes summarySlideOut{0%{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}to{opacity:0;filter:blur(calc(.75 * var(--u)));transform:translate3d(calc(6.3 * var(--u)),0,0) scale(.985)}}@keyframes metricsRiseFromDepth{0%{opacity:0;filter:blur(calc(.9 * var(--u)));transform:perspective(calc(105 * var(--u))) translateZ(calc(-13.5 * var(--u))) scale(.88)}to{opacity:1;filter:blur(0);transform:perspective(calc(105 * var(--u))) translateZ(0) scale(1)}}@keyframes metricsSinkToDepth{0%{opacity:1;filter:blur(0);transform:perspective(calc(105 * var(--u))) translateZ(0) scale(1)}to{opacity:0;filter:blur(calc(.9 * var(--u)));transform:perspective(calc(105 * var(--u))) translateZ(calc(-13.5 * var(--u))) scale(.88)}}.metric{--metric-color: 178 93 103;--value: 60%;width:30%;height:100%;min-width:calc(6.3 * var(--u));display:flex;grid-template-rows:auto calc(17.7 * var(--u)) auto;justify-items:center;align-items:center;isolation:isolate;flex-direction:column;justify-content:space-between}.metric-value{margin-bottom:calc(1.8 * var(--u));font-size:calc(1.8 * var(--u));line-height:1;color:rgb(var(--metric-color) / .74)}.metric-slot{position:relative;width:calc(3.45 * var(--u));height:calc(17.4 * var(--u));flex-grow:1;border-radius:var(--radius-pill);background:linear-gradient(145deg,#00000005,#ffffff14 45%,#ffffff06);box-shadow:inset calc(.45 * var(--u)) calc(.6 * var(--u)) calc(1.2 * var(--u)) #0000001a,inset calc(-.6 * var(--u)) calc(-.75 * var(--u)) calc(1.5 * var(--u)) #ffffff80,calc(.3 * var(--u)) calc(.45 * var(--u)) calc(1.2 * var(--u)) #00000004;overflow:visible;z-index:0}.metric-slot:before{content:"";position:absolute;inset:calc(-2.7 * var(--u)) calc(-2.1 * var(--u)) calc(-2.7 * var(--u));border-radius:var(--radius-pill);background:radial-gradient(ellipse at 50% 52%,#00000008,#00000004 34%,#ffffff1f 60%,#fff0 82%);filter:blur(calc(1.2 * var(--u)));opacity:.5;z-index:-2;pointer-events:none}.metric-slot:after{content:"";position:absolute;inset:calc(.9 * var(--u)) calc(1.2 * var(--u));border-radius:var(--radius-pill);background:linear-gradient(90deg,#ffffff14,#ffffff05 48%,#00000005);box-shadow:inset calc(.15 * var(--u)) calc(.15 * var(--u)) calc(.6 * var(--u)) #00000009,inset calc(-.15 * var(--u)) calc(-.3 * var(--u)) calc(.75 * var(--u)) #ffffff47;pointer-events:none;z-index:1}.metric-fill{position:absolute;left:50%;bottom:calc(.6 * var(--u));transform:translate(-50%);width:calc(2.25 * var(--u));height:max(calc(2.25 * var(--u)),min(var(--value),calc(100% - calc(1.35 * var(--u)))));border-radius:var(--radius-pill);background:radial-gradient(ellipse at var(--metric-light-x, 46%) var(--metric-light-y, 12%),rgb(255 255 255 / calc(var(--metric-light-alpha, .24) * 1.15)) 0%,rgb(255 255 255 / calc(var(--metric-light-alpha, .16) * .95)) 16%,rgb(255 255 255 / 0) 42%),linear-gradient(90deg,#ffffff4d,#ffffff1a 14%,rgb(var(--metric-color) / .68) 34%,rgb(var(--metric-color) / .82) 50%,rgb(var(--metric-color) / .7),#ffffff1a 86%,#ffffff38),linear-gradient(180deg,#ffffff42,rgb(var(--metric-color) / .72) 18%,rgb(var(--metric-color) / .82) 62%,rgb(var(--metric-color) / .66));box-shadow:inset calc(.3 * var(--u)) 0 calc(.45 * var(--u)) #ffffff70,inset calc(-.3 * var(--u)) 0 calc(.6 * var(--u)) #0000000d,inset 0 calc(1.5 * var(--u)) calc(1.8 * var(--u)) #ffffff14,0 calc(.45 * var(--u)) calc(.6 * var(--u)) #0000001a,0 0 calc(1.2 * var(--u)) rgb(var(--metric-color) / .16);overflow:hidden}.metric-fill:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:calc(1.95 * var(--u));height:calc(1.95 * var(--u));border-radius:50%;background:radial-gradient(circle at 38% 35%,#ffffffeb,#ffffff9e 24%,#ffffff2e 58%,#fff0 78%),radial-gradient(circle at 55% 58%,rgb(var(--metric-color) / .18) 0%,rgb(var(--metric-color) / .08) 55%,transparent 100%);box-shadow:0 0 calc(1.2 * var(--u)) #ffffff38,inset 0 calc(.15 * var(--u)) calc(.15 * var(--u)) #ffffff8c}.metric-fill:after{content:"";position:absolute;inset:calc(1.2 * var(--u)) calc(.3 * var(--u)) calc(1.5 * var(--u)) calc(.3 * var(--u));border-radius:var(--radius-pill);background:radial-gradient(ellipse at 50% 35%,#ffffff2e,#ffffff1a 30%,#fff0 72%);filter:blur(calc(.3 * var(--u)));opacity:.85;pointer-events:none}.metric-label{margin-top:calc(1.8 * var(--u));font-size:calc(1.5 * var(--u));line-height:1}.metric-complexity{--metric-color: 178 93 103}.metric-ownership{--metric-color: 181 128 62}.metric-impact{--metric-color: 105 120 174}.bubble{position:fixed;z-index:8;left:var(--x);top:var(--y);width:calc(var(--r) * 2);height:calc(var(--r) * 2);border-radius:50%;background:var(--bubble-fill);box-shadow:0 calc(1.5 * var(--u)) calc(3.3 * var(--u)) var(--bubble-outer-shadow),0 0 calc(4.2 * var(--u)) var(--bubble-glow),inset 0 0 calc(3.6 * var(--u)) var(--bubble-inner-shadow);pointer-events:auto;opacity:0;transform:translate(-50%,-50%) var(--float, translate(0, 0)) scale(.7);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .28s ease,filter .18s ease;filter:blur(0);--fs: calc(1.8 * var(--u));--lh: 1.15;--ink: var(--bubble-ink)}.bubble.show{opacity:1;transform:translate(-50%,-50%) var(--float, translate(0, 0)) scale(1)}.bubble.hide{opacity:0;transform:translate(-50%,-50%) var(--float, translate(0, 0)) scale(1.05);filter:blur(calc(1.5 * var(--u)));transition:transform .08s ease-in-out,opacity .1s ease-in-out,filter .1s ease-in-out}.bubble .inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;display:grid;place-items:center;padding:10%;text-align:center;pointer-events:auto;font-size:var(--fs);line-height:var(--lh);font-weight:900;letter-spacing:calc(.03 * var(--u));color:var(--ink);text-wrap:balance;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.line{margin:0}.btn{display:inline-block;font:inherit;color:var(--ink);text-decoration:none;margin:.32em 0 0;padding:.28em .6em;border-radius:1em;background:#fff3;box-shadow:inset 0 0 0 calc(.15 * var(--u)) #0000001f;font-size:calc(1.5 * var(--u));transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.bubble .line a:hover,.bubble .btn:hover{transform:translateY(calc(-.15 * var(--u)));box-shadow:inset 0 0 0 calc(.15 * var(--u)) #00000038,0 calc(.6 * var(--u)) calc(1.5 * var(--u)) #0000001f}.bubble .line a:active,.bubble .btn:active{transform:translateY(0);box-shadow:inset 0 0 0 calc(.15 * var(--u)) #00000047}.rainbow-firework-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.rainbow-curve{position:absolute;left:0;top:calc(11.25 * var(--u));width:calc(36 * var(--u));height:calc(27 * var(--u));overflow:visible;pointer-events:none;transform:translate(var(--x),var(--y))}.rainbow-curve path{fill:none;stroke:var(--c);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 calc(.45 * var(--u)) var(--c));opacity:1}.rainbow-dot{position:absolute;left:var(--x);top:calc(var(--y) + calc(11.25 * var(--u)));width:var(--s, calc(.6 * var(--u)));height:var(--s, calc(.6 * var(--u)));border-radius:var(--radius-pill);background:var(--c);box-shadow:0 0 calc(.75 * var(--u)) var(--c),0 0 calc(1.8 * var(--u)) var(--c),0 0 calc(3.3 * var(--u)) var(--c);opacity:0;transform:scale(var(--start-scale, .5));animation:rainbowStarTwinkle var(--duration, 1.8s) ease-in-out var(--delay, 0ms) forwards}@keyframes rainbowStarTwinkle{0%{opacity:0;transform:scale(.25);filter:blur(calc(.15 * var(--u)))}12%{opacity:.9;transform:scale(1.15);filter:blur(0)}24%{opacity:.25;transform:scale(.65)}39%{opacity:1;transform:scale(1.35)}52%{opacity:.15;transform:scale(.55)}68%{opacity:.85;transform:scale(1)}82%{opacity:.35;transform:scale(.7)}94%{opacity:.75;transform:scale(.8);filter:blur(0)}to{opacity:0;transform:scale(.05);filter:blur(0)}}