:root{--hm-accent:#e8590c;--hm-accent-dark:#c2410c;--hm-bg:#fffaf5;--hm-surface:#fff;--hm-text:#1f2430;--hm-muted:#5f6675;--hm-border:#eadfd3;--hm-radius:12px;--hm-font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Tamil", sans-serif}@media (prefers-color-scheme:dark){:root{--hm-bg:#15171c;--hm-surface:#1e2128;--hm-text:#eceef2;--hm-muted:#a3a9b6;--hm-border:#2d313b;--hm-accent-dark:#fb923c}}.site-main{--sl-color-accent:var(--hm-accent);--sl-color-accent-high:var(--hm-accent-dark);--sl-color-text:var(--hm-text);--sl-color-bg:var(--hm-surface);--sl-color-bg-nav:var(--hm-bg);--sl-color-gray-2:var(--hm-text);--sl-color-gray-3:var(--hm-muted);--sl-color-gray-4:var(--hm-border);--sl-color-gray-5:var(--hm-border);--sl-color-gray-6:var(--hm-border)}*{box-sizing:border-box}body{font-family:var(--hm-font);background:var(--hm-bg);color:var(--hm-text);margin:0;line-height:1.6}a{color:var(--hm-accent-dark)}h1,h2,h3{line-height:1.2}.container{max-width:1050px;margin:0 auto;padding:1.5rem 1rem}.site-header{z-index:10;background:var(--hm-surface);border-bottom:1px solid var(--hm-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.brand{color:var(--hm-text);font-size:1.3rem;font-weight:800;text-decoration:none}.brand span{color:var(--hm-accent)}.site-header ul{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.site-header nav a,.site-header .soon{color:var(--hm-text);border-radius:8px;padding:.4rem .7rem;font-size:.9rem;text-decoration:none;display:block}.site-header nav a:hover{background:var(--hm-border)}.site-header nav a[aria-current=page]{background:var(--hm-accent);color:#fff}.site-header .soon{color:var(--hm-muted);opacity:.6;cursor:default}.menu-btn{font:inherit;border:1px solid var(--hm-border);background:var(--hm-surface);color:var(--hm-text);border-radius:8px;padding:.4rem .8rem;display:none}@media (width<=860px){.menu-btn{display:block}#site-nav{width:100%;display:none}#site-nav.open{display:block}.site-header ul{flex-direction:column}}.hero{text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--hm-accent) 14%, var(--hm-bg)), var(--hm-bg));padding:3.5rem 1rem 2.5rem}.hero h1{margin:0;font-size:clamp(2.2rem,6vw,3.5rem)}.tagline{color:var(--hm-accent-dark);margin:.3rem 0 1rem;font-size:1.25rem;font-weight:600}.hero p{max-width:38rem;color:var(--hm-muted);margin-inline:auto}.btn{background:var(--hm-accent);color:#fff;cursor:pointer;border:0;border-radius:999px;margin-top:.5rem;padding:.7rem 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:#c2410c}.btn.small{padding:.35rem 1rem;font-size:.9rem}.note{font-size:.9rem}.grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;display:grid}.card{background:var(--hm-surface);border:1px solid var(--hm-border);border-radius:var(--hm-radius);padding:1.1rem}.card h2,.card h3{margin-top:0}.badge{background:var(--hm-accent);color:#fff;border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:700;display:inline-block}.meta{color:var(--hm-muted);margin-bottom:.3rem;font-size:.85rem}.bar{background:var(--hm-border);border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:var(--hm-accent);width:0;height:100%;transition:width .4s}.chips{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--hm-border);background:var(--hm-surface);text-transform:capitalize;border-radius:999px;padding:.35rem .9rem}.two-col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=700px){.two-col{grid-template-columns:1fr}}.empty{color:var(--hm-muted);font-style:italic}.phrase-hi{margin:0;font-size:1.5rem;font-weight:700}.phrase-pron{color:var(--hm-muted);margin:0 0 .5rem}.vocab-controls{flex-wrap:wrap;gap:.5rem;margin:1rem 0 .25rem;display:flex}.vocab-controls input,.vocab-controls select{font:inherit;border:1px solid var(--hm-border);background:var(--hm-surface);color:var(--hm-text);border-radius:8px;padding:.5rem .8rem}.vocab-controls input{flex:16rem}.vocab-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.vrow[hidden]{display:none}.vrow-main{align-items:center;gap:.5rem;display:flex}.tag{text-transform:uppercase;color:var(--hm-muted);border:1px solid var(--hm-border);border-radius:999px;margin-left:auto;padding:0 .5rem;font-size:.7rem}.ta{font-family:Noto Sans Tamil,Latha,Nirmala UI,sans-serif}.gender{color:var(--hm-muted);flex-wrap:wrap;gap:.25rem 1rem;font-size:.9rem;display:flex}.audio-btn{background:var(--hm-accent);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;width:1.8rem;height:1.8rem;font-size:.7rem;line-height:1}.phrase-hi{font-size:1.2rem}.flash{text-align:center;cursor:pointer;justify-content:center;align-items:center;min-height:12rem;margin:1rem 0;display:flex}.flash-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.path-list li{margin-bottom:.6rem}.soon-text{color:var(--hm-muted)}.done-mark{color:#15803d;font-size:.85rem;font-weight:700}.site-footer{text-align:center;color:var(--hm-muted);padding:2rem 1rem;font-size:.9rem}