@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap";:root{--color-bg: #fdf2f8;--color-primary: #ec4899;--color-primary-hover: #db2777;--color-secondary: #a78bfa;--color-accent: #fcd34d;--color-text: #374151;--color-text-light: #6b7280;--color-white: #ffffff;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--shadow-soft: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .01);--shadow-glow: 0 0 15px rgba(236, 72, 153, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Quicksand,sans-serif;background-color:var(--color-bg);background-image:radial-gradient(circle at 10% 20%,rgba(253,224,71,.2) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(167,139,250,.2) 0%,transparent 20%);color:var(--color-text);min-height:100vh;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.5);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft),var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;font-size:1rem}.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:0 4px 14px #ec489963}.btn-primary:hover{background:var(--color-primary-hover);transform:scale(1.05)}.btn-secondary{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-bg)}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.justify-between{justify-content:space-between}@media(max-width:768px){.container{padding:.75rem}.btn{padding:.875rem 1.25rem;min-height:44px;font-size:.9375rem}}:root{--ock-primary: #ec4899;--ock-primary-hover: #db2777;--ock-secondary: #a78bfa;--ock-accent: #fcd34d;--ock-bg: #fdf2f8;--ock-text: #374151;--ock-border-radius: 20px}.onchain-praise-card{perspective:1000px;width:100%;max-width:320px;margin:0 auto}.onchain-praise-card .nft-card{border-radius:20px;aspect-ratio:3/4;box-shadow:0 10px 30px -5px #0000001a,0 0 0 1px #ffffff80 inset;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.onchain-praise-card:hover .nft-card{transform:rotateY(5deg) rotateX(5deg) scale(1.02);box-shadow:0 20px 40px -5px #0003,0 0 20px #ffffff80}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.nft-visual{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:float 3s ease-in-out infinite}.praise-style-celebration{background:linear-gradient(135deg,#fdfbfb,#ebedee)}.praise-style-thank-you{background:linear-gradient(120deg,#fccb90,#d57eeb)}.praise-style-awesome{background:linear-gradient(to top,#a18cd1,#fbc2eb)}.praise-style-star{background:linear-gradient(to right,#ffecd2,#fcb69f)}.praise-card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;pointer-events:none}.praise-card-header{display:flex;justify-content:space-between;font-size:.75rem;color:#00000080;font-weight:700;letter-spacing:1px}.praise-card-content{text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.praise-receiver{font-size:1.5rem;font-weight:800;color:#333;margin:0}.praise-message{font-style:italic;color:#555;line-height:1.4}.praise-sender{font-weight:600;color:var(--color-primary);margin-top:auto}.praise-card-footer{margin-top:1rem;text-align:right;font-family:monospace;font-size:.7rem;color:#0006}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0 80px);background-size:1000px 100%;animation:shimmer 2s infinite linear}@media(max-width:768px){.onchain-praise-card{max-width:100%}.nft-visual{font-size:3rem}.praise-receiver{font-size:1.25rem}}