.text-gradient[data-astro-cid-ifupk4f7]{background:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.form-and-result-container[data-astro-cid-ifupk4f7]{gap:2rem;display:grid}@media (min-width:1024px){.form-and-result-container[data-astro-cid-ifupk4f7]{grid-template-columns:1fr 1fr}}.form-container[data-astro-cid-ifupk4f7]{gap:1.5rem;display:grid}.form-group[data-astro-cid-ifupk4f7]{flex-direction:column;gap:.5rem;display:flex}.form-label[data-astro-cid-ifupk4f7]{color:var(--neutral-700);font-size:.875rem;font-weight:500}.darkmode .form-label[data-astro-cid-ifupk4f7]{color:var(--neutral-300)}.form-input[data-astro-cid-ifupk4f7],.form-select[data-astro-cid-ifupk4f7]{color:var(--neutral-800);background-color:#fff;border:1px solid #000;border-radius:.5rem;padding:.75rem 1rem;transition:all .2s}.form-input[data-astro-cid-ifupk4f7]:focus,.form-select[data-astro-cid-ifupk4f7]:focus{border-color:var(--primary-300);box-shadow:0 0 0 3px rgba(var(--primary-100),.5);outline:0}.darkmode .form-input[data-astro-cid-ifupk4f7],.darkmode .form-select[data-astro-cid-ifupk4f7]{background-color:var(--neutral-700);border-color:var(--neutral-600);color:var(--neutral-100)}.generate-button[data-astro-cid-ifupk4f7]{background:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-500) 100%);color:#fff;cursor:pointer;border:0;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-weight:500;transition:all .2s;display:flex}.generate-button[data-astro-cid-ifupk4f7]:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.generate-button[data-astro-cid-ifupk4f7] .button-icon[data-astro-cid-ifupk4f7]{transition:transform .2s}.generate-button[data-astro-cid-ifupk4f7]:hover .button-icon[data-astro-cid-ifupk4f7]{transform:translate(2px)}.result-container[data-astro-cid-ifupk4f7]{background-color:#fffacd;background-image:linear-gradient(to bottom right,#fff6,#fff0);border:2px solid khaki;border-radius:1rem;flex-direction:column;justify-content:center;padding:2.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000001a}.result-container[data-astro-cid-ifupk4f7]:before{content:"";opacity:.3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23f0e68c' fill-opacity='0.2' fill-rule='evenodd'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.darkmode .result-container[data-astro-cid-ifupk4f7]{background-color:var(--neutral-700);background-image:linear-gradient(to bottom right,#50505033,#1e1e1e1a);border-color:#4d4d4d}.result-placeholder[data-astro-cid-ifupk4f7]{text-align:center;color:var(--neutral-500)}.result-placeholder[data-astro-cid-ifupk4f7] .placeholder-content[data-astro-cid-ifupk4f7]{flex-direction:column;align-items:center;gap:1rem;display:flex}.result-placeholder[data-astro-cid-ifupk4f7] .placeholder-icon[data-astro-cid-ifupk4f7]{font-size:2rem}.darkmode .result-placeholder[data-astro-cid-ifupk4f7]{color:var(--neutral-400)}.name-display[data-astro-cid-ifupk4f7]{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.decorative-element[data-astro-cid-ifupk4f7]{color:#d4af37;opacity:.7;margin:0 1rem;font-family:serif;font-size:2.5rem}.decorative-element[data-astro-cid-ifupk4f7].left{transform:rotate(-10deg)}.decorative-element[data-astro-cid-ifupk4f7].right{transform:rotate(10deg)}.darkmode .decorative-element[data-astro-cid-ifupk4f7]{color:khaki}.result-name[data-astro-cid-ifupk4f7]{text-align:center;color:var(--neutral-800);margin:0;padding:.5rem 0;font-size:3.5rem;font-weight:600;display:inline-block;position:relative}.darkmode .result-name[data-astro-cid-ifupk4f7]{color:var(--neutral-100)}.pinyin-container[data-astro-cid-ifupk4f7]{text-align:center;margin-bottom:1rem}.result-pinyin[data-astro-cid-ifupk4f7]{color:#d4af37;text-align:center;border-bottom:1px solid #d4af374d;margin:0;padding:0 0 .5rem;font-size:1.25rem;font-style:italic;display:inline-block}.darkmode .result-pinyin[data-astro-cid-ifupk4f7]{color:khaki;border-bottom-color:#f0e68c4d}.explanation-container[data-astro-cid-ifupk4f7]{scrollbar-width:thin;max-height:200px;margin-bottom:1.5rem;overflow-y:auto}.result-explanation[data-astro-cid-ifupk4f7]{color:var(--neutral-700);text-align:center;margin:1rem 0 1.5rem;font-size:1.125rem;line-height:1.6}.darkmode .result-explanation[data-astro-cid-ifupk4f7]{color:var(--neutral-300)}.tts-button[data-astro-cid-ifupk4f7]{background-color:var(--neutral-100);border:1px solid var(--neutral-200);color:var(--neutral-700);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-left:auto;margin-right:auto;padding:.75rem 1rem;transition:all .2s;display:flex}.tts-button[data-astro-cid-ifupk4f7]:hover{background-color:var(--neutral-200)}.tts-button[data-astro-cid-ifupk4f7] .tts-icon[data-astro-cid-ifupk4f7]{font-size:1.25rem}.darkmode .tts-button[data-astro-cid-ifupk4f7]{background-color:var(--neutral-600);border-color:var(--neutral-500);color:var(--neutral-100)}.darkmode .tts-button[data-astro-cid-ifupk4f7]:hover{background-color:var(--neutral-500)}.hidden[data-astro-cid-ifupk4f7]{display:none}