:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;max-width:640px;margin:0 auto}.header{text-align:center;margin-bottom:2.5rem}.title{font-size:2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.subtitle{font-size:.95rem;color:#ffffff80}.main{width:100%;flex:1}.input-section{margin-bottom:2rem}.label{display:block;font-size:.85rem;font-weight:500;color:#ffffffb3;margin-bottom:.5rem}.textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;padding:1rem;color:#fafafa;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .2s;line-height:1.6}.textarea:focus{outline:none;border-color:#667eea99;box-shadow:0 0 0 3px #667eea26}.textarea::placeholder{color:#ffffff40}.hint{font-size:.75rem;color:#ffffff4d;margin-top:.4rem;margin-bottom:1rem}.generate-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s;letter-spacing:-.01em}.generate-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.4;cursor:not-allowed}.quote-card{position:relative;border:1px solid;border-radius:1rem;padding:2rem 2rem 1.5rem;margin-bottom:2rem;text-align:center}.quote-mark{font-size:4rem;line-height:1;font-family:Georgia,serif;opacity:.6;margin-bottom:-1rem}.quote-text{font-size:1.2rem;font-style:italic;line-height:1.7;color:#ffffffe6;margin-bottom:1.25rem}.quote-divider{width:3rem;height:2px;border-radius:1px;margin:0 auto 1rem}.quote-attribution{font-size:.85rem;color:#ffffff73;font-style:normal;letter-spacing:.05em}.fade-in{animation:fadeIn .5s ease-out}.fade-out{animation:fadeOut .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.history-section{margin-bottom:2rem}.history-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#ffffff59;margin-bottom:1rem}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{border:1px solid;border-radius:.75rem;padding:1rem 1.25rem;transition:transform .15s}.history-item:hover{transform:translate(4px)}.history-quote{font-size:.9rem;font-style:italic;color:#ffffffbf;line-height:1.6;margin-bottom:.4rem}.history-attr{font-size:.75rem;color:#ffffff4d}.footer{padding-top:2rem;font-size:.75rem;color:#fff3;letter-spacing:.05em}