:root{--page:#fffaf2;--text:#292044;--muted:#5a4d70;--surface:rgb(255 255 255 / 64%);--primary:#7046b8;--primary-text:#fffaf2;--pill:#fff;--try:#9a4b6d;--portrait:#3d3157;color-scheme:light}
:root[data-theme="dark"]{--page:#1c1730;--text:#fff9f0;--muted:#ddd3e8;--surface:rgb(255 255 255 / 9%);--primary:#f3e8ff;--primary-text:#302347;--pill:rgb(255 255 255 / 10%);--try:#8ee3d8;--portrait:#f3e8ff;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{margin:0;min-width:320px;overflow:hidden;background:var(--page);color:var(--text);font-family:Manrope,system-ui,sans-serif}button{font:inherit}
.feed{height:100dvh;max-width:430px;margin:0 auto;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.feed::-webkit-scrollbar{display:none}.loading{padding:48px 22px;color:var(--muted);text-align:center}
.feed-card{height:100dvh;min-height:100dvh;position:relative;overflow:hidden;isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;opacity:.72;transform:scale(.975);transition:transform 320ms cubic-bezier(.2,.8,.2,1),opacity 220ms ease;background:radial-gradient(circle at 95% 12%,rgb(155 117 220 / 18%),transparent 31%),radial-gradient(circle at 3% 89%,rgb(244 188 93 / 16%),transparent 32%),var(--page)}.feed-card.is-active{opacity:1;transform:scale(1)}:root[data-theme="dark"] .feed-card{background:radial-gradient(circle at 94% 13%,rgb(120 93 198 / 22%),transparent 31%),radial-gradient(circle at 4% 88%,rgb(53 187 174 / 13%),transparent 34%),var(--page)}.card-content{min-height:100dvh;position:relative;z-index:1;display:flex;flex-direction:column;padding:max(28px,env(safe-area-inset-top)) 22px max(22px,env(safe-area-inset-bottom))}
.portrait{display:none;position:absolute;z-index:0;width:145px;top:54px;right:-11px;opacity:.08;mix-blend-mode:multiply;pointer-events:none}.feed-card:first-of-type .portrait{display:block}:root[data-theme="dark"] .portrait{opacity:.11;mix-blend-mode:screen}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{color:var(--primary);font-family:"Baloo Thambi 2",sans-serif;font-size:18px;font-weight:700}.top-actions{display:flex;align-items:center;gap:8px}.counter{color:var(--muted);font-size:13px;letter-spacing:.08em;white-space:nowrap}.theme-toggle,.save-button{border:0;cursor:pointer;display:grid;place-items:center;flex:none}.theme-toggle{width:40px;height:40px;border-radius:50%;background:var(--surface);color:var(--primary)}.theme-toggle svg{width:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}:root[data-theme="light"] .theme-toggle .moon,:root[data-theme="dark"] .theme-toggle .sun{display:none}.progress{display:flex;gap:8px;margin:50px 0 42px}.progress i{height:5px;flex:1;border-radius:999px;background:color-mix(in srgb,var(--muted) 18%,transparent)}.progress i:first-child{background:linear-gradient(90deg,#7046b8,#a37bdf)}.theme-pill{align-self:flex-start;border-radius:999px;padding:9px 15px;background:var(--pill);color:var(--primary);box-shadow:0 5px 15px rgb(82 53 133 / 8%);font-size:13px;font-weight:700;letter-spacing:.08em}
.tamil{margin:38px 0 18px;max-width:330px;font-family:"Baloo Thambi 2",sans-serif;font-size:clamp(34px,9.3vw,42px);font-weight:700;letter-spacing:-.025em;line-height:1.34;text-align:left}.tamil span,.english span{display:block;white-space:nowrap}.english{margin:0;color:var(--muted);font-size:clamp(18px,4.8vw,21px);font-weight:500;line-height:1.48}.meaning{margin-top:auto;border-radius:22px;padding:20px;background:var(--surface);box-shadow:0 12px 30px rgb(76 52 114 / 9%);backdrop-filter:blur(12px)}.meaning h2{margin:0 0 9px;color:var(--primary);font-size:14px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.meaning p{margin:0;font-size:17px;line-height:1.52}.try-today{margin:26px 0 24px;color:var(--try);font-size:17px;line-height:1.55}.card-actions{display:flex;align-items:center;gap:10px}.next-button{min-height:52px;border:0;border-radius:999px;flex:1;background:linear-gradient(100deg,#7046b8,#9a76d4);box-shadow:0 10px 22px rgb(92 54 162 / 20%);color:#fffaf4;cursor:pointer;font-size:16px;font-weight:700}:root[data-theme="dark"] .next-button{background:var(--primary);color:var(--primary-text);box-shadow:none}.save-button{width:52px;height:52px;border-radius:50%;color:var(--primary);background:var(--surface)}.save-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8}.save-button[aria-pressed="true"] svg{fill:currentColor}.helper{margin:19px 0 0;color:var(--muted);font-size:14px;text-align:center}button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 65%,transparent);outline-offset:3px}@media(min-width:431px){.feed{box-shadow:0 0 0 1px rgb(68 49 101 / 8%)}}@media(prefers-reduced-motion:reduce){html,.feed{scroll-behavior:auto}.feed-card{opacity:1;transform:none;transition:none}*,*::before,*::after{transition:none!important;animation:none!important}}