:root{--c-bg: #F7F3EA;--c-surface: #FFFFFF;--c-border: #E4DBC9;--c-accent: #0F766E;--c-accentDeep: #0B5A52;--c-accentGlow: #0F766E14;--c-text: #1F2933;--c-muted: #6B6457;--c-subtle: #F1E9D8;--c-gold: #C9A227;--c-brand: #0A2342;--c-goldText: #8A6D14;--c-danger: #DC2626;--c-bodyText: #374151;--c-overlay: rgba(10, 35, 66, .45);color-scheme:light}:root[data-theme=dark]{--c-bg: #0B1320;--c-surface: #15212F;--c-border: #2A3A4F;--c-accent: #2DD4BF;--c-accentDeep: #14B8A6;--c-accentGlow: #2DD4BF1F;--c-text: #ECF1F6;--c-muted: #93A4B6;--c-subtle: #1B2738;--c-gold: #E0C44F;--c-brand: #9FB7D6;--c-goldText: #E6CF6A;--c-danger: #F87171;--c-bodyText: #C2CCD8;--c-overlay: rgba(0, 0, 0, .6);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--c-bg)}button,a,[role=button],input,textarea,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(pointer:coarse){.lang-btn{min-height:44px}.del-btn{min-width:44px;min-height:44px}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cursor{display:inline-block;animation:blink .9s step-end infinite;color:var(--c-accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.focus-input:focus{border-color:var(--c-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 13%,transparent)}.example-btn:hover{border-color:color-mix(in srgb,var(--c-accent) 38%,transparent)!important;transform:translateY(-1px)}.chip-btn:hover{border-color:color-mix(in srgb,var(--c-accent) 33%,transparent)!important}.tone-btn:hover{border-color:color-mix(in srgb,var(--c-accent) 38%,transparent)!important}.lang-btn:hover{background:var(--c-subtle)!important;color:var(--c-text)!important}.tab-btn:hover{color:var(--c-text)!important}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px color-mix(in srgb,var(--c-accent) 20%,transparent)}.action-btn:hover{border-color:color-mix(in srgb,var(--c-accent) 31%,transparent)!important;background:color-mix(in srgb,var(--c-accent) 7%,transparent)!important}.hist-btn:hover{border-color:color-mix(in srgb,var(--c-accent) 38%,transparent)!important;color:var(--c-accent)!important}.hist-card:hover{border-color:color-mix(in srgb,var(--c-accent) 25%,transparent)!important}.del-btn:hover{color:var(--c-danger)!important}.brand-prompt:hover{border-color:color-mix(in srgb,var(--c-accent) 31%,transparent)!important}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--c-accent) 25%,transparent);border-top-color:var(--c-accent);display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse-dots{display:flex;gap:6px}.pulse-dots span{width:8px;height:8px;background:var(--c-accent);border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.pulse-dots span:nth-child(2){animation-delay:.2s}.pulse-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}textarea{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}