@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap";@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Sono:wght@200..800&display=swap";@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}.prompt-text,.playback-prompt{font-size:2.5rem;max-width:800px;width:100%;font-family:Hyundai Sans Head,serif;text-align:center;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.1);line-height:1.2;z-index:10}.prompt-text.obscured,.obscured.playback-prompt{filter:blur(var(--blur-amount));-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateZ(0)}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}.hour-overlay{display:flex;align-items:center;justify-content:center;z-index:1;text-align:center;-webkit-user-select:none;user-select:none}.hour-overlay .calendar-hour{font-size:120px;font-weight:600;color:#0000008c;line-height:.9;font-feature-settings:"tnum" on}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}.project-title{font-family:Hyundai Sans Text,sans-serif;text-transform:lowercase;letter-spacing:.1em;font-size:2.5rem;letter-spacing:2px;text-align:center;margin-bottom:2rem;color:#000;font-weight:600}.project-title.small{font-size:1.5rem;margin-top:.6em;width:100%;text-align:center;margin-bottom:.25em}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}.gesture-info{font-family:Sono,sans-serif;line-height:1;display:inline-flex;flex-direction:column;gap:.25rem;color:#00000080}.gesture-info.large{font-size:1.8rem;gap:.5rem;flex-direction:column;align-items:center;justify-content:center}.gesture-info.large .gesture-color-container{display:inline-flex}.gesture-info.large .gesture-stats{font-size:55%}.gesture-info.large .gesture-metadata{gap:1rem;display:inline-flex}.gesture-info.large .gesture-color-square,.gesture-info.large .gesture-color-circle{width:24px;height:24px}.gesture-info.default,.gesture-info.default .gesture-metadata{font-size:1rem}.gesture-info.default .gesture-color-container{margin-right:0;flex-wrap:nowrap}.gesture-info.compact{font-size:.65rem;display:flex}.gesture-info.compact .gesture-metadata{gap:.3rem;row-gap:.1rem;justify-content:center}@media screen and (max-width: 768px){.gesture-info.compact .gesture-color-square,.gesture-info.compact .gesture-color-circle{width:10px;height:10px}}@media screen and (min-width: 900px){.gesture-info.compact{font-size:.8rem}}.gesture-info.compact .gesture-color-container{display:flex}.gesture-info .gesture-color-container{position:relative;width:16px;height:16px;margin-right:.2em;display:flex;align-items:center;justify-content:center}.gesture-info .gesture-color-gradient{width:100%;height:100%;border-radius:50%;transition:all .3s ease}.gesture-info .gesture-color-square{width:12px;height:12px;border:1px solid rgba(0,0,0,.1)}.gesture-info .gesture-color-circle{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.gesture-info .gesture-metadata{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.gesture-info .gesture-metadata .gesture-id{font-weight:700;color:#000000e6}.gesture-info .gesture-stats{font-size:80%;margin-top:.2rem}.gesture-info .time{font-family:Sono,sans-serif;letter-spacing:-.03rem}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}#root{overflow-y:auto}.gesture-share-overlay{display:flex;flex-direction:column;padding:2rem;padding-top:0;gap:2rem;width:1000px;height:1000px}.gesture-share-overlay .share-title{font-size:3rem}.gesture-share-overlay .share-content{display:flex;flex-direction:column;gap:1.5rem;margin:auto;align-items:center;justify-content:center;max-width:650px}.gesture-share-overlay .prompt-text{font-size:2.5rem;margin-top:2rem}.gesture-share-overlay .share-gesture-info{margin-top:2rem;color:#000000e6!important}.gesture-share-overlay .share-gesture-info .gesture-color-container{margin-bottom:-1.8rem;margin-right:-.5rem;width:24px;height:24px}.share-footer{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;text-align:center;font-family:Hyundai Sans Head,sans-serif}.share-footer .share-footer-title{font-size:1.5rem}.share-footer .share-footer-description{font-size:.8rem}.hour-overlay{position:relative}.gesture-container{position:absolute;top:0;left:0;width:100%;height:100%}.gesture-canvas{width:100%;height:100%;max-width:100vw;z-index:0;position:relative}.gesture-canvas.hidden{opacity:0}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}.tutorial-content{position:relative;font-family:Hyundai Sans Head,sans-serif}.tutorial-step{margin-top:1em;font-size:1.2rem}@media screen and (max-height: 800px){.tutorial-step{font-size:1.1rem}}@media screen and (max-height: 650px){.tutorial-step{font-size:1rem}}.tap-overlay{display:flex;align-items:center;justify-content:center;color:#00000080;text-transform:uppercase;letter-spacing:.1em;font-family:Hyundai Sans Head,serif;font-size:1rem;padding:.5rem;transform:scale(.3);margin-top:-30%;bottom:env(safe-area-inset-bottom,80px);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;filter:blur(2px),drop-shadow(0 0 10px var(--color));text-shadow:0 0 10px var(--color);cursor:pointer;z-index:100}.tap-overlay.gradient{background:linear-gradient(45deg,hsla(var(--hue),var(--saturation),var(--lightness),var(--opacity)),hsla(var(--hue),var(--saturation),var(--lightness),var(--opacity)),hsla(var(--hue),var(--saturation),var(--lightness),var(--opacity)));aspect-ratio:1/1;opacity:1;border-radius:50%;font-size:3.5rem;text-align:center;transition:background .1s linear}.hold-button{font-family:Hyundai Sans Head,sans-serif;font-size:80%;font-weight:500;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;width:100%;height:100%}.hold-button .hold-text{position:relative;z-index:1;line-height:1.2;font-size:1em;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;pointer-events:none}.gesture-legend{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.5rem 0;width:100%;margin:0 auto}@media screen and (max-width: 700px){.gesture-legend{position:absolute}}.gesture-legend-item{display:flex;gap:.1rem;align-items:center;margin:0 .5em}.gesture-legend-item:first-child{margin-left:0}.gesture-legend-item:last-child{margin-right:0}.steps{gap:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto}.home-view{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}.home-view .playback-prompt{margin-bottom:2rem}@media screen and (max-height: 680px){.home-view .playback-prompt{margin-bottom:1rem;font-size:2.25rem}}@media screen and (max-height: 580px){.home-view .playback-prompt{font-size:1.5rem}}.home-view .playback-prompt.display-mode{font-size:5rem;line-height:1.2;margin-bottom:3rem}@media screen and (max-width: 1200px){.home-view .playback-prompt.display-mode{font-size:4rem}}@media screen and (max-width: 900px){.home-view .playback-prompt.display-mode{font-size:3rem}}.spacer{width:100%;height:120px}@media (min-width: 768px){.spacer{height:200px}}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}body{font-family:Sono,sans-serif,sans-serif;width:100%;height:100svh;overflow:hidden;margin:0;padding:0;font-size:16px;position:fixed;top:0;right:0;bottom:0;left:0;user-select:none;color:#000000e6;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none}*{user-select:none;-webkit-user-select:none}.device-type-indicator{position:absolute;top:1rem;left:1rem;font-size:1.125rem}.permission-button{position:absolute;top:8px;right:0;padding:.5rem 1rem;font-size:.8em;border:none;border-radius:.5rem;cursor:pointer}.timer-display{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem 1rem;border-radius:1rem;font-size:1.2rem;z-index:10}.main-container{position:relative;width:100%;height:100vh;overflow:hidden;background:#faf3e8}.control-buttons{position:fixed;bottom:85px;width:100%;display:flex;align-items:center;justify-content:center;gap:16px;z-index:20}.control-buttons.desktop{bottom:25%}@media (min-width: 768px){.control-buttons{bottom:25%}}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.control-button,.control-buttons button{font-family:Hyundai Sans Head,sans-serif;padding:.33em 1em;font-size:1em;border:1px solid hsla(var(--hue),var(--saturation),var(--lightness),1);cursor:pointer;transition:all .3s ease;font-weight:500;letter-spacing:1px;text-transform:uppercase;box-shadow:0 8px 20px hsla(var(--hue),var(--saturation),var(--lightness),.5) inset,0 0 8px 4px hsla(var(--hue),var(--saturation),var(--lightness),.3);background:linear-gradient(45deg,hsla(var(--hue),var(--saturation),var(--lightness),.7),hsla(var(--hue),var(--saturation),var(--lightness),.9),hsla(var(--hue),var(--saturation),var(--lightness),.7))}.control-button:hover,.control-buttons button:hover,.control-button:active,.control-buttons button:active{background:linear-gradient(var(--gradient-angle),hsla(var(--hue),var(--saturation),var(--lightness),.7) 0%,hsla(var(--hue),var(--saturation),var(--lightness),.5) 50%,hsla(var(--hue),var(--saturation),var(--lightness),.7) 100%)}.control-button:disabled,.control-buttons button:disabled{opacity:.5;cursor:not-allowed}button{all:unset;color:#000000e6!important;text-transform:uppercase;display:flex;align-items:center;justify-content:center}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.prompt-text,.share-frame .gesture-prompt,.playback-prompt{font-size:2.5rem;max-width:800px;width:100%;font-family:Hyundai Sans Head,serif;text-align:center;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.1);line-height:1.2;z-index:10}.prompt-text.obscured,.share-frame .obscured.gesture-prompt,.obscured.playback-prompt{filter:blur(var(--blur-amount));-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateZ(0)}.grey-text{color:#00000080}.subtle-text{font-size:12px;color:#00000080}.playback-prompt{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transform:translateZ(0)}.projectTitle{color:#00000080}.archives-button{position:fixed;top:2rem;right:2rem;background:none;border:none;font-family:var(--font-family);font-size:1rem;color:var(--text-color);cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:all .2s ease}.archives-button:hover{background:#0000000d}.back-to-today{position:fixed;top:2rem;left:2rem;background:none;border:none;font-family:var(--font-family);font-size:1rem;color:var(--text-color);cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.back-to-today:before{content:"←";font-size:1.2em}.back-to-today:hover{background:#0000000d}.landing-description{font-family:Hyundai Sans Head,sans-serif;line-height:1.2;max-width:600px;margin:0 auto;text-align:center;width:100%;font-size:1.2rem;display:flex;flex-direction:column}.permission-denied-overlay{color:#00000080;line-height:1;font-size:70%;text-align:center;max-width:80%}.gesture-view{height:100%;margin-bottom:env(safe-area-inset-bottom,100px);padding:0 20px}@media screen and (min-width: 768px){.gesture-view{padding:0 30px}}.share-drawer{position:fixed;bottom:0;left:0;right:0;z-index:1000;background-color:#fffcf6;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 20px #0000001a;overflow:hidden;height:80vh;touch-action:none}.share-drawer .drawer-header{display:flex;align-items:center;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom)/2);border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fffc;position:sticky;top:0;z-index:10}.share-drawer .drawer-header h3{margin:0;font-size:1rem;font-weight:500;font-family:Hyundai Sans Head,sans-serif}.share-drawer .drawer-header .expand-button{background:none;border:none;padding:8px;cursor:pointer;color:#0009;display:flex;align-items:center;justify-content:center}.share-drawer .drawer-header .expand-button:hover{color:#000c}.share-drawer .drawer-content{height:100%;display:flex;flex-direction:column;overflow-y:auto;gap:2rem;padding:20px;-webkit-overflow-scrolling:touch}.gesture-history{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding-bottom:4rem}.gesture-history .hour-prompt{font-size:1.2rem;padding:0 1rem;font-family:Hyundai Sans Head,serif;text-align:center}.gesture-history-row{display:grid;grid-template-columns:1fr 1fr;padding:1rem;gap:1.5rem;width:100%}.gesture-history-row .gesture-preview{aspect-ratio:1/1;border:1px solid rgba(0,0,0,.1);border-radius:4px;overflow:hidden}.gesture-history-row .gesture-preview img{aspect-ratio:1/1;width:100%;height:100%;object-fit:cover}.gesture-history-row .gesture-info{flex:1;font-family:Sono,sans-serif;font-size:1rem;line-height:1}.gesture-history-row .gesture-info .date{color:#00000080;font-size:80%}.gesture-history-row .gesture-info .time-info{flex-wrap:wrap;display:flex;align-items:center}.gesture-history-row .gesture-info .time-info>*:first-child{margin-right:.5rem}.gesture-history-row .gesture-info .gesture-stats{font-size:80%}.gesture-history-row .action-buttons{display:flex;gap:.25rem}.gesture-history-row .action-buttons .action-button{font-family:Hyundai Sans Head,sans-serif;width:34px;height:34px;border:1px solid rgba(0,0,0,.1);cursor:pointer;background:#ffffffb3;border-radius:4px}.gesture-history-row .action-buttons .action-button:hover{background:#ffffff80}.share-frame{display:flex;flex-direction:column;width:100%;height:100svh;margin:0 auto}.share-frame .gesture-header{display:flex;padding:8px;border-bottom:2px solid rgba(0,0,0,.8);background:#faf3e880;font-size:.8rem;color:#000000e6;font-family:Sono,sans-serif}.share-frame .gesture-header div:first-child{margin-right:auto}.share-frame .gesture-info-container{background:#faf3e880;padding:.75rem .5rem;border-top:2px solid black;display:flex;flex-direction:column;gap:.5rem;flex-shrink:1;padding-bottom:.25em}.share-frame .gesture-info .gesture-metadata{font-size:1rem}.share-frame .gesture-info .gesture-stats{font-size:.8rem}.share-frame .gesture-prompt{font-size:2rem;text-align:center;margin:auto;max-width:80%}.share-frame .share-preview{display:flex;flex-direction:column;border:1px solid black;gap:.2rem;padding-bottom:.5rem;height:100%}.share-frame .share-actions{display:flex;gap:.25rem;justify-content:flex-end;padding:0 .5rem}.share-frame .share-actions .action-button{font-family:Hyundai Sans Head,sans-serif;font-weight:500;padding:.25rem .5rem;font-size:.75rem;display:flex;gap:.3rem;background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:4px}.share-frame .share-actions .action-button:hover{background:#ffffff80}.share-frame .gesture-footer{padding:1.5em 1em 1em;text-align:center;font-family:Hyundai Sans Head,sans-serif;display:flex;flex-direction:column;align-items:center}.share-frame .gesture-footer p{font-size:.8em}.share-frame .gesture-footer .view-collective{font-family:Hyundai Sans Head,sans-serif;background:none;border:none;text-decoration:underline;cursor:pointer;font-size:1rem;margin-bottom:.5em;padding:0}.share-frame .gesture-footer .view-collective:hover{opacity:.8}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}.archives-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#faf3e8;z-index:1000;display:flex;flex-direction:column}.archives-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.1)}.archives-header .projectTitle{font-size:2rem}.archives-header .close-button{background:none;border:none;font-size:2rem;cursor:pointer;padding:.5rem;color:var(--text-color)}.archives-header .close-button:hover{opacity:.7}.archives-bar{position:fixed;bottom:0;left:0;right:0;height:100px;width:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-top:1px solid rgba(0,0,0,.1)}.archives-bar:not(.inline) .hour-cell{width:80px;height:80px}.archives-bar.inline{position:relative;height:100%;overflow-x:initial;border-top:none;background:none}.archives-bar.inline .archives-scroll.archives-scroll{display:grid;grid-template-columns:repeat(auto-fill,60px);place-items:center;gap:.5rem;padding:0;width:100%;overflow-x:hidden;overflow-y:hidden}.archives-bar.inline .archives-scroll.archives-scroll .hour-cell .hour-overlay.mini .calendar-hour{font-size:80%}.archives-scroll{height:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:10px;display:flex;gap:10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;min-width:0;scroll-behavior:smooth;justify-content:center}.archives-scroll::-webkit-scrollbar{height:8px;width:8px}.archives-scroll::-webkit-scrollbar-track{background:transparent}.archives-scroll::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.archives-scroll::-webkit-scrollbar-thumb:hover{background:#0000004d}.archives-scroll.needs-infinite{justify-content:flex-start;scroll-behavior:auto}.gesture-previews{display:flex;gap:5px;justify-content:center;align-items:center;width:100%;position:absolute;bottom:20%}.gesture-previews .gesture-color-square{width:8px;height:8px}.hour-cell{width:100%;height:auto;aspect-ratio:1/1;cursor:pointer;position:relative;transition:transform .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.hour-cell:hover .hour-overlay.mini{border:1px solid hsla(var(--hue),var(--saturation),var(--lightness),.3);background:hsla(var(--hue),var(--saturation),var(--lightness),.1)}.hour-cell.selected.selected .hour-overlay.hour-overlay{border:2px solid hsla(var(--hue),var(--saturation),var(--lightness),.5);background:hsla(var(--hue),var(--saturation),var(--lightness),.1)}.hour-cell.selected.selected .hour-overlay.hour-overlay .calendar-hour{opacity:1}.hour-cell .current-indicator{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:hsla(var(--hue),var(--saturation),var(--lightness),1);box-shadow:0 0 0 2px #faf3e8;animation:pulse 2s infinite}.hour-cell .hour-overlay.mini{transition:border .5s ease,background .5s ease;position:relative;transform:none;left:0;top:0;width:100%;height:100%;max-width:none;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#ffffff80;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px}.hour-cell .hour-overlay.mini .calendar-hour{font-size:1rem;font-weight:700}.hour-cell .hour-overlay.mini .calendar-prompt{display:none}.hour-cell:not(.future):hover .hour-overlay.mini{transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.hour-cell:not(.future):hover .hour-overlay.mini .calendar-hour{opacity:1}.hour-cell.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}to{transform:scale(1);opacity:1}}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}.ripple-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;left:-6px;touch-action:none;pointer-events:none}.ripple{position:absolute;width:12px;height:12px;border-radius:50%;animation:ripple 40s cubic-bezier(.4,0,.2,1);opacity:0;background:linear-gradient(hsla(var(--hue),var(--saturation),var(--lightness),.12),hsla(var(--hue),var(--saturation),var(--lightness),.08));border:.1px solid hsla(var(--hue),var(--saturation),var(--lightness),.15);transition:opacity .5s ease-in-out;will-change:transform,opacity;animation-fill-mode:forwards;transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ripple.no-bg{background:none}@keyframes ripple{0%{transform:scale(1);opacity:0}1%{opacity:.7}50%{opacity:.2}to{transform:scale(80);opacity:0;display:none}}.text-interstitial{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.interstitial-text{font-size:2rem;text-align:center;font-family:Hyundai Sans Text,sans-serif;font-style:italic;line-height:1.2;max-width:80%}.recording-status{position:fixed;display:flex;flex-direction:column;width:100%;left:0;top:0%;height:100%;justify-content:center;align-items:center;padding:0 30px;gap:1em;z-index:20}.recording-status .recording-time{display:flex;align-items:center;justify-content:center;gap:8px;line-height:.8}.recording-instructions{bottom:env(safe-area-inset-bottom,80px);font-family:Hyundai Sans Head,sans-serif;position:fixed;text-align:center;margin:1em}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}.desktop-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000026;display:flex;align-items:center;justify-content:center;z-index:1000}.desktop-dialog.display-mode{background:transparent;top:auto;left:auto;right:0rem;bottom:0rem;align-items:flex-end;justify-content:flex-end}.dialog-content{position:relative;background:#fffcf6;font-family:Hyundai Sans Head,sans-serif;box-shadow:0 0 10px #0000001a;padding:3rem 2rem;border-radius:8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem;max-width:550px;font-size:1.2rem}.dialog-content *{user-select:all;-webkit-user-select:all}.dialog-content p{margin:.25rem 0}.dialog-content h2{margin-top:0;margin-bottom:1rem}.dialog-content.display-mode{padding:0rem;margin:0;max-width:none;font-size:1rem}.dialog-content.display-mode .scan-text{font-weight:500;margin-bottom:-1.5em;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.dialog-content.display-mode .begin-text{margin-top:-1.25em;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.small-text{font-size:.8rem;color:#00000080}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}.motion-access-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000026;display:flex;align-items:center;justify-content:center;z-index:1000}.motion-access-dialog .dialog-content{position:relative;background:#fffcf6;font-family:Hyundai Sans Head,sans-serif;box-shadow:0 0 10px #0000001a;padding:2rem 3rem;border-radius:8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem;max-width:550px;font-size:1.2rem;line-height:1}.motion-access-dialog .dialog-content p{margin:.5rem 0}.motion-access-dialog .dialog-content .button-group{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;width:100%;max-width:300px;align-items:center}.motion-access-dialog .dialog-content .button-group button{width:fit-content}.motion-access-dialog .dialog-content .secondary{text-decoration:underline;font-size:80%}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 4, 2019 */@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Regular.otf) format("opentype"),url(/fonts/HyundaiSansHead-Regular.woff) format("woff"),url(/fonts/HyundaiSansHead-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansHead-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Hyundai Sans Head;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans;src:url(/fonts/HyundaiSansText-Italic.otf) format("opentype");font-style:italic}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Hyundai Sans Text;src:url(/fonts/HyundaiSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal}.scroll-to-content-container{position:fixed;top:16px;right:20px;z-index:99999}@media (min-width: 800px){.scroll-to-content-container{display:none}}.scroll-to-content-button{font-family:Hyundai Sans Head,sans-serif;line-height:1.2;font-weight:700;text-decoration:underline;padding:12px 0 12px 6px;cursor:pointer;font-size:12px;text-transform:none}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}