:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:flex;justify-content:center;padding:2rem 1rem}.page{max-width:72rem;width:100%}.header{text-align:center;margin-bottom:2.5rem}.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:2.5rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#f97316,#ef4444,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{max-width:40rem;margin:0 auto;color:#fff9;font-size:1.05rem}.timeline{margin-bottom:2.5rem}.timeline-bar{display:grid;grid-template-columns:1fr 1fr 1fr;border-radius:.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.era{padding:.75rem 1rem;text-align:center;font-weight:600;font-size:.85rem;letter-spacing:.05em}.era small{display:block;font-weight:400;font-size:.7rem;opacity:.6;margin-top:.15rem}.triassic{background:#eab30826;color:#facc15}.jurassic{background:#22c55e26;color:#4ade80}.cretaceous{background:#ef444426;color:#f87171}.timeline-label{text-align:center;font-size:.75rem;color:#fff6;margin:.5rem 0 0;letter-spacing:.05em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1rem;margin-bottom:2.5rem}.dino-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .2s ease;text-align:left;color:inherit;font:inherit;width:100%}.dino-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.dino-card.active{border-color:#f9731666;background:#f973160d}.dino-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.dino-emoji{font-size:2rem;line-height:1}.dino-header h2{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.era-label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.1em}.dino-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stat{display:flex;flex-direction:column}.stat-label{font-size:.65rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.1em}.stat-value{font-size:.85rem;color:#ffffffd9;font-weight:500}.dino-desc{margin:.75rem 0 0;font-size:.85rem;color:#fff9;line-height:1.6;border-top:1px solid rgba(255,255,255,.06);padding-top:.75rem}.extinction{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.5rem}.extinction h2{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:#f87171}.extinction p{margin:0;color:#fff9;font-size:.9rem}.extinction .footnote{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06);color:#ffffff80;font-style:italic}