@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#root{display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem;width:100%}button,input{font-family:inherit}button{background:none;border:none;cursor:pointer}:root{--font-family:"Inter",sans-serif;--color-primary-light:6,182,212;--color-primary-dark:7,155,182;--color-text-light:17,24,39;--color-text-dark:243,244,246;--color-subtext-light:107,114,128;--color-subtext-dark:156,163,175;--color-bg-light:249,250,251;--color-bg-dark:17,24,39;--color-card-light:255,255,255;--color-card-dark:31,41,55;--color-border-light:229,231,235;--color-border-dark:55,65,81;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--border-radius:0.75rem}body{--primary:var(--color-primary-light);--text:var(--color-text-light);--subtext:var(--color-subtext-light);--background:var(--color-bg-light);--card-bg:var(--color-card-light);--border:var(--color-border-light);background-color:rgb(var(--background));color:rgb(var(--text))}body.dark{--primary:var(--color-primary-dark);--text:var(--color-text-dark);--subtext:var(--color-subtext-dark);--background:var(--color-bg-dark);--card-bg:var(--color-card-dark);--border:var(--color-border-dark)}.app-container{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:700px;width:100%}.header{padding:1rem 0;text-align:center}.header__title{font-size:2rem;font-weight:700;margin-bottom:.25rem}.header__subtitle{color:rgb(var(--subtext));font-size:1rem}.header__badge{background-color:rgba(var(--primary),.1);border-radius:9999px;color:rgb(var(--primary));display:inline-block;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.tabs{background-color:rgb(var(--card-bg));border:1px solid rgb(var(--border));border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;justify-content:center;padding:.5rem}.tabs__button{border-radius:var(--border-radius);color:var(--subtext);font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.tabs__button--active{background-color:var(--background);box-shadow:var(--shadow-md);color:var(--text)}.quote-card{align-items:center;animation:fadeIn .5s ease-in-out;background-color:rgb(var(--card-bg));border:1px solid rgb(var(--border));border-radius:var(--border-radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding:2.5rem;text-align:center;transition:all .3s ease}.quote-card__text{font-size:1.75rem;font-style:italic;font-weight:500;line-height:1.6;margin-bottom:1.5rem;max-width:90%}.quote-card__author{color:rgb(var(--subtext));font-size:1rem;font-weight:600;margin-bottom:2.5rem}.quote-card__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.quote-card__button{align-items:center;border-radius:var(--border-radius);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease-in-out}.quote-card__button--primary{background-color:rgb(var(--primary));color:#fff}.quote-card__button--primary:hover{opacity:.9}.quote-card__button--secondary{background-color:rgb(var(--background));border:1px solid rgb(var(--border));color:rgb(var(--text))}.quote-card__button--secondary:hover{background-color:rgb(var(--border))}.loader{animation:spin 1s linear infinite;border-top:4px solid rgb(var(--border));border:4px solid rgb(var(--border));border-radius:50%;border-top-color:rgb(var(--primary));height:40px;margin:2rem auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-bar{margin-bottom:1.5rem;width:100%}.search-bar__input{background-color:rgb(var(--card-bg));border:1px solid rgb(var(--border));border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:rgb(var(--text));font-size:1rem;padding:1rem;transition:border-color .2s,box-shadow .2s;width:100%}.search-bar__input:focus{border-color:rgb(var(--primary));box-shadow:0 0 0 3px rgba(var(--primary),.2);outline:none}.quote-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.quote-list__item{animation:fadeIn .5s ease-in-out;background-color:rgb(var(--card-bg));border:1px solid rgb(var(--border));border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:1.5rem}.quote-list__item p{font-size:1.1rem;font-style:italic;margin-bottom:1rem}.quote-list__item footer{color:rgb(var(--subtext));font-size:.9rem;text-align:right}.empty-state{background-color:rgb(var(--card-bg));border:1px solid rgb(var(--border));border-radius:var(--border-radius);padding:3rem 1rem;text-align:center}.empty-state__icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state__message{color:var(--subtext);font-size:1.1rem;font-weight:500}.dark-mode-toggle{align-items:center;background-color:rgb(var(--card-bg));border:1px solid rgb(var(--border));border-radius:50%;box-shadow:var(--shadow-md);color:rgb(var(--text));display:flex;font-size:1.25rem;height:40px;justify-content:center;position:fixed;right:1rem;top:1rem;width:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quote-card__button.liked{animation:liked .5s ease}@keyframes liked{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}
/*# sourceMappingURL=main.8a193080.css.map*/