:root{ --bg:#0f172a; /* slate-900 */ --card:#111827; /* gray-900 */ --muted:#94a3b8; /* slate-400 */ --ring:#22c55e; /* green-500 */ --accent:#38bdf8; /* sky-400 */ --text:#e5e7eb; /* gray-200 */ --text-strong:#f8fafc; /* slate-50 */ --danger:#ef4444; /* red-500 */ --border: rgba(148,163,184,.18); } *{box-sizing:border-box} html,body{height:100%} body{margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial; background: radial-gradient(1200px 600px at 20% 0%, rgba(56,189,248,.12), transparent 60%), radial-gradient(1000px 500px at 80% 20%, rgba(34,197,94,.10), transparent 60%), var(--bg); color:var(--text)} .container{max-width:1100px; margin-inline:auto; padding:28px 16px} header{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap} .title{display:flex; gap:12px; align-items:center} .logo{width:44px; height:44px; display:grid; place-items:center; background:linear-gradient(135deg,var(--accent),var(--ring)); color:white; font-weight:800; border-radius:12px; box-shadow:0 8px 28px rgba(56,189,248,.25)} .title h1{margin:0; font-size:clamp(1.2rem,2.6vw,1.8rem); color:var(--text-strong)} .lead{margin:.25rem 0 0; color:var(--muted); font-size:.95rem} .grid{display:grid; grid-template-columns: 1fr; gap:16px; margin-top:18px} @media(min-width:960px){ .grid{grid-template-columns: 360px 1fr} } .card{background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); border:1px solid var(--border); border-radius:18px; padding:18px; box-shadow: 0 8px 30px rgba(0,0,0,.25); backdrop-filter: blur(6px)} .search-bar{position:relative} .search-bar input{width:100%; padding:14px 44px 14px 44px; border-radius:14px; border:1px solid var(--border); background:#0b1220; color:var(--text); font-size:1.05rem; outline:none} .search-bar input:focus{border-color:var(--ring); box-shadow:0 0 0 3px rgba(34,197,94,.25)} .search-bar .icon{position:absolute; left:12px; top:50%; transform:translateY(-50%); pointer-events:none} .search-bar .clear{position:absolute; right:12px; top:50%; transform:translateY(-50%); background:transparent; border:0; color:var(--muted); cursor:pointer} .row{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:10px} select, button, .toggle{ padding:10px 12px; border-radius:12px; border:1px solid var(--border); background:#0b1220; color:var(--text); font-weight:600; cursor:pointer } .btn-primary{background:linear-gradient(135deg,var(--ring),#16a34a); border-color:transparent} .alpha{display:grid; grid-template-columns: repeat(auto-fit,minmax(34px,1fr)); gap:8px; margin-top:12px} .alpha button{padding:8px; border-radius:10px; border:1px solid var(--border); background:#0b1220; color:var(--text); cursor:pointer} .results{display:grid; grid-template-columns: 1fr; gap:14px} .entry{background:#0b1220; border:1px solid var(--border); border-radius:14px; padding:14px} .head{display:flex; justify-content:space-between; gap:8px; align-items:center} .word{font-size:1.2rem; font-weight:800; color:var(--text-strong)} .pos{font-size:.85rem; color:var(--muted)} .pron{font-size:.95rem; color:var(--muted)} .meaning{margin:.4rem 0} .tag{display:inline-flex; gap:6px; align-items:center; padding:4px 8px; font-size:.8rem; border:1px solid var(--border); border-radius:999px; color:var(--muted)} .meta{display:flex; gap:8px; flex-wrap:wrap} .hl{background: linear-gradient(90deg, rgba(56,189,248,.2), transparent); padding:0 3px; border-radius:4px} .aside h3{margin-top:0} .list{display:flex; flex-direction:column; gap:8px; font-size:.95rem} .list a{color:var(--text); text-decoration:none} .list a:hover{text-decoration:underline} .muted{color:var(--muted)} .error{color:var(--danger); font-weight:700; display:none} footer{margin-top:26px; color:var(--muted); text-align:center; font-size:.9rem} .kbd{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono"; padding:2px 6px; border-radius:6px; border:1px solid var(--border)}

Dictionary

visit Facebook, Daily Tools, Free Online Internet Speed Test you can instantly measure how well your internet service provider. QR Code Generator is a fast, reliable, and free online tool Currency Converter PDF Text Extractor