*{margin:0;padding:0;box-sizing:border-box}:root{--safavid-red: #9D2235;--safavid-gold: #D4AF37;--turkic-turquoise: #3AB795;--navy: #003366;--card-bg: #023a6b;--text: #ffffff;--text-secondary: #b0d0e0;--border: #2a5a8a;--input-bg: #012f4f}body{font-family:Fira Sans,system-ui,sans-serif;background:linear-gradient(135deg,var(--navy),#002244);color:var(--text);min-height:100vh;display:flex;flex-direction:column;padding:20px}a{color:inherit;text-decoration:none}.layout{display:flex;flex-direction:column;min-height:100vh;align-items:center;padding:20px}.header{text-align:center;margin-bottom:30px;max-width:600px}.header h1{font-size:2.4rem;font-weight:700;background:linear-gradient(to right,var(--safavid-gold),var(--turkic-turquoise));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.header p{color:var(--turkic-turquoise);margin-top:8px;font-size:1.1rem}.card{width:100%;max-width:700px;background:var(--card-bg);border-radius:20px;box-shadow:0 10px 30px #0006;overflow:hidden;flex:1;display:flex;flex-direction:column}.tabs{display:flex;background:#001e3c66;padding:0;margin:0;overflow-x:auto;scrollbar-width:none}.tab{flex:1;min-width:0;padding:16px 8px;background:none;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;position:relative;transition:color .2s;white-space:nowrap;text-align:center}.tab.active{color:var(--text)}.tab:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--safavid-gold);transform:translate(-50%);transition:width .25s ease}.tab.active:after{width:60%}.tab-indicator{position:absolute;bottom:0;left:20px;height:3px;width:calc(50% - 20px);background:var(--safavid-gold);transition:transform .3s ease}.tab:nth-child(2).active~.tab-indicator{transform:translate(100%)}.tab-content{padding:28px;flex:1}.search-input{width:100%;padding:14px 18px;font-family:Fira Sans;font-size:1.1rem;background:var(--input-bg);border:1px solid var(--border);border-radius:12px;color:var(--text);margin-bottom:24px}.search-input::placeholder{color:#7a9fbf}.search-input:focus{outline:none;border-color:var(--safavid-gold);box-shadow:0 0 0 3px #d4af374d}.status{text-align:center;padding:16px;color:var(--text-secondary);font-style:italic}.status.empty{color:#ff6b6b}.results{display:flex;flex-direction:column;gap:20px}.word-item{padding:20px;background:#00284680;border-radius:14px;border-left:3px solid var(--safavid-gold)}.word-header{display:flex;justify-content:space-between;margin-bottom:12px}.word{font-size:1.5rem;font-weight:700;color:var(--safavid-gold)}.type{background:#9d22354d;color:var(--safavid-gold);padding:4px 10px;border-radius:20px;font-size:.85rem;text-transform:capitalize}.meaning{color:var(--text);line-height:1.6;margin-bottom:14px}.translations{display:flex;flex-direction:column;gap:8px;font-size:.95rem}.label{font-weight:600;margin-right:6px}.label.en{color:var(--turkic-turquoise)}.label.fa{color:var(--safavid-gold)}.meta{font-size:.85rem;color:var(--text-secondary);margin-top:12px}.transliterator{width:100%}.transliterator-title{font-size:1.6rem;color:var(--turkic-turquoise);margin-bottom:8px;font-weight:600}.transliterator-desc{color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.transliterator-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.transliterator-panel{display:flex;flex-direction:column}.panel-label{font-size:.95rem;color:var(--safavid-gold);margin-bottom:8px;font-weight:500}.transliterator-input,.transliterator-output{width:100%;min-height:200px;padding:14px;font-size:1.1rem;background:var(--input-bg);border:1px solid var(--border);border-radius:12px;color:var(--text);resize:vertical;font-family:Fira Sans,system-ui,sans-serif;line-height:1.6}.transliterator-input:focus,.transliterator-output:focus{outline:none;border-color:var(--safavid-gold);box-shadow:0 0 0 3px #d4af374d}.transliterator-output{background:#02284666}.transliterator-error{color:#ff6b6b;background:#9d223533;padding:12px;border-radius:8px;margin:16px 0;font-size:.95rem}.transliterator-hint{font-size:.9rem;color:var(--text-secondary);margin-top:12px;text-align:center}.transliterator-hint code{background:#0003;padding:2px 6px;border-radius:4px;font-family:monospace}.footer{margin-top:30px;text-align:center;color:var(--text-secondary);font-size:.95rem;max-width:700px}@media(max-width:600px){.header h1{font-size:2rem}.tab{padding:16px;font-size:1rem}.card{border-radius:16px}}