*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#111827;background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:80rem;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}.header{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;position:fixed;top:0;left:0;right:0}.header-content{max-width:80rem;margin:0 auto;padding:1rem}.header-title{color:#111827;font-size:1.5rem;font-weight:700}.header-kaomoji{color:#6b7280;-webkit-user-select:none;user-select:none;cursor:default;font-size:1.25rem;transition:transform .2s,color .2s}.header-kaomoji:hover{color:#ec4899;transform:translateY(-2px)}@media (min-width:640px){.header-content{padding:1rem 1.5rem}}@media (min-width:1024px){.header-content{padding:1rem 2rem}}.main{background:#f9fafb;min-height:100vh;padding-top:4rem}.footer{background:#fff;border-top:1px solid #e5e7eb;margin-top:3rem}.footer-content{text-align:center;color:#4b5563;max-width:80rem;margin:0 auto;padding:2rem 1rem;font-size:.875rem}.footer-links{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.footer-links a{color:#4b5563;transition:color .2s}.footer-links a:hover{color:#111827;text-decoration:underline}.footer-links span{color:#9ca3af}@media (min-width:640px){.footer-content{padding:2rem 1.5rem}}@media (min-width:1024px){.footer-content{padding:2rem}}.page-container{max-width:80rem;margin:0 auto;padding:2rem 1rem}@media (min-width:640px){.page-container{padding:3rem 1.5rem}}@media (min-width:1024px){.page-container{padding:2rem}}.hero{text-align:center;margin-bottom:3rem}.hero-title{color:#111827;margin-bottom:1rem;font-size:2.25rem;font-weight:700}.hero-description{color:#4b5563;max-width:65rem;margin:0 auto;font-size:1.125rem}.section{margin-bottom:4rem}.section-title{color:#111827;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.category-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(4,1fr)}}.category-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s;display:block}.category-card:hover{border-color:#d1d5db;box-shadow:0 10px 15px -3px #0000001a}.category-preview{text-align:center;margin-bottom:1rem;font-size:2.25rem}.category-title{color:#111827;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.category-description{color:#4b5563;font-size:.875rem}.category-arrow{color:#9ca3af;margin-left:.5rem;transition:color .2s,transform .2s}.category-card:hover .category-arrow{color:#ec4899;transform:translate(3px)}.symbol-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:640px){.symbol-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.symbol-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.symbol-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1280px){.symbol-grid{grid-template-columns:repeat(6,1fr)}}.symbol-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:1rem 0;transition:all .2s;display:flex;position:relative}.symbol-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.symbol-card:active{transform:translateY(0)}.symbol-text{-webkit-user-select:none;user-select:none;margin-bottom:.5rem;font-size:1.6rem}.symbol-name{color:#6b7280;text-align:center;font-size:.75rem}.copied-overlay{color:#fff;background:#000c;border-radius:.5rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex;position:absolute;inset:0}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.items-center{align-items:center}.justify-center{justify-content:center}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.space-y-4>*+*{margin-top:1rem}.bg-white{background:#fff}.bg-gray-50{background:#f9fafb}.bg-pink-50{background:#fdf2f8}.bg-purple-50{background:#faf5ff}.bg-blue-50{background:#eff6ff}.bg-green-50{background:#f0fdf4}.bg-yellow-50{background:#fefce8}.border{border:1px solid #e5e7eb}.border-t{border-top:1px solid #e5e7eb}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-semibold{font-weight:600}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pt-8{padding-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.text-blue-600{color:#2563eb}.hover\:text-blue-800:hover{color:#1e40af}.hover\:underline:hover{text-decoration:underline}.max-w-7xl{max-width:80rem}.max-w-3xl{max-width:48rem}.max-w-none{max-width:none}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-bold{font-weight:700}.text-gray-900{color:#111827}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.prose{line-height:1.75}.prose p{margin-bottom:1.25rem}.prose h2{margin-top:2rem;margin-bottom:1rem}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.btn{color:#fff;background:#111827;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background .2s;display:inline-block}.btn:hover{background:#1f2937}.section-footer{text-align:center;margin-top:1.5rem}.feature-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:1px solid #f3f4f6;border-radius:1rem;padding:1.75rem;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:linear-gradient(90deg,#ec4899,#f472b6,#fbbf24);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:#fce7f3;transform:translateY(-4px);box-shadow:0 10px 25px -5px #ec489926}.feature-card:hover:before{opacity:1}.feature-icon{background:linear-gradient(135deg,#fce7f3 0%,#fdf2f8 100%);border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1rem;font-size:1.75rem;transition:transform .3s,background .3s;display:flex}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#f9a8d4 0%,#f472b6 100%);transform:scale(1.1)rotate(-5deg)}.feature-title{color:#111827;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.feature-desc{color:#6b7280;font-size:.875rem;line-height:1.6}.use-case-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.use-case-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.use-case-grid{grid-template-columns:repeat(3,1fr)}}.use-case-card{background:#f9fafb;border-radius:.5rem;padding:1.25rem;transition:background .2s}.use-case-card:hover{background:#f3f4f6}.use-case-icon{margin-bottom:.5rem;font-size:1.5rem;display:block}.use-case-title{color:#111827;margin-bottom:.25rem;font-size:1rem;font-weight:600}.use-case-desc{color:#4b5563;font-size:.875rem;line-height:1.5}.benefits-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}.benefit-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.benefit-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.benefit-icon{flex-shrink:0;font-size:1.5rem}.benefit-title{color:#111827;margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.benefit-desc{color:#4b5563;font-size:.875rem;line-height:1.5}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%)translateY(4px)}20%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-4px)}}.scroll-to-top{cursor:pointer;z-index:50;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.scroll-to-top:hover{color:#3b82f6;background:#f9fafb;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.scroll-to-top:active{transform:translateY(0)}@media (max-width:640px){.scroll-to-top{width:2.5rem;height:2.5rem;bottom:1rem;right:1rem}}