@font-face{font-family:Inter;src:url(/witze-app/assets/Inter-Italic-VariableFont_opsz_wght-B-9PvMw6.ttf)}@font-face{font-family:Rubik Scribble;src:url(/witze-app/assets/RubikScribble-Regular-HXZC69D1.ttf)}:root{--background-color: #333333;--container-background-color: #1e1e1e;--container-list-background-color: #3a3a3a;--primary-color: orange;--text-main: #ffffff;--text-muted: #a0a0a0;--delete-background-color: red;--delete-text-color: white;--container-shadow: 0 10px 30px rgba(0, 0, 0, .5);--button-shadow: 0 5px 5px rgba(255, 255, 255, .1)}body.light-mode{--background-color: #e1e1e1;--container-background-color: #ffffff;--container-list-background-color: #f1f1f1;--primary-color: #e67e22;--text-main: #2c3e50;--text-muted: #7f8c8d;--delete-background-color: red;--delete-text-color: white;--container-shadow: 0 10px 30px rgba(0, 0, 0, .3);--button-shadow: 0 5px 15px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter;color:var(--text-main);background:var(--background-color);display:flex;justify-content:center;min-height:100vh;padding:20px}#app{width:100%;max-width:500px}@media only screen and (min-width:600px){#app{max-width:800px}}h1{font-family:Rubik Scribble;font-size:3rem;text-align:center;color:var(--primary-color);text-shadow:0px 15px 30px rgb(0,0,0);margin-bottom:2rem}.current-joke{background:var(--container-background-color);padding:2.5rem 2rem;margin-bottom:2rem;border-radius:7px;box-shadow:var(--container-shadow);text-align:center;position:relative}.current-joke__text{font-size:1.25rem;min-height:80px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.current-joke__text.is-animating{animation:slideIn .3s ease-out}.current-joke__actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}@media only screen and (min-width:600px){.current-joke__actions{flex-direction:row;justify-content:center}.current-joke__actions .button,.current-joke__actions .button--option{flex:1}}.current-joke__save-icon{width:1.5rem;height:1.5rem}.current-joke__badge{position:absolute;top:-25px;font-size:2.5rem;background:var(--container-background-color);width:50px;height:50px;border-radius:50%;z-index:10}@media only screen and (min-width:600px){.current-joke__badge{font-size:3rem;width:60px;height:60px;top:-30px;left:80px}}.button,.button--option{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;gap:.5rem;border:1px solid var(--primary-color);background-color:var(--primary-color);color:#000;border-radius:7px;font-weight:600;font-size:1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-shadow:var(--button-shadow)}.button--save{background-color:transparent;color:var(--primary-color)}.button:active,.button--option:active{background-color:var(--primary-color);color:#000;transform:scale(.95);box-shadow:var(--container-shadow);transition:transform .1s}.saved-jokes{padding:1.5rem 2rem;margin-bottom:2rem;text-align:center}.saved-jokes__title{font-size:2rem;font-family:Rubik Scribble;text-align:center;margin-bottom:1rem}.saved-jokes__list{display:flex;flex-direction:column;justify-content:center;gap:.75rem}.saved-jokes__list-item{background:var(--container-list-background-color);border-radius:7px;box-shadow:0 10px 30px #0000004d;padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;animation:slideIn .4s ease-out forwards}@media only screen and (min-width:600px){.saved-jokes__list-item{display:grid;grid-template-columns:1fr auto;text-align:left}}.saved-jokes__delete-icon{width:1.5rem;height:1.5rem;flex-shrink:0;padding:.1rem;border:none;background-color:var(--delete-background-color);color:var(--delete-text-color);display:flex;justify-content:center;align-items:center;border-radius:7px;cursor:pointer;transition:all .3s ease}.saved-jokes__delete-icon:hover{background-color:#9b0000}.options{padding:1.5rem 2rem;display:flex;flex-direction:row;justify-content:center;gap:1rem}.button--option{padding:.5rem;width:3rem;height:3rem}.button--option svg{width:1.5rem;height:1.5rem}#button-theme .sun-icon{animation:slideIn .3s ease-out;display:block}#button-theme .moon-icon,body.light-mode #button-theme .sun-icon{display:none}body.light-mode #button-theme .moon-icon{animation:slideIn .3s ease-out;display:block}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media(hover:hover)and (pointer:fine){.button:hover,.button--option:hover{background-color:transparent;color:var(--primary-color);transform:translateY(-2px);box-shadow:0 5px 5px #0000004d}.button--save:hover{background-color:var(--primary-color);color:#000}.saved-jokes__delete-icon:hover,#delete-storage:hover{background-color:#9b0000}}.button:active,.button--option:active{transform:scale(.95)!important;background-color:var(--primary-color)!important;color:#000!important;box-shadow:inset 0 2px 4px #0000004d;transition:transform .1s}.saved-jokes__delete-icon:active,#delete-storage:active{transform:scale(.9)!important;filter:brightness(.8)}