:root{--interface-font:'Inter','Segoe UI',sans-serif;--motion-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth}
body button,body input,body textarea,body select,body summary,body .clue-button,body .study-filter,body .photo-marker,body .study-level,body .study-steps>li:before{font-family:var(--interface-font)!important}
.clue-button{font-size:14px;font-weight:400;line-height:1.55;padding:9px 12px;letter-spacing:0}.study-filter{font-size:13px}.photo-marker{font-size:13px;font-weight:500}.study-level{font-size:13px;font-weight:400}
.study-limits{padding-top:12px}.study-limits summary{min-height:36px;line-height:1.65}.study-limits p{margin-top:8px;line-height:1.8}.study-method{row-gap:18px}.demo-result:not([hidden])~.faq-section{margin-top:40px;padding-top:28px}
button,a,input,textarea,select,summary{transition:color 200ms ease,background-color 200ms ease,border-color 200ms ease,box-shadow 200ms ease,opacity 200ms ease}
.study-crop{transition:background-position 480ms var(--motion-ease),background-size 480ms var(--motion-ease)}
.photo-tip{transition:left 260ms var(--motion-ease),top 260ms var(--motion-ease)}
@supports(interpolate-size:allow-keywords){
 :root{interpolate-size:allow-keywords}
 details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size 440ms var(--motion-ease),opacity 260ms ease,content-visibility 440ms allow-discrete}
 details[open]::details-content{block-size:auto;opacity:1}
}
dialog{opacity:0;transform:translateY(12px) scale(.985);transition:opacity 240ms ease,transform 320ms var(--motion-ease),display 320ms allow-discrete,overlay 320ms allow-discrete}
dialog[open]{opacity:1;transform:none}
dialog::backdrop{opacity:0;transition:opacity 280ms ease,display 280ms allow-discrete,overlay 280ms allow-discrete}
dialog[open]::backdrop{opacity:1}
@starting-style{dialog[open]{opacity:0;transform:translateY(12px) scale(.985)}dialog[open]::backdrop{opacity:0}}
.cookie-banner{transition:opacity 280ms ease,translate 360ms var(--motion-ease),display 360ms allow-discrete}.cookie-banner[hidden]{opacity:0;translate:0 18px}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-leave 190ms ease both}::view-transition-new(root){animation:page-enter 320ms var(--motion-ease) both}
@keyframes page-leave{to{opacity:0}}@keyframes page-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:720px){.clue-button{font-size:13px;padding:8px 10px}.study-filter{font-size:12px}.demo-result:not([hidden])~.faq-section{margin-top:28px;padding-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}details::details-content,dialog,dialog::backdrop,.study-crop,.photo-tip,.cookie-banner,button,a,input,textarea,select,summary{transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}