:root{--bg-color: #e0e5ec;--text-color: #3d4a5a;--text-color-light: #5a677a;--shadow-color-dark: #bec3c9;--shadow-color-light: #ffffff;--inset-shadow-dark: #bec3c9;--inset-shadow-light: #ffffff;--tile-bg: #e0e5ec;--key-bg: #e0e5ec;--key-text: #5a677a;--correct-bg: #14b89b;--present-bg: #f08a1c;--absent-bg: #687286;--correct-shadow-dark: #119e85;--correct-shadow-light: #17d2b1;--present-shadow-dark: #d8770e;--present-shadow-light: #f29c3f;--absent-shadow-dark: #596273;--absent-shadow-light: #798397;--correct-text: #04211c;--present-text: #2e1600;--absent-text: #ffffff;--correct-strong: #0b6e5c;--present-strong: #8f4d00;--border-color: transparent;--error-color: #ba1c1c}body{--popup-surface: #e8ecf1;--popup-border: #3d4a5a29;--popup-backdrop: #17202e66;--popup-shadow-color: #17202e33;--popup-sheen: #ffffffa6;--popup-accent: #126b37;--popup-on-accent: #ffffff;--popup-accent-soft: #cedadc;--popup-warning: #78620c}body.dark-mode{--bg-color: #2c303a;--text-color: #d1d1d1;--text-color-light: #b0b8c4;--shadow-color-dark: #1f2229;--shadow-color-light: #393e4b;--inset-shadow-dark: #1f2229;--inset-shadow-light: #393e4b;--tile-bg: #2c303a;--key-bg: #4f5564;--absent-bg: #3a3f4c;--key-text: #e1e1e1;--correct-bg: #2ad8b9;--present-bg: #fa9a2e;--correct-shadow-dark: #21b399;--correct-shadow-light: #40dcc0;--present-shadow-dark: #ed8006;--present-shadow-light: #fba84b;--absent-shadow-dark: #2f333e;--absent-shadow-light: #444a59;--correct-strong: #2ad8b9;--present-strong: #fa9a2e;--border-color: #4a4a4f;--error-color: #ff7b7b;--popup-backdrop: #080c14a6;--popup-surface: #2f343e;--popup-border: #d1d1d129;--popup-shadow-color: #00000066;--popup-sheen: #393e4ba6;--popup-accent-soft: #354042;--popup-accent: #8edd8d;--popup-on-accent: #142b1b;--popup-warning: #ead889}body.theme-changing:not(.theme-interpolating),body.theme-changing:not(.theme-interpolating) *,body.theme-changing:not(.theme-interpolating) *:before,body.theme-changing:not(.theme-interpolating) *:after{transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out,fill .3s ease-in-out,stroke .3s ease-in-out,transform .1s ease,opacity .2s ease,filter .12s ease!important}body.theme-interpolating,body.theme-interpolating *,body.theme-interpolating *:before,body.theme-interpolating *:after{transition-property:transform,opacity,filter!important}@media (prefers-reduced-motion: reduce){body.theme-changing,body.theme-changing *,body.theme-changing *:before,body.theme-changing *:after{transition:none!important}}#message.positive{color:var(--correct-strong)}#message.negative{color:var(--error-color)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}button{border:none;border-radius:8px;padding:.4rem .8rem;background:var(--bg-color);color:var(--text-color);box-shadow:3px 3px 6px var(--shadow-color-dark),-3px -3px 6px var(--shadow-color-light);cursor:pointer;transition:box-shadow .2s,transform .1s}@media (hover: hover){button:hover{box-shadow:4px 4px 8px var(--shadow-color-dark),-4px -4px 8px var(--shadow-color-light);transform:translateY(-1px)}}button:active{box-shadow:inset 2px 2px 4px var(--inset-shadow-dark),inset -2px -2px 4px var(--inset-shadow-light);transform:translateY(1px)}