@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f7fb;--surface:#ffffffe0;--surface-strong:#fff;--text:#171717;--muted:#6b7280;--border:#ddd6fe;--accent:#5b21b6;--accent-strong:indigo;--gold:#d4af37;--shadow:0 18px 50px #4b00821f;--tooltip-bg:#111827;--tooltip-text:#f9fafb}body.dark{--bg:#09090f;--surface:#13131ee0;--surface-strong:#151523;--text:#ececf3;--muted:#a1a1b5;--border:#a78bfa59;--accent:#c4b5fd;--accent-strong:#a78bfa;--gold:#e7c65d;--shadow:0 18px 50px #7c3aed2e;--tooltip-bg:#f3f4f6;--tooltip-text:#111827}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top, #7c3aed14, transparent 35%), var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif;transition:background-color .35s,color .35s}#root{min-height:100vh}.container{width:min(920px,100% - 2rem);margin:0 auto;padding:4rem 0 3rem;position:relative}.hero{text-align:center;margin-bottom:2rem}.title{letter-spacing:-.04em;color:var(--text);text-shadow:0 4px 22px #00000014;margin-bottom:1rem;font-family:Playfair Display,serif;font-size:clamp(3rem,7vw,5rem)}.tagline{max-width:720px;color:var(--muted);margin:0 auto;font-size:1rem;line-height:1.7}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:3rem;height:3rem;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;font-size:1.2rem;transition:transform .25s,background .25s,opacity .25s;position:absolute;top:1rem;right:0}.theme-toggle:hover{transform:translateY(-2px)scale(1.05)}.input-wrapper{max-width:760px;margin:0 auto 1rem}input{border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);box-shadow:var(--shadow);border-radius:1rem;outline:none;padding:1.1rem 1.25rem;font-size:1.05rem;transition:border-color .25s,box-shadow .25s,transform .25s}input::placeholder{color:var(--muted)}input:focus{border-color:var(--accent-strong);box-shadow:0 0 0 4px #5b21b624, var(--shadow);transform:translateY(-1px)}.actions{justify-content:center;margin-bottom:1.5rem;display:flex}button{font:inherit}.reveal-btn,.copy-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--accent-strong), var(--accent));border:none;transition:transform .25s,box-shadow .25s,filter .25s}.reveal-btn{border-radius:999px;padding:.95rem 2rem;font-weight:700;box-shadow:0 12px 28px #5b21b63d}.reveal-btn:hover,.copy-btn:hover{filter:brightness(1.03);transform:translateY(-2px)}.reveal-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-card,.error-message,.verse-preview{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;margin-top:1.5rem;position:relative}.loading-card{align-items:center;gap:1rem;padding:1.35rem 1.5rem;display:flex}.loading-text{color:var(--accent);font-weight:600}.loading-spinner{border:3px solid #5b21b62e;border-top-color:var(--accent-strong);border-radius:50%;flex-shrink:0;width:1.2rem;height:1.2rem;animation:.9s linear infinite spin}.error-message{color:#dc2626;background:#ef444417;border-color:#ef444447;padding:1rem 1.2rem}body.dark .error-message{color:#fca5a5;background:#ef44441f}.verse-preview{padding:1.75rem;animation:5s ease-in-out infinite cardGlow;overflow:hidden}.copy-btn{border-radius:999px;padding:.65rem 1rem;font-size:.95rem;font-weight:700;position:absolute;top:1rem;right:1rem;box-shadow:0 10px 22px #5b21b638}.response-content{padding-top:1rem}.main-title{color:var(--text);text-align:center;letter-spacing:-.03em;margin:0 0 1.35rem;font-family:Inter,system-ui,sans-serif;font-size:clamp(1.5rem,3.8vw,2.1rem);font-weight:600;line-height:1.2;animation:.45s both fadeSlide}.main-title:after{content:"";background:#5b21b62e;border-radius:999px;width:42px;height:2px;margin:.8rem auto 0;display:block}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#5b21b609;border:1px solid #5b21b61a;border-radius:999px;justify-content:center;align-items:center;margin:1.75rem 0 .9rem;padding:.32rem .68rem;font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600;animation:.5s both fadeSlide;display:inline-flex}body.dark .main-title:after{background:#c4b5fd3d}body.dark .section-title{color:#cfcfe4;background:#c4b5fd0d;border-color:#c4b5fd24}.verse-paragraph{color:var(--text);margin-bottom:1rem;font-size:1.03rem;line-height:1.85}.verse-list{margin:.75rem 0 0;padding-left:0;list-style:none}.bullet-item{background:#5b21b609;border-left:3px solid #5b21b62e;border-radius:.85rem;margin-bottom:1rem;padding:.95rem .95rem .95rem 1.2rem;line-height:1.75;animation:.5s both fadeSlide;position:relative}body.dark .bullet-item{background:#a78bfa0f;border-left-color:#a78bfa4d}.inline-strong,.english-term strong{color:var(--accent-strong);font-weight:700}.inline-italic,.term-meta em{color:#8b6b2e;font-style:italic}body.dark .inline-italic,body.dark .term-meta em{color:var(--gold)}.term-pair{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.dash{color:var(--muted)}.original-term{color:var(--accent);background:#5b21b614;border-radius:.45rem;align-items:center;padding:.08rem .35rem;transition:transform .2s,background .2s;display:inline-flex;position:relative}body.dark .original-term{background:#a78bfa1f}.original-term:hover{transform:translateY(-1px)}.term-meta{color:var(--muted);font-size:.96rem}.tooltip-word{cursor:pointer;-webkit-tap-highlight-color:transparent}.tooltip-word:after{content:attr(data-tooltip);background:var(--tooltip-bg);color:var(--tooltip-text);white-space:nowrap;opacity:0;pointer-events:none;z-index:20;border-radius:.65rem;padding:.5rem .7rem;font-size:.82rem;font-weight:600;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 12px 24px #0000002e}.tooltip-word:before{content:"";border:6px solid #0000;border-top-color:var(--tooltip-bg);opacity:0;z-index:19;transition:opacity .18s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.tooltip-word:hover:after,.tooltip-word:hover:before,.tooltip-word.is-active:after,.tooltip-word.is-active:before{opacity:1}.tooltip-word:hover:after,.tooltip-word.is-active:after{transform:translate(-50%)translateY(0)}.fade-up{animation:.65s both fadeUp}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cardGlow{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 20px 60px #5b21b629}}@media (width<=768px){.container{width:min(100% - 1rem,920px);padding:4rem 0 2rem}.theme-toggle{top:.5rem;right:0}.verse-preview{padding:1.2rem}.copy-btn{margin-bottom:1rem;position:static}.response-content{padding-top:0}.bullet-item{padding:.9rem}.tooltip-word:after{white-space:normal;text-align:center;width:max-content;max-width:220px}}.section-title+.verse-list,.section-title+.verse-paragraph{margin-top:.35rem}