:root{--accent: #7c3aed;--accent-dark: #6d28d9;--accent-light: #ede9fe;--accent-bg: #f5f3ff;--accent-border: #ddd6fe;--accent-hover-bg: #ede9fe;--accent-shadow: rgba(124, 58, 237, .25);--card-bg: #ffffff;--page-bg: #f8f7ff;--border: #e5e7eb;--hover-bg: #f9fafb;--text-primary: #111827;--text-secondary: #374151;--text-muted: #9ca3af;--shadow: 0 4px 24px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--page-bg);color:var(--text-primary);min-height:100vh}.tag-badge{display:inline-block;font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:100px;padding:.2rem .65rem;letter-spacing:.3px;transition:background .2s}.tag-badge:hover{background:var(--accent-hover-bg)}.quote-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.quote-meta__item{display:flex;flex-direction:column;gap:.1rem}.quote-meta__label{font-family:Inter,sans-serif;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.quote-meta__value{font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;color:var(--text-secondary)}.quote-meta__dot{width:4px;height:4px;border-radius:50%;background:var(--border);margin:0 .25rem;align-self:center}@media (max-width: 480px){.quote-meta__dot{display:none}}.quote-card{background:var(--card-bg);border-radius:20px;padding:2.5rem 2.75rem;box-shadow:var(--shadow);position:relative;max-width:680px;width:100%;margin:0 auto;transition:opacity .25s ease,transform .25s ease;border:1px solid var(--border)}.quote-card--visible{opacity:1;transform:translateY(0)}.quote-card--hidden{opacity:0;transform:translateY(8px)}.quote-card__mark{font-family:Playfair Display,serif;font-size:6rem;line-height:.6;color:var(--accent-light);position:absolute;top:1.5rem;left:2rem;-webkit-user-select:none;user-select:none;pointer-events:none}.quote-card__content{font-family:Playfair Display,serif;font-size:1.35rem;font-style:italic;line-height:1.75;color:var(--text-primary);margin:1.5rem 0 1.25rem;padding:0;border:none;position:relative;z-index:1}.quote-card__divider{width:48px;height:3px;background:var(--accent);border-radius:2px;margin:1.25rem 0}.quote-card__author{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.quote-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}@media (max-width: 600px){.quote-card{padding:2rem 1.5rem}.quote-card__content{font-size:1.15rem}.quote-card__mark{font-size:4.5rem}}.controls{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.75rem}.controls__buttons{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:center}.controls__btn{font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;border:none;border-radius:100px;padding:.6rem 1.4rem;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.controls__btn:disabled{opacity:.35;cursor:not-allowed}.controls__btn--secondary{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border)}.controls__btn--secondary:not(:disabled):hover{background:var(--hover-bg);border-color:var(--accent);color:var(--accent)}.controls__btn--random{background:var(--accent);color:#fff;padding:.65rem 1.75rem;font-size:.9rem;box-shadow:0 4px 14px var(--accent-shadow)}.controls__btn--random:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 6px 18px var(--accent-shadow)}.controls__btn--random:active{transform:translateY(0)}.controls__info{font-family:Inter,sans-serif;font-size:.8rem;color:var(--text-muted);margin:0}.header{text-align:center;margin-bottom:2rem}.header__icon{font-size:3rem;line-height:1;color:var(--accent);font-family:Playfair Display,serif;margin-bottom:.25rem}.header__title{font-family:Playfair Display,serif;font-size:2.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.5px}.header__date{font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;color:var(--text-muted);margin:0;letter-spacing:.5px;text-transform:uppercase}.loader{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 0}.loader__spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader__text{font-family:Inter,sans-serif;font-size:.875rem;color:var(--text-muted);margin:0}.error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem;background:var(--card-bg);border:1px solid #fca5a5;border-radius:16px;max-width:400px;margin:0 auto;text-align:center}.error__icon{font-size:2rem;color:#ef4444}.error__message{font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-secondary);margin:0}.error__retry{font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;background:#ef4444;color:#fff;border:none;border-radius:100px;padding:.5rem 1.25rem;cursor:pointer;transition:background .2s}.error__retry:hover{background:#dc2626}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.app__background{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(167,139,250,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 90%,rgba(196,181,253,.14) 0%,transparent 55%),var(--page-bg);z-index:0;pointer-events:none}.app__content{position:relative;z-index:1;width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center}