*{box-sizing:border-box;border:0;margin:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}@font-face{font-family:Ekatori;src:url(/caliroad/assets/Ekatori-B2C6tt2B.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Questrial;src:url(/caliroad/assets/Questrial-BZTZjojg.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}body{background-color:var(--bg-base);color:var(--fg-text);font-family:Questrial,Helvetica,sans-serif}:root{--light-bg-base:#fffaeb;--light-bg-surface:#e6e3d7;--light-bg-overlay:#cecbc0;--light-fg-text:#0c0613;--light-fg-subtext:#555;--dark-bg-base:#0c0613;--dark-bg-surface:#1c0e2b;--dark-bg-overlay:#32194d;--dark-fg-text:#fffaeb;--dark-fg-subtext:#ddd;--bg-base:var(--light-bg-base);--bg-surface:var(--light-bg-surface);--bg-overlay:var(--light-bg-overlay);--fg-text:var(--light-fg-text);--fg-subtext:var(--light-fg-subtext)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:var(--dark-bg-base);--bg-surface:var(--dark-bg-surface);--bg-overlay:var(--dark-bg-overlay);--fg-text:var(--dark-fg-text);--fg-subtext:var(--dark-fg-subtext)}body{height:100dvh}header{padding-top:max(8px, env(safe-area-inset-top));z-index:10;justify-content:center;align-items:center;gap:64px;width:100%;display:flex;position:fixed;top:0;left:0}header .logo{flex-direction:column;align-items:center;text-decoration:none;display:flex}header .logo img{width:48px}header .logo p{color:var(--fg-text);margin-top:4px;font-family:Ekatori;font-size:1.6rem;font-weight:700}main{height:100%;position:relative}footer{z-index:10;justify-content:space-between;width:100%;padding:0 8px 8px;display:flex;position:fixed;bottom:0;left:0}footer p{cursor:default}footer a{text-decoration:none}.icon-button{width:24px;color:var(--fg-subtext);cursor:pointer;background-color:#0000;display:flex}.icon-button:hover{color:var(--fg-text)}.text-button{color:var(--fg-subtext);cursor:pointer;background-color:#0000;font-weight:700;position:relative}.text-button:hover{color:var(--fg-text)}.text-button:after{content:"";transform-origin:0 100%;background-color:currentColor;width:100%;height:2px;transition:transform .2s ease-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.text-button:hover:after{transform-origin:0 100%;transform:scaleX(1)}#force-graph{z-index:2;position:absolute;inset:0}.backdrop{z-index:1;width:100%;height:100%;position:absolute;container-type:size}.mesh-background{z-index:0;position:absolute;inset:0;overflow:hidden}.mesh-background:after{content:"";z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff,#0000);mask-image:linear-gradient(#fff,#0000)}.blob{will-change:transform;z-index:1;--blur-scale:1;--top-left:translate(0cqw, 0cqh);--bottom-left:translate(0cqw, 100cqh) translate(0, -100%);--bottom-right:translate(100cqw, 100cqh) translate(-100%, -100%);--top-right:translate(100cqw, 0) translate(-100%, 0);--center:translate(50cqw, 50cqh) translate(-50%, -50%);--center-top:translate(50cqw, 0cqh) translate(-50%, 0);--center-bottom:translate(50cqw, 100cqh) translate(-50%, -100%);--center-left:translate(0cqw, 50cqh) translate(0, -50%);--center-right:translate(100cqw, 50cqh) translate(-100%, -50%);border-radius:50%;width:40cqw;height:40cqw;position:absolute}[data-theme=light] .blob{opacity:.4}[data-theme=dark] .blob{opacity:.1}@media (width<=768px){.blob{--blur-scale:.4;width:30cqh;height:30cqh}[data-theme=dark] .blob{opacity:.2}[data-theme=light] .blob{opacity:.7}}.mesh-background.paused .blob{animation-play-state:paused}.blob.green{--blur:260px;filter:blur(calc(var(--blur) * var(--blur-scale)));background-color:#56d364;animation:17s cubic-bezier(.45,.05,.55,.95) infinite alternate floatGreen,10s ease-in-out infinite alternate drift,35s linear infinite reverse rotateBlob,4s ease-in-out infinite alternate glowPulse}.blob.purple{--blur:240px;filter:blur(calc(var(--blur) * var(--blur-scale)));background-color:#a371f7;animation:22s cubic-bezier(.45,.05,.55,.95) infinite alternate floatPurple,10s ease-in-out infinite alternate drift,30s linear infinite rotateBlob,2s ease-in-out infinite alternate glowPulse}.blob.blue{--blur:220px;filter:blur(calc(var(--blur) * var(--blur-scale)));background-color:#4da6ff;animation:20s cubic-bezier(.45,.05,.55,.95) infinite alternate floatBlue,10s ease-in-out infinite alternate drift,28s linear infinite rotateBlob,3s ease-in-out infinite alternate glowPulse}.blob.gold{--blur:200px;filter:blur(calc(var(--blur) * var(--blur-scale)));background-color:#fde573;animation:24s cubic-bezier(.45,.05,.55,.95) infinite alternate floatGold,12s ease-in-out infinite alternate drift,32s linear infinite rotateBlob,3.5s ease-in-out infinite alternate glowPulse}@keyframes drift{0%{translate:-5% -5%}to{translate:5% 5%}}@keyframes gentleRotate{0%{rotate:0deg}to{rotate:360deg}}@keyframes glowPulse{0%{filter:blur(calc(var(--blur) * var(--blur-scale))) brightness(1)}to{filter:blur(calc((var(--blur) * var(--blur-scale)) + 15px)) brightness(1.2)}}@keyframes floatBlue{0%{transform:var(--center) scale(1);border-radius:50%}20%{transform:var(--bottom-left) scale(1.25);border-radius:70% 30% 80% 20%}40%{transform:var(--center-bottom) scale(.85);border-radius:30% 70% 40% 60%}60%{transform:var(--bottom-left) scale(1.35);border-radius:65% 35% 25% 75%}80%{transform:var(--center-left) scale(.8);border-radius:80% 20% 70% 30%}to{transform:var(--center-bottom) scale(1);border-radius:50%}}@keyframes floatPurple{0%{transform:var(--top-left) scale(1);border-radius:50%}17%{transform:var(--center) scale(.8);border-radius:25% 75% 60% 40%}34%{transform:var(--center-left) scale(1.4);border-radius:75% 25% 35% 65%}51%{transform:var(--center-top) scale(.85);border-radius:40% 60% 80% 20%}68%{transform:var(--top-left) scale(1.3);border-radius:65% 35% 55% 45%}85%{transform:var(--center-top) scale(.9);border-radius:30% 70% 50% 50%}to{transform:var(--top-left) scale(1);border-radius:50%}}@keyframes floatGreen{0%{transform:var(--bottom-right) scale(1);border-radius:50%}20%{transform:var(--center-right) scale(1.3);border-radius:35% 65% 75% 25%}40%{transform:var(--top-right) scale(.75);border-radius:80% 20% 40% 60%}60%{transform:var(--bottom-right) scale(1.25);border-radius:55% 45% 30% 70%}80%{transform:var(--center) scale(.85);border-radius:70% 30% 65% 35%}to{transform:var(--bottom-right) scale(1);border-radius:50%}}@keyframes floatGold{0%{transform:var(--top-right) scale(1);border-radius:50%}14%{transform:var(--center-top) scale(1.2);border-radius:60% 40% 30% 70%}28%{transform:var(--center) scale(.85);border-radius:25% 75% 70% 30%}42%{transform:var(--center-left) scale(1.35);border-radius:80% 20% 45% 55%}56%{transform:var(--top-right) scale(.9);border-radius:40% 60% 65% 35%}70%{transform:var(--bottom-right) scale(1.25);border-radius:55% 45% 20% 80%}84%{transform:var(--center-top) scale(.75);border-radius:70% 30% 50% 50%}to{transform:var(--top-right) scale(1);border-radius:50%}}#settings-menu{border:2px solid var(--fg-subtext);-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .2s ease-in-out, transform .2s ease-in-out, display .2s allow-discrete, overlay .2s allow-discrete;border-radius:8px;padding:16px;transform:translateY(10px)scale(.95);box-shadow:0 4px 12px #00000026}#settings-menu p{text-align:center;align-items:center;gap:.5rem;width:100%;margin-bottom:16px;font-family:Ekatori;font-size:1.4rem;font-weight:700;display:flex}#settings-menu p:before,#settings-menu p:after{content:"";background-color:var(--fg-text);flex-grow:1;height:2px}#settings-menu #options-container{flex-direction:column;gap:.4rem;display:flex}#settings-menu:popover-open{opacity:1;transform:translateY(0)scale(1)}@starting-style{#settings-menu:popover-open{opacity:0;transform:translateY(10px)scale(.95)}}.switch-box{width:40px;height:20px;position:relative}.switch-box input{opacity:0;width:0;height:0}.slider{background-color:var(--bg-surface);cursor:pointer;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:hover{background-color:var(--bg-overlay)}.slider:before{content:"";background-color:var(--fg-subtext);border-radius:50%;width:12px;height:12px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:hover{background-color:var(--bg-overlay)}input:checked+.slider{background-color:#89aeff}input:checked+.slider:before{transform:translate(20px)}.setting{align-items:center;gap:10px;display:flex}.dropdown{background-color:var(--bg-surface);border-radius:16px;padding:2px 2px 2px 10px;transition:all .4s}.dropdown:hover{background-color:var(--bg-overlay);cursor:pointer}dialog{background-color:var(--bg-surface);opacity:0;transition:opacity .3s ease, transform .3s cubic-bezier(.34, 1.56, .64, 1), display .3s allow-discrete, overlay .3s allow-discrete;margin:auto;position:relative;transform:scale(.9)translateY(20px)}dialog .dialog-button{z-index:10;border:2px solid var(--bg-base);cursor:pointer;background-color:var(--fg-subtext);width:32px;height:32px;color:var(--bg-base);border-radius:50%;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute;top:10px;right:10px}@starting-style{dialog[open]{opacity:0;transform:scale(.9)translateY(20px)}dialog[open]::backdrop{background-color:#0000}}#info-popup{border:2px solid var(--fg-subtext);background-color:var(--bg-surface);border-radius:8px;box-shadow:0 4px 12px #00000026}#info-popup .popup-inner{flex-direction:column;align-items:center;padding:32px 24px;display:flex}#info-popup .popup-title{text-align:center;font-family:Ekatori;font-size:3rem;font-weight:700}#info-popup .popup-subtitle{color:var(--fg-subtext);text-align:center;margin-bottom:24px;font-size:1.4rem;font-style:italic}#info-popup li{margin:8px 0;font-size:1.1rem}#info-popup ul{width:80%}dialog{background-color:var(--bg-surface);opacity:0;transition:opacity .3s ease, transform .3s cubic-bezier(.34, 1.56, .64, 1), display .3s allow-discrete, overlay .3s allow-discrete;margin:auto;position:relative;transform:scale(.9)translateY(20px)}dialog .dialog-button{z-index:10;border:2px solid var(--bg-base);cursor:pointer;background-color:var(--fg-subtext);width:32px;height:32px;color:var(--bg-base);border-radius:50%;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute;top:10px;right:10px}dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog[open]{opacity:0;transform:scale(.9)translateY(20px)}dialog[open]::backdrop{background-color:#0000}}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .3s ease, display .3s allow-discrete, overlay .3s allow-discrete;background-color:#0003}#exercise-window[open]{border:2px solid var(--fg-subtext);border-radius:8px;max-width:700px;height:90vh;padding:0;transition:all .4s;overflow:auto}@media screen and (width<=768px),screen and (orientation:landscape) and (pointer:coarse) and (width<=860px){#exercise-window[open]{border-radius:none;border:none;width:100vw;max-width:none;height:100vh;max-height:none;margin:0}}:is(#exercise-window,#exercise-window[open]) .back-button{left:10px;top:max(10px, env(safe-area-inset-top));display:inline-block;transform:rotate(180deg)}#exercise-window .content{flex-direction:column;align-items:center;margin:24px;display:flex}#exercise-window .content .freeform :is(h1,h2,h3,h4,h5,h6){margin:8px}#exercise-window .content .freeform p{text-align:justify;line-height:1.4}#exercise-window .content .freeform :is(h1,h2,h3,h4,h5,h6):not(:first-child){margin-top:2rem}#exercise-window .banner{width:100%;height:250px;margin-bottom:90px;position:relative}@media (width<=500px){#exercise-window .banner{margin-bottom:60px}}#exercise-window .banner img{object-fit:cover;width:100%;height:100%;display:block}#exercise-window .banner .title{cursor:default;color:var(--light-bg-base);font-family:Ekatori;font-size:4rem;text-decoration:underline;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#exercise-window .banner .avatar{aspect-ratio:1;border:4px solid var(--light-bg-base);border-radius:50%;width:22%;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}#exercise-window .banner .avatar img{border-radius:50%}#exercise-window .content .variations{gap:16px;width:80%;height:100px;display:flex}#exercise-window .content .variations .variation{flex-direction:column;flex:1;gap:8px;min-width:0;height:100%;display:flex}#exercise-window .content .variations .variation .title{text-align:center;flex:none;font-size:1.3rem}#exercise-window .content .variations .variation .avatars{flex:1;justify-content:center;align-items:center;gap:8px;display:flex;overflow:hidden}#exercise-window .content .variations .variation .avatars .avatar-link{border-radius:50%;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}#exercise-window .content .variations .variation .avatars .avatar-link img{max-width:100%;max-height:100%;display:block}#exercise-window .content .variations .avatar-link:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:50%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-25deg)}#exercise-window .content .variations .avatar-link.play-shimmer:after{animation:.7s ease-out forwards orb-shine}@keyframes orb-shine{0%{left:-150%}to{left:200%}}#exercise-window .content .variations .avatar-link:hover:after{animation:.7s ease-out forwards orb-shine}#exercise-window .content .muscles .text-chart{border:2px solid var(--fg-subtext);border-radius:8px;justify-content:space-evenly;gap:24px;margin:16px 0;padding:16px;list-style-position:inside;display:flex}#exercise-window .content .muscles .text-chart h3{margin-bottom:8px}#exercise-window .content .muscles{width:90%}#muscles-diagram{height:400px}@media (width<=768px){#muscles-diagram{height:300px}}#muscles-diagram{justify-content:center;gap:16px;margin:8px 0;display:flex;position:relative}#muscles-diagram svg{flex-shrink:0;max-height:max-content}#muscles-diagram svg [id]{filter:saturate(20%)brightness(90%)sepia(10%)grayscale(10%);transition:filter .2s}#muscles-diagram svg .is-highlighted{filter:saturate()brightness()sepia(0%)grayscale(0%)drop-shadow(0 0 10px #4da6ff)}#muscles-diagram #svg-tooltip{z-index:100;pointer-events:none;opacity:0;background-color:var(--bg-overlay);outline:1px solid var(--fg-subtext);border-radius:4px;padding:2px 4px;font-weight:900;transition:opacity .1s ease-out;position:absolute;top:0;left:0}#muscles-diagram #svg-tooltip.is-visible{opacity:1}#exercise-window .content .carousel-container{width:90%;margin-top:24px;position:relative}#exercise-window .content .carousel-container .slide-panel{background:0 0;align-items:center;display:flex;position:relative}#exercise-window .content .carousel-container .slide-panel .carousel{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;gap:1em;width:100%;padding:8px;scroll-padding:0 1em;display:flex;overflow-x:auto}#exercise-window .content .carousel-container .slide-panel .carousel::-webkit-scrollbar{display:none}#exercise-window .content .carousel-container .slide-panel .carousel .card{aspect-ratio:16/9;text-align:center;background-color:var(--bg-surface);border:2px solid var(--fg-text);scroll-snap-align:center;cursor:pointer;border-radius:16px;flex:0 0 300px;align-content:center;transition:all .2s;position:relative;overflow:hidden}@media (width<=768px){#exercise-window .content .carousel-container .slide-panel .carousel .card{aspect-ratio:2;flex:0 0 64%}}#exercise-window .content .carousel-container .slide-panel .carousel .card:hover{transform:scale(1.05)}#exercise-window .content .carousel-container .slide-panel .carousel .card .thumbnail{object-fit:cover;border-radius:16px;width:100%;height:100%}#exercise-window .content .carousel-container .slide-panel .carousel .card .title{text-align:left;color:#fffaeb;text-shadow:2px 2px 2px #000;font-size:1rem;font-weight:700;position:absolute;top:8px;left:8px}#exercise-window .content .carousel-container .slide-panel .carousel .card.skeleton{background:linear-gradient(90deg, var(--bg-surface) 0%, #ffffff14 50%, var(--bg-surface) 100%);cursor:default;background-size:200% 100%;border-color:#0000;animation:1.5s linear infinite shimmer}#exercise-window .content .carousel-container .slide-panel .carousel .card.skeleton:hover{transform:none}#exercise-window .content .carousel-container .slide-panel .carousel .card.skeleton .thumbnail,#exercise-window .content .carousel-container .slide-panel .carousel .card.skeleton .title{opacity:0}#exercise-window .content .carousel-container .slide-panel .carousel .card.loaded .thumbnail,#exercise-window .content .carousel-container .slide-panel .carousel .card.loaded .title{animation:.5s ease-out forwards fadeUpIn}#exercise-window .content .carousel-container .slide-panel .carousel .card.loaded .title{opacity:0;animation-delay:.15s}#exercise-window .content .carousel-container .slide-panel .nav-btn{z-index:10;cursor:pointer;width:32px;height:32px;color:var(--bg-base);background-color:var(--fg-subtext);border-radius:50%;font-weight:700;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}#exercise-window .content .carousel-container .slide-panel .nav-btn:hover{background-color:var(--fg-text)}#exercise-window .content .carousel-container .slide-panel .nav-btn.prev{display:inline-block;left:0;transform:translate(-50%,-50%)rotate(180deg)}#exercise-window .content .carousel-container .slide-panel .nav-btn.next{right:0;transform:translate(50%,-50%)}#exercise-window .content .carousel-container .scroll-markers{justify-content:center;gap:10px;margin-top:8px;padding:10px;display:flex}#exercise-window .content .carousel-container .scroll-markers .marker{background-color:var(--bg-overlay);border-radius:50%;padding:8px;text-decoration:none;transition:all .2s}#exercise-window .content .carousel-container .scroll-markers .marker.active{background-color:var(--fg-subtext);transform:scale(1.2)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}