:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0b0e17;color:#f0f0f5}.app{min-height:100vh;max-width:72rem;margin:0 auto;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.header{text-align:center;max-width:38rem}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#f5a623;border:1px solid rgba(245,166,35,.35);padding:.25rem .65rem;border-radius:9999px;margin-bottom:1rem;background:#f5a62314}h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;background:linear-gradient(135deg,#f5a623,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{margin-top:.75rem;color:#f0f0f58c;font-size:1.05rem;max-width:32rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem;width:100%}.tip-card{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.5rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.07);background:#ffffff08;transition:background .2s,border-color .2s,transform .15s}.tip-card:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-2px)}.tip-card.active{border-color:#f5a62373;background:#f5a6230f}.tip-emoji{font-size:2rem;line-height:1}.tip-card h2{font-size:1rem;font-weight:600;letter-spacing:-.01em;color:#f0f0f5}.tip-desc{font-size:.875rem;line-height:1.6;color:#f0f0f599;animation:fadeIn .25s ease-out}.footer{text-align:center;color:#f0f0f559;font-size:.8rem;padding-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.app{padding:2rem 1rem}.tip-card{padding:1.25rem}}