:root{--blue: #0077B6;--blue-dark: #005F94;--blue-light: #e8f4fc;--coral: #E07A5F;--coral-light: #fdf0ec;--sand: #F9F4EF;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--bg: #ffffff;--card-shadow: 0 2px 12px rgba(0,119,182,.08);--radius: 14px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--sand);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue) 60%,#00B4D8 100%);color:#fff;position:relative;padding-bottom:0}.header-content{text-align:center;padding:48px 24px 24px}.header-logo{font-size:3rem;margin-bottom:12px;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.header-title{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;letter-spacing:-.5px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.header-subtitle{font-size:1rem;color:#ffffffd9;margin-top:8px;font-weight:500}.header-count{font-size:.78rem;color:#fff9;margin-top:6px;letter-spacing:.3px}.header-wave{display:block;width:100%;height:60px;margin-bottom:-2px}.main{flex:1;max-width:740px;width:100%;margin:0 auto;padding:32px 20px 48px}.search-section{display:flex;flex-direction:column;gap:16px}.direction-toggle{display:flex;background:var(--bg);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:5px;gap:5px}.toggle-btn{flex:1;padding:10px 16px;border:none;border-radius:10px;font-family:var(--font);font-size:.88rem;font-weight:500;cursor:pointer;background:transparent;color:var(--text-muted);transition:all .2s}.toggle-btn.active{background:var(--blue);color:#fff;box-shadow:0 2px 8px #0077b64d}.toggle-btn:hover:not(.active){background:var(--blue-light);color:var(--blue)}.search-input-wrap{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:18px;font-size:1.1rem;pointer-events:none}.search-input{width:100%;padding:16px 48px 16px 50px;border:2px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:1rem;color:var(--text);background:var(--bg);outline:none;box-shadow:var(--card-shadow);transition:border-color .2s}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0077b61f}.search-input::placeholder{color:#bbb}.clear-btn{position:absolute;right:16px;background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-muted);padding:4px 6px;border-radius:50%;transition:background .15s}.clear-btn:hover{background:var(--border)}.results-section{margin-top:28px}.results-count{font-size:.8rem;color:var(--text-muted);margin-bottom:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.results-list{display:flex;flex-direction:column;gap:12px}.result-card{background:var(--bg);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--card-shadow);border:1px solid var(--border);transition:transform .15s,box-shadow .15s}.result-card:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0077b61f}.result-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.result-drehu{font-size:1.4rem;font-weight:700;color:var(--blue-dark);letter-spacing:-.3px}.result-lang-tag{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--blue);background:var(--blue-light);padding:2px 8px;border-radius:20px}.result-definition{font-size:.97rem;color:var(--text);line-height:1.6;margin-bottom:0}.result-exemples{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:5px}.result-exemple{font-size:.85rem;color:var(--text-muted);font-style:italic;line-height:1.5}.exemple-dot{color:var(--coral);font-style:normal;font-weight:700;margin-right:4px}.no-result{text-align:center;padding:48px 24px;color:var(--text-muted)}.no-result-icon{font-size:3rem;display:block;margin-bottom:16px}.no-result p{font-size:1rem;margin-bottom:8px}.no-result-hint{font-size:.85rem;color:#9ca3af;max-width:400px;margin:0 auto;line-height:1.5}.welcome{margin-top:40px;text-align:center}.welcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.welcome-example{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px 12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--card-shadow)}.welcome-example:hover{border-color:var(--blue);background:var(--blue-light);transform:translateY(-2px);box-shadow:0 6px 16px #0077b626}.we-drehu{font-size:1.15rem;font-weight:700;color:var(--blue-dark)}.we-fr{font-size:.8rem;color:var(--text-muted)}.welcome-hint{font-size:.8rem;color:#bbb}.footer{background:var(--blue-dark);color:#fff9;text-align:center;padding:20px 24px;font-size:.78rem;line-height:1.6}.footer em{font-style:italic}.footer-link{color:#ffffffe6;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.footer-link:hover{color:#fff}@media (max-width: 480px){.main{padding:24px 16px 40px}.header-content{padding:36px 16px 20px}.welcome-grid{grid-template-columns:repeat(2,1fr)}.result-card{padding:16px}.result-drehu{font-size:1.2rem}.toggle-btn{font-size:.8rem;padding:9px 10px}.search-input{font-size:.95rem}}