: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}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse at 20% 50%,rgba(120,80,200,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(200,100,140,.06) 0%,transparent 50%)}.card{max-width:28rem;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:.75rem;background:#ffffff05}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;border:1px solid rgba(255,255,255,.12);padding:.25rem .5rem;border-radius:.25rem;margin-bottom:1rem}h1{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}p{margin:0;color:#ffffffa6;font-size:.95rem}.quote-card{position:relative;max-width:32rem;padding:2.5rem 2.25rem 2rem;border:1px solid rgba(180,140,255,.15);background:#ffffff06;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .25s ease,transform .25s ease}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(6px)}.quote-mark{position:absolute;top:1.5rem;right:1.75rem;width:2.5rem;height:2.5rem;color:#b48cff33}.quote-text{margin:0 0 1.25rem;font-size:1.3rem;font-weight:400;line-height:1.6;color:#ffffffe0;letter-spacing:-.01em}.quote-author{font-size:.8rem;color:#b48cff99;font-style:italic;letter-spacing:.01em;margin-bottom:1.75rem}.next-btn{display:inline-block;font-family:inherit;font-size:.8rem;letter-spacing:.06em;color:#b48cffb3;background:#b48cff14;border:1px solid rgba(180,140,255,.18);border-radius:.5rem;padding:.55rem 1.3rem;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.next-btn:hover{background:#b48cff26;color:#dcbefff2;border-color:#b48cff4d}.next-btn:active{transform:scale(.97)}