:root{--bg: #0f0f13;--surface: #1a1a24;--surface-hover: #22222e;--border: rgba(255, 255, 255, .08);--text: #f0f0f5;--text-secondary: rgba(255, 255, 255, .55);--accent: #c084fc;--accent-soft: rgba(192, 132, 252, .12);--accent-hover: #d8b4fe;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--radius: 12px;--radius-sm: 8px;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text)}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto}.header{padding:16px 20px 0;display:flex;justify-content:space-between;align-items:center}.header-brand{display:flex;align-items:center;gap:8px}.header-icon{font-size:1.75rem;font-weight:700;color:var(--accent);line-height:1;font-family:Georgia,serif}.header-title{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.nav{display:flex;gap:4px;background:var(--surface);border-radius:999px;padding:4px}.nav-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .2s;position:relative;font-family:inherit}.nav-btn:hover{color:var(--text)}.nav-btn--active{background:var(--accent-soft);color:var(--accent)}.badge{background:var(--accent);color:#000;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:999px;min-width:18px;text-align:center}.main{flex:1;padding:24px 20px 32px;display:flex;flex-direction:column}.home-view{display:flex;flex-direction:column;flex:1;justify-content:center;gap:32px}.quote-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;position:relative;overflow:hidden}.quote-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),rgba(192,132,252,.2))}.quote-mark{font-size:4rem;font-family:Georgia,serif;color:var(--accent);opacity:.25;line-height:1;margin-bottom:-16px;-webkit-user-select:none;user-select:none}.quote-text{margin:0 0 20px;font-size:1.25rem;font-weight:500;line-height:1.6;letter-spacing:-.01em}.quote-author{display:block;font-style:normal;color:var(--accent);font-size:.9rem;font-weight:600}.actions{display:flex;gap:10px}.btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;background:var(--surface);color:var(--text)}.btn:hover{background:var(--surface-hover)}.btn--primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--secondary{background:var(--surface);color:var(--text)}.btn--favorited{background:var(--accent-soft);color:var(--accent);border-color:#c084fc40}.saved-view{display:flex;flex-direction:column;gap:16px}.saved-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 0;text-align:center}.empty-state p{margin:0;color:var(--text-secondary);font-size:.95rem}.empty-hint{font-size:.85rem!important;opacity:.6}.saved-list{display:flex;flex-direction:column;gap:10px}.saved-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;gap:12px;align-items:flex-start}.saved-item-content{flex:1;min-width:0}.saved-item-text{margin:0 0 6px;font-size:.9rem;line-height:1.55;color:var(--text)}.saved-item-author{font-size:.8rem;color:var(--accent);font-weight:500}.saved-item-actions{display:flex;gap:4px;flex-shrink:0}.icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:none;color:var(--text-secondary);cursor:pointer;transition:all .2s}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn--danger:hover{background:var(--danger-soft);color:var(--danger);border-color:#f8717133}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--accent);color:#000;padding:10px 24px;border-radius:999px;font-size:.85rem;font-weight:600;animation:toast-in .25s ease-out;z-index:100;box-shadow:0 8px 32px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}