@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";:root{--accent:#00bfff;--accent-hover:#009acd;--accent-light:#5ecbff;--background:#f0faff;--input-bg:#e6f7ff;--text-main:#0a2540;--text-muted:#5a7184;--card-bg:#fff;--border-color:#b3e5fc;--tag-bg:#dff6ff;--tag-hover:#baeaff;--heading:#07c;--radius:8px;--spacing:1.5rem;--font-main:"Inter",sans-serif}html[data-theme=dark]{--accent:#5ecbff;--accent-hover:#00bfff;--accent-light:#63d6ff;--background:#0a2540;--input-bg:#1c3b57;--text-main:#e6f7ff;--text-muted:#a3c3d9;--card-bg:#142c44;--border-color:#2c81ba;--tag-bg:#174b6c;--tag-hover:#1e5f86;--heading:#5ecbff}body{font-family:var(--font-main);background-color:var(--background);color:var(--text-main);margin:0;padding:0 1rem;line-height:1.6;transition:background-color .3s,color .3s}nav{background-color:var(--accent);justify-content:space-between;align-items:center;gap:2rem;padding:1rem 2rem;display:flex;box-shadow:0 2px 6px #00000014}nav .nav-links{gap:1.5rem;display:flex}nav a{color:#fdf4ff;border-radius:var(--radius);padding:.4rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .2s}nav a:hover,nav a:focus{background-color:var(--accent-hover);outline:none}#theme-toggle{background:var(--card-bg);color:var(--accent);border:1px solid var(--accent-light);border-radius:var(--radius);cursor:pointer;padding:.3rem .7rem;font-size:.9rem;transition:all .3s}#theme-toggle:hover{background:var(--accent-light);color:#fff}#app{background-color:var(--card-bg);box-sizing:border-box;border-radius:12px;max-width:720px;margin:2rem auto;padding:2rem;transition:background-color .3s;box-shadow:0 10px 25px #0000000d}h1,h2,h3,h4{color:var(--heading);margin-top:var(--spacing);margin-bottom:.5rem;font-weight:600}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.3rem}h4{color:var(--text-muted);font-size:1.1rem;font-style:italic}form{margin-bottom:var(--spacing);box-sizing:border-box;gap:.75rem;width:100%;display:flex}input[type=text]{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--input-bg);color:#000;box-sizing:border-box;flex:1;max-width:100%;padding:.6rem .9rem;font-size:1rem;transition:border-color .3s}input[type=text]:focus{border-color:var(--accent-light);background-color:#fff;outline:none}input[type=submit]{background-color:var(--accent-light);color:#fff;border-radius:var(--radius);cursor:pointer;box-sizing:border-box;border:none;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;transition:background-color .3s}input[type=submit]:hover,input[type=submit]:focus{background-color:var(--accent);outline:none}#results{margin-top:var(--spacing)}.part-of-speech{color:var(--text-muted);margin-top:1rem;margin-bottom:.5rem;font-style:italic;font-weight:500}.definition{border-left:3px solid var(--accent-light);color:var(--text-main);margin-bottom:.75rem;margin-left:1rem;padding-left:.5rem;font-size:1.05rem}.example{color:var(--text-muted);margin-bottom:.5rem;margin-left:1.5rem;font-size:.95rem;font-style:italic}audio{border-radius:var(--radius);outline:none;width:100%;max-width:400px;margin-top:1rem}#word{color:var(--heading);margin-right:1rem;font-size:1.5rem;font-weight:700;display:inline-block}#phonetic{color:var(--text-muted);margin-top:.3rem;font-size:1.1rem;font-style:italic;display:inline-block}.related-word{background-color:var(--tag-bg);color:var(--accent);border-radius:var(--radius);margin:.3rem .3rem 0 0;padding:.4rem .8rem;font-size:.95rem;font-weight:500;transition:background-color .3s;display:inline-block}.related-word:hover{background-color:var(--tag-hover)}p em{color:var(--accent);font-style:italic}@media (max-width:600px){body{padding:0 .75rem;font-size:.9rem}nav{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}nav .nav-links{flex-wrap:wrap;gap:1rem}nav a{padding:.4rem .6rem;font-size:.9rem}#theme-toggle{padding:.25rem .6rem;font-size:.85rem}#app{box-sizing:border-box;border-radius:10px;width:100%;margin:1rem auto;padding:1.5rem 1rem;box-shadow:0 6px 15px #00000014}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}h4{font-size:1rem}form{box-sizing:border-box;flex-direction:column;gap:.5rem;width:100%}input[type=text],input[type=submit]{box-sizing:border-box;width:100%;max-width:100%;font-size:1rem}#results{margin-top:1rem}audio{max-width:100%}#word{margin-bottom:.25rem;font-size:1.3rem;display:block}#phonetic{margin-top:0;font-size:1rem;display:block}.related-word{padding:.3rem .6rem;font-size:.85rem}}