@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#ffffff;--fg:#0a0a0a;--muted:#6b7280;--border:#e5e7eb;--ring:#3b82f6;--link:#2563eb;--link-hover:#1d4ed8}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0a;--fg:#f5f5f5;--muted:#9ca3af;--border:#1f2937;--ring:#60a5fa;--link:#60a5fa;--link-hover:#93c5fd}}html{scroll-behavior:smooth;text-size-adjust:100%}body{background:var(--bg);color:var(--fg);min-height:100dvh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--link);text-decoration:none}.page-loader{height:100vh;display:flex;align-items:center;justify-content:center}.spinner{width:50px;height:50px;border:6px solid rgba(0,0,0,.1);border-top-color:#ff7200;border-radius:50%;animation:spin .7s linear infinite}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}::selection{background:rgba(59,130,246,.25)}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::-webkit-scrollbar-track{background:transparent}code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em}pre{overflow:auto;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:rgba(0,0,0,.03)}pre code{font-size:.9em}table{width:100%;border-collapse:collapse}td,th{padding:.5rem .75rem;border-bottom:1px solid var(--border);text-align:left}blockquote{border-left:3px solid var(--border);padding-left:1rem;color:var(--muted)}.prose{color:inherit;max-width:65ch}.prose :where(h1,h2,h3,h4){font-weight:700;line-height:1.2;margin-top:1.6em;margin-bottom:.6em}.prose h1{font-size:clamp(1.875rem,3vw,2.25rem)}.prose h2{font-size:clamp(1.5rem,2.4vw,1.875rem)}.prose h3{font-size:clamp(1.25rem,2vw,1.5rem)}.prose blockquote,.prose ol,.prose p,.prose pre,.prose table,.prose ul{margin-top:.8em;margin-bottom:.8em}.prose ul{list-style:disc}.prose ol,.prose ul{padding-left:1.25rem}.prose ol{list-style:decimal}.prose a{text-decoration:underline;text-underline-offset:2px}.sr-only{position:absolute!important;white-space:nowrap}.focus-visible\:outline-none:focus-visible{outline:none}.dict-hero{padding:6rem 1rem 3rem}.dict-wrap{max-width:900px;margin:0 auto;text-align:center}.dict-brand{display:flex;align-items:center;gap:.75rem;justify-content:center}.dict-logo{width:40px;height:40px}.dict-title{font-size:2rem;margin:0}.dict-tag{margin:.5rem auto 1.5rem;max-width:720px;opacity:.9}.dict-search{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.dict-search input{flex:1 1 420px;max-width:600px;padding:.85rem 1rem;border:1px solid #ddd;border-radius:.75rem;font-size:1rem;outline:none}.dict-search input:focus{border-color:#bbb;box-shadow:0 0 0 3px rgba(0,0,0,.04)}.dict-search button{padding:.85rem 1.1rem;border-radius:.75rem;border:1px solid #222;background:#222;color:#fff;font-weight:600;cursor:pointer}.dict-search button:hover{filter:brightness(1.05)}.dict-note{margin-top:.75rem;font-size:.95rem;opacity:.9}.dict-links{margin-top:2rem;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;opacity:.85}.dict-suggest{position:relative;width:min(600px,92vw);margin:.75rem auto 0;text-align:left;border:1px solid #e6e6e6;border-radius:.75rem;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.08)}.dict-suggest button{display:block;width:100%;text-align:left;padding:.6rem .9rem;background:#fff;border:0;font-size:1rem;cursor:pointer}.dict-suggest button:hover{background:#f6f6f6}.as-link{border:0;background:none;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}@media (max-width:600px){.dict-title{font-size:1.6rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.dict-suggest button.is-active{background:#eef2f6}:root{--primary-orange:#FF6B35;--primary-yellow:#F7B801;--primary-teal:#00B4D8;--primary-pink:#FF006E;--primary-purple:#8338EC;--primary-green:#06FFA5;--bg-light:#FFF8E7;--bg-white:#FFFFFF;--text-dark:#2D3748;--text-light:#718096;--shadow-sm:0 2px 8px rgba(0,0,0,0.1);--shadow-md:0 4px 16px rgba(0,0,0,0.15);--shadow-lg:0 8px 32px rgba(0,0,0,0.2);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#FFF8E7,#FFE5B4 50%,#FFDAB9);color:var(--text-dark);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 20px}.def-container{max-width:1200px;margin:0 20px;padding:0 20px 0 0}.bg-decoration{position:fixed;z-index:0;opacity:.15;pointer-events:none}.peace-1,.peace-2{font-size:120px;color:var(--primary-teal);animation:spin 20s linear infinite}.peace-1{top:10%;left:5%}.peace-2{bottom:15%;right:8%;animation-direction:reverse}.flower-1,.flower-2{font-size:100px;color:var(--primary-pink);animation:float 6s ease-in-out infinite}.flower-1{top:40%;right:5%}.flower-2{bottom:30%;left:10%;animation-delay:3s}.circle-1,.circle-2,.circle-3{border-radius:50%;background:radial-gradient(circle,var(--primary-yellow),var(--primary-orange));opacity:.1}.circle-1{width:300px;height:300px;top:5%;right:15%;animation:float 8s ease-in-out infinite}.circle-2{width:200px;height:200px;bottom:10%;left:5%;animation:float 10s ease-in-out infinite;animation-delay:2s}.circle-3{width:150px;height:150px;top:50%;left:50%;animation:float 12s ease-in-out infinite;animation-delay:4s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{background:linear-gradient(135deg,var(--primary-orange),var(--primary-yellow),var(--primary-teal));box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:1000;transition:var(--transition);padding:30px 0}.header.scrolled{padding:10px 0;background:linear-gradient(90deg,var(--primary-orange),var(--primary-pink))}.header.scrolled .header-content{justify-content:center;gap:40px}.header .logo,.logo-section{transition:var(--transition)}.header .logo{height:80px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.header.scrolled .logo{height:50px}.header.scrolled .logo-section{position:absolute;left:20px}.main-nav{display:flex;gap:30px;align-items:center}.nav-link{color:var(--bg-white);text-decoration:none;font-weight:600;font-size:16px;padding:8px 16px 3px;border-radius:25px;transition:var(--transition);text-shadow:1px 1px 2px rgba(0,0,0,.2)}.nav-link.active,.nav-link:hover{transform:translateY(-2px)}.nav-link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:white;border-radius:2px;transition:width .3s ease}.nav-link.active:after,.nav-link:hover:after{width:100%}.hero{padding:80px 0 60px;text-align:center;position:relative;z-index:1}.hero-title{font-family:Righteous,cursive;font-size:64px;text-align:center;color:var(--primary-orange);text-shadow:3px 3px 0 var(--primary-yellow),6px 6px 0 var(--primary-teal);animation:slideDown .8s ease-out}.flower-icon,.peace-icon{display:inline-block;font-size:48px;animation:spin 8s linear infinite;margin:0 10px}.flower-icon{animation:float 3s ease-in-out infinite}.divider{color:rgba(0,0,0,.15);margin:0 8px;font-weight:300}.hero-subtitle{font-size:24px;color:var(--primary-purple);font-weight:500;margin-bottom:40px;animation:fadeIn 1s ease-out .3s both}.search-container{max-width:900px;margin:0 auto;animation:fadeIn 1s ease-out .5s both}.search-box{display:flex;gap:15px;background:var(--bg-white);padding:15px;border-radius:50px;box-shadow:var(--shadow-lg);border:4px solid var(--primary-orange);position:relative;z-index:2}.search-input{flex:1 1;border:none;outline:none;font-size:18px;padding:12px 20px;border-radius:25px;background:var(--bg-light);font-family:Inter,sans-serif}.search-input::placeholder{color:rgba(0,0,0,.35)}.search-btn{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:var(--bg-white);border:none;padding:12px 35px;border-radius:25px;font-size:18px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:10px}.search-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-lg)}.no-def-wrapper{display:flex;justify-content:center;align-items:center;padding:60px 20px}.no-def-card{text-align:center;background:white;border-radius:28px;padding:40px 30px;border:4px solid var(--primary-teal);box-shadow:var(--shadow-lg);max-width:600px;animation:fadeIn .4s ease-out}.no-def-icon{font-size:58px;margin-bottom:15px;animation:float 3s ease-in-out infinite}.no-def-card h1{font-family:Passion One,cursive;font-size:34px;color:var(--primary-purple);margin-bottom:10px}.no-def-card p{color:var(--text-light);font-size:18px;margin-bottom:25px}.no-def-btn{display:inline-block;background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:white;padding:12px 30px;border-radius:25px;font-weight:700;font-size:16px;text-decoration:none;box-shadow:var(--shadow-md);transition:var(--transition)}.no-def-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.contact-card{max-width:650px;margin:0 auto;background:var(--bg-white);padding:40px 35px;border-radius:30px;border:5px solid var(--primary-orange);box-shadow:var(--shadow-lg);animation:fadeIn .6s ease-out;position:relative}.contact-card:before{content:"✿";position:absolute;top:12px;right:18px;font-size:40px;color:var(--primary-pink);opacity:.28}.form-group{margin-bottom:25px}.form-group label:after{content:"*";color:var(--primary-pink);font-weight:900;margin-right:6px;font-size:20px}.form-group label{display:block;font-weight:700;color:var(--primary-purple);margin-bottom:8px;font-size:18px}.contact-input,.contact-textarea{width:100%;padding:14px 18px;border-radius:16px;border:3px solid var(--primary-teal);background:var(--bg-light);font-size:16px;outline:none;transition:var(--transition);color:var(--text-dark)}.contact-textarea{resize:none;min-height:120px}.contact-btn{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:white;font-size:18px;font-weight:700;padding:14px 35px;border:none;border-radius:25px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);display:block;margin:0 auto}.contact-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-lg)}.contact-msg{margin-top:20px;text-align:center;font-weight:700;color:var(--primary-teal);font-size:18px;animation:fadeIn .4s ease-out}.subscription-title{font-size:32px;font-weight:800;color:white;margin-bottom:8px}.subscription-subtitle{color:#d0d0e0;font-size:16px;margin-bottom:20px}.subscription-box{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px auto;width:420px}.subscription-input{width:100%;padding:14px 18px;border-radius:16px;border:3px solid var(--primary-teal);background:var(--bg-light);font-size:16px;outline:none;transition:var(--transition);color:var(--text-dark)}.subscription-input::placeholder{color:#888}.subscription-btn{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:white;font-weight:700;padding:14px 35px;border:none;border-radius:25px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);display:block;margin:0 auto}.subscription-btn:hover{opacity:.9;transform:translateY(-2px)}.subscription-msg{color:#06ffa5;margin-top:10px;font-weight:700}.section-title{font-family:Passion One,cursive;font-size:48px;text-align:center;color:var(--primary-orange);text-shadow:2px 2px 0 var(--primary-yellow);display:flex;align-items:center;justify-content:center;gap:15px}.section-title i{color:var(--primary-teal)}.section-subtitle{text-align:center;font-size:18px;color:var(--text-light);margin-bottom:40px}.recent-searches{padding:60px 0;position:relative;z-index:1}.recent-item:hover .recent-word{color:white}.breadcrumb-wrapper{width:100%;margin:12px 0 25px;padding-left:6px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;color:rgba(0,0,0,.55);margin-left:20px}.breadcrumb a{color:var(--primary-teal);font-weight:600;position:relative;transition:color .25s ease}.breadcrumb a:hover{color:var(--primary-purple)}.breadcrumb .sep{opacity:.45;font-weight:700;color:#999}.related-word-chip{background:white;padding:10px 22px;border-radius:22px;border:2px solid var(--primary-teal);font-weight:700;font-size:15px;color:var(--primary-purple);box-shadow:0 3px 8px rgba(0,0,0,.08);transition:all .25s ease}.related-word-chip:hover{background:var(--primary-teal);color:white;transform:translateY(-3px);box-shadow:0 5px 14px rgba(0,0,0,.15)}.clear-searches{background:var(--primary-pink);color:var(--bg-white);border:none;padding:10px 20px;border-radius:20px;font-weight:600;cursor:pointer;transition:var(--transition)}.clear-searches:hover{background:var(--primary-purple);transform:scale(1.05)}.no-searches{text-align:center;color:var(--text-light);font-size:18px;font-style:italic}.browse-languages{position:relative;z-index:1}.languages-grid{grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:40px}.language-card{background:var(--bg-white);border:4px solid var(--primary-orange);box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.language-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);transition:var(--transition)}.language-card:hover:before{left:100%}.language-card:hover{transform:translateY(-8px) rotate(-2deg);box-shadow:var(--shadow-lg);border-color:var(--primary-teal)}.language-flag{font-size:48px;margin-bottom:15px;display:block}.language-name{font-family:Passion One,cursive;font-size:28px;color:var(--primary-purple);margin-bottom:8px}.language-native{font-size:16px;color:var(--text-light);font-weight:500}.language-speakers{font-size:13px;color:var(--primary-teal);font-weight:600;margin-top:10px}.language-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--primary-teal);border-radius:25px;padding:12px 40px 12px 16px;font-size:16px;font-weight:600;background:var(--bg-white);cursor:pointer;outline:none;position:relative;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.language-select:hover{background:var(--primary-teal);color:var(--bg-white);border-color:var(--primary-purple);background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.header-search-wrapper{position:absolute;z-index:5;left:120px;top:.5rem}.header-search-box{display:flex;align-items:center;gap:12px;padding:5px 10px;border-radius:40px;background:var(--bg-white);border:3px solid var(--primary-teal);box-shadow:var(--shadow-md);transition:var(--transition);position:relative;z-index:2}.header-input{flex:1 1;border:none;outline:none;padding-left:10px;font-size:16px;background:transparent;font-weight:500;color:var(--text-dark)}.header-input::placeholder{color:rgba(0,0,0,.35)}.header-lang-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;background:var(--bg-white);border:2px solid var(--primary-teal);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.header-lang-select:hover{background:var(--primary-teal);color:white;border-color:var(--primary-purple);background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.header-search-btn{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:white;border:none;padding:12px;border-radius:25px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition);box-shadow:var(--shadow-sm)}.header-search-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.header-suggest-dropdown{position:absolute;top:52px;width:100%;background:white;border-radius:20px;box-shadow:var(--shadow-lg);padding:8px 0;max-height:260px;overflow-y:auto;border:2px solid var(--primary-teal);animation:fadeIn .2s ease;z-index:10}.header-suggest-dropdown button{width:100%;padding:10px 14px;text-align:left;background:white;cursor:pointer;font-size:15px;border:none;border-bottom:1px solid rgba(0,0,0,.06)}.header-suggest-active,.header-suggest-dropdown button:hover{background:rgba(255,216,157,.4)}.load-more-btn{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:var(--bg-white);padding:15px 40px;border-radius:30px;font-size:20px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;gap:12px}.load-more-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:var(--shadow-lg);color:var(--bg-white)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.word-of-day{padding:60px}.word-definition,.word-of-day{position:relative;z-index:1}.word-card{background:var(--bg-white);padding:40px;border-radius:30px;border:5px solid var(--primary-pink);box-shadow:var(--shadow-lg);max-width:700px;margin:0 auto;position:relative}.word-card:before{content:"✿";position:absolute;top:10px;right:15px;font-size:40px;color:var(--primary-yellow);opacity:.3}.word-header{display:flex;align-items:baseline;gap:15px;margin-bottom:15px;flex-wrap:wrap}.word-title{font-family:Passion One,cursive;font-size:42px;color:var(--primary-purple)}.word-pronunciation{font-size:18px;color:var(--primary-teal);font-weight:600}.word-type{font-size:16px;color:var(--primary-orange);font-weight:700;text-transform:uppercase;margin-bottom:15px}.word-definition{font-size:18px;color:var(--text-dark);margin-bottom:20px;line-height:1.8}.word-example{font-size:16px;color:var(--text-light);font-style:italic;padding:15px;background:var(--bg-light);border-radius:15px;border-left:4px solid var(--primary-teal);margin-bottom:25px}.get-word-btn{background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:var(--bg-white);border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;gap:10px}.get-word-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.features{padding:60px 0;position:relative;z-index:1}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px;margin-top:40px}.feature-card{background:var(--bg-white);padding:35px 25px;border-radius:25px;border:4px solid var(--primary-yellow);box-shadow:var(--shadow-md);text-align:center;transition:var(--transition)}.feature-card:hover{transform:translateY(-10px) rotate(2deg);box-shadow:var(--shadow-lg);border-color:var(--primary-pink)}.feature-icon{font-size:52px;color:var(--primary-teal);margin-bottom:20px}.feature-card h3{font-family:Passion One,cursive;font-size:26px;color:var(--primary-purple);margin-bottom:15px}.feature-card p{font-size:15px;color:var(--text-light);line-height:1.6}.footer{background:linear-gradient(135deg,var(--primary-purple),var(--primary-pink),var(--primary-orange));color:var(--bg-white);padding:60px 0 20px;position:relative;z-index:1;margin-top:80px}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px;gap:40px;margin-bottom:40px}.footer-section h3{font-family:Passion One,cursive;font-size:28px;margin-bottom:20px}.footer-section h4{font-size:20px;font-weight:700;margin-bottom:15px}.footer-section p{line-height:1.8;opacity:.9}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--bg-white);text-decoration:none;transition:var(--transition);opacity:.9}.footer-links a:hover{opacity:1;padding-left:5px}.social-links{display:flex;gap:15px;margin-top:20px}.social-link{background:rgba(255,255,255,.2);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bg-white);text-decoration:none;transition:var(--transition);font-size:20px}.social-link:hover{background:var(--bg-white);color:var(--primary-purple);transform:translateY(-5px) rotate(15deg)}.footer-bottom{text-align:center;padding-top:30px;border-top:2px solid rgba(255,255,255,.3)}.word-layout{display:grid;grid-template-columns:260px 1fr;grid-gap:30px;gap:30px;margin-top:20px}.word-sidebar{background:#ffffffdd;border-radius:18px;border:3px solid var(--primary-teal);padding:20px;height:max-content;box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:100px}.sidebar-title{font-family:Passion One,cursive;font-size:25px;color:var(--primary-purple);margin-bottom:15px}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-item{padding:10px;margin-bottom:4px;border-radius:10px;font-size:16px;font-weight:600;color:var(--primary-purple);cursor:pointer;transition:all .2s ease}.sidebar-item:hover{transform:translateX(4px)}.sidebar-item.active,.sidebar-item:hover{background:var(--primary-teal);color:white}.sidebar-item.active{border-left:4px solid var(--primary-pink)}.word-main{width:100%}.toast{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,var(--primary-teal),var(--primary-purple));color:var(--bg-white);padding:15px 25px;border-radius:25px;box-shadow:var(--shadow-lg);font-weight:600;z-index:10000;opacity:0;transform:translateY(100px);transition:var(--transition)}.toast.show{opacity:1;transform:translateY(0)}.groovy-header{background:linear-gradient(135deg,var(--primary-orange),var(--primary-yellow),var(--primary-teal));padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:999;box-shadow:0 2px 10px rgba(0,0,0,.08)}.header-content{display:flex;align-items:center;justify-content:flex-end}.header-logo{position:absolute;left:20px}.header-logo img{display:block;width:75px;height:50px}.audio-btn{font-size:24px;cursor:pointer;background:none;border:none;padding:4px;transition:.2s ease}.audio-btn:hover{transform:scale(1.2)}.header-nav{display:flex;gap:32px;font-size:1.15rem;font-weight:600}.suggest-dropdown{background:white;border:1px solid #ddd;border-radius:15px;margin-top:-3rem;overflow:hidden;z-index:1;position:relative;padding-top:4rem;box-shadow:0 0 10px #cccccca1}.suggest-dropdown button{display:block;width:100%;padding:6px 12px;text-align:left;background:white;cursor:pointer;border:1px solid rgba(0,0,0,.03)}.suggest-dropdown button:last-child{border:none}.suggest-active,.suggest-dropdown button:hover{background:#ffe8d1}.languages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:25px;gap:25px;margin-top:30px}.language-card{background:#fff;border:4px solid #ff7200;border-radius:20px;padding:25px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.language-card:hover{transform:translateY(-5px);box-shadow:6px 8px 0 #ff7200}.load-more-container{text-align:center;margin-top:40px}.hero-languages,.hero-section{color:white;padding:20px 20px 0;text-align:center}.hero-categories{text-align:center}.hero-categories .hero-title{padding-top:20px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:25px;gap:25px;margin-top:50px}.category-card{background:#fff;border-radius:20px;padding:30px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.1);border:3px solid transparent;transition:all .3s ease;text-decoration:none;color:#222}.category-card:hover{border-color:#ff3dc9;transform:translateY(-5px)}.category-card h3{color:#a55df5;font-weight:800;font-size:1.5rem}.category-card .desc{color:var(--text-light);font-size:1.1rem}.category-card .meta{font-weight:600;color:#ff7200}.words-hero{text-align:center}.words-title{font-size:2rem;font-weight:800;margin-bottom:8px}.words-subtitle{font-size:1.1rem;color:#555}.word-list{margin-top:40px;max-width:900px}.word-row{display:flex;justify-content:space-between;align-items:center;background:#ffffffaa;padding:18px 22px;margin-bottom:12px;border-radius:16px;border:2px solid transparent;text-decoration:none;color:#222;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .25s ease;box-shadow:0 4px 10px rgba(0,0,0,.06)}.word-row:hover{transform:translateY(-3px);border-color:#a55df5;box-shadow:0 8px 18px rgba(165,93,245,.2)}.word-left{display:flex;align-items:center;gap:10px}.word-index{background:#ff3dc9;color:white;padding:3px 9px;border-radius:10px;font-size:.8rem;font-weight:600}.word-text{font-size:1.2rem;font-weight:700;color:#a55df5}.word-meaning{flex:1 1;margin-left:10px;font-size:.95rem;color:#444;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}.word-arrow{font-size:1.2rem;color:#ff7200;margin-left:15px}.no-words{text-align:center;margin-top:50px;color:#777}.recent-item{background:var(--bg-white);padding:12px 24px;border-radius:25px;border:3px solid var(--primary-teal);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:10px}.recent-item:hover{background:var(--primary-teal);color:var(--bg-white);transform:translateY(-3px);box-shadow:var(--shadow-md)}.recent-word{font-weight:700;font-size:16px}.recent-time{font-size:12px;opacity:.7}.recent-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;max-width:900px;margin:0 auto}.recent-lang{background:var(--primary-yellow);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.about-section{padding:60px 0;text-align:center}.about-card{max-width:900px;margin:0 auto;background:#fff;border-radius:25px;padding:35px;box-shadow:0 10px 25px rgba(0,0,0,.08);text-align:left;line-height:1.8;border:3px solid transparent;position:relative}.about-card:before{content:"";position:absolute;inset:0;border-radius:25px;padding:3px;background:linear-gradient(135deg,#ff7200,#ff3dc9,#a55df5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}.about-card p{color:#333;margin-bottom:15px;font-size:1rem}.about-card .signature{font-weight:700;color:#a55df5;margin-top:10px;font-size:1.1rem}@media (max-width:768px){.hero-title{font-size:42px}.hero-subtitle{font-size:18px}.search-box{flex-direction:column;border-radius:25px}.section-title{font-size:36px}.languages-grid{grid-template-columns:repeat(2,1fr)}.main-nav{gap:15px}.nav-link{font-size:14px;padding:6px 12px}.header.scrolled .logo-section{position:static}.header.scrolled .header-content{flex-direction:column;gap:15px}}@media (max-width:480px){.hero-title{font-size:32px}.section-title{font-size:28px;flex-direction:column}.features-grid,.footer-content,.languages-grid{grid-template-columns:1fr}.main-nav{flex-wrap:wrap;justify-content:center}.header .logo{height:60px}.header.scrolled .logo{height:40px}}:root{--typo-maxw:70ch;--typo-leading:1.7;--typo-muted:#6b7280;--typo-border:#e5e7eb;--typo-code-bg:rgba(15,23,42,0.04)}@media (prefers-color-scheme:dark){:root{--typo-muted:#9ca3af;--typo-border:#1f2937;--typo-code-bg:rgba(255,255,255,0.04)}}.prose,.typo{max-width:var(--typo-maxw);line-height:var(--typo-leading);color:inherit}.prose :where(p,ul,ol,blockquote,pre,table,figure),.typo :where(p,ul,ol,blockquote,pre,table,figure){margin-top:.9em;margin-bottom:.9em}.prose :where(h1,h2,h3,h4),.typo :where(h1,h2,h3,h4){font-weight:700;line-height:1.2;margin-top:1.6em;margin-bottom:.5em;letter-spacing:-.01em}.prose h1,.typo h1{font-size:clamp(1.875rem,3vw,2.5rem)}.prose h2,.typo h2{font-size:clamp(1.5rem,2.5vw,2rem)}.prose h3,.typo h3{font-size:clamp(1.25rem,2vw,1.5rem)}.prose h4,.typo h4{font-size:1.125rem}.lead{font-size:clamp(1.05rem,1.1vw,1.25rem);line-height:1.65;color:var(--typo-muted)}.prose a,.typo a{text-decoration:underline;text-underline-offset:2px}.prose a:hover,.typo a:hover{text-decoration-thickness:2px}.prose ul,.typo ul{list-style:disc;padding-left:1.25rem}.prose ol,.typo ol{list-style:decimal;padding-left:1.25rem}.prose li>:where(p):not(:last-child),.typo li>:where(p):not(:last-child){margin-bottom:.5em}.prose code,.typo code{background:var(--typo-code-bg);padding:.15em .35em;border-radius:.4rem;font-size:.95em}.prose pre,.typo pre{background:var(--typo-code-bg);border:1px solid var(--typo-border);border-radius:.8rem;padding:1rem;overflow:auto}.prose pre code,.typo pre code{background:transparent;padding:0}.prose blockquote,.typo blockquote{border-left:3px solid var(--typo-border);padding-left:1rem;color:var(--typo-muted);font-style:italic}.prose hr,.typo hr{border:0;border-top:1px solid var(--typo-border);margin:2rem 0}.prose table,.typo table{width:100%;border-collapse:collapse;font-size:.95rem}.prose th,.typo th{text-align:left;font-weight:600}.prose td,.prose th,.typo td,.typo th{border-bottom:1px solid var(--typo-border);padding:.6rem .5rem}.prose figure,.typo figure{margin:1.5rem 0}.prose figcaption,.typo figcaption{margin-top:.5rem;color:var(--typo-muted);font-size:.9rem;text-align:center}.smallcaps{font-feature-settings:"smcp";font-variant-caps:small-caps;letter-spacing:.02em}.dropcap:first-letter{float:left;font-size:3.2em;line-height:.9;padding-right:.08em;padding-top:.05em;font-weight:700}.callout{border:1px solid var(--typo-border);border-radius:.8rem;padding:.9rem 1rem;background:rgba(0,0,0,.02)}@media (prefers-color-scheme:dark){.callout{background:rgba(255,255,255,.03)}}.callout>.title{font-weight:600;margin-bottom:.35rem}.callout.info{border-color:#bfdbfe}.callout.warn{border-color:#fcd34d}.callout.error{border-color:#fca5a5}.callout.success{border-color:#86efac}kbd{background:var(--typo-code-bg);border:solid var(--typo-border);border-width:1px 1px 2px;border-radius:.4rem;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85em}.footnotes{margin-top:2rem;font-size:.9rem;color:var(--typo-muted)}.footnotes ol{padding-left:1.25rem}.full-bleed{max-width:none}.centered{margin-left:auto;margin-right:auto}