.portrait{display:block;width:min(70vw,270px);top:25%;right:auto;left:50%;transform:translateX(-50%);opacity:.055;mix-blend-mode:multiply}
.feed-card{touch-action:pan-y}
.feed-card.is-rolling{transform:scale(.96) translateY(-12px);opacity:.5}
.feed-card:first-of-type .portrait{display:block}
:root[data-theme="dark"] .portrait{opacity:.09;mix-blend-mode:screen}
.progress i:first-child{background:color-mix(in srgb,var(--muted) 18%,transparent)}
.progress i.is-active{background:linear-gradient(90deg,#7046b8,#a37bdf)}
.tamil{width:100%;max-width:100%}
.tamil,.english{font-size:clamp(17px,4.8vw,19px)}
.tamil{margin:24px 0 12px;line-height:1.32}
.english{line-height:1.45}
.progress{margin:30px 0 24px}
.try-today{margin:16px 0}
.helper{margin:0;color:color-mix(in srgb,var(--muted) 82%,transparent);font-size:12px;line-height:1.3;text-align:center}
.tamil span{max-width:100%;white-space:normal}
.english span{white-space:normal}
.card-actions{display:grid;grid-template-columns:44px minmax(0,1fr) 52px;align-items:center;gap:8px}
.share-button{appearance:none;-webkit-appearance:none;padding:0;flex:none;border:0!important;border-radius:50%!important;background:var(--surface)!important}.share-button svg{display:block;width:21px;height:21px}
.report-button{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--muted);background:transparent}.report-button svg{width:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.report-sheet[hidden]{display:none}.report-sheet{position:fixed;z-index:10;inset:0;display:flex;align-items:flex-end;background:rgb(18 13 33 / 42%);padding:16px}.report-panel{width:min(100%,430px);margin:0 auto;padding:22px;border:1px solid rgb(255 255 255 / 22%);border-radius:28px;background:color-mix(in srgb,var(--page) 92%,transparent);box-shadow:0 18px 50px rgb(18 13 33 / 24%);backdrop-filter:blur(18px)}.report-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow{margin:0 0 5px;color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.1em}.report-heading h2{margin:0;font-size:20px;line-height:1.25}.report-close{width:34px;height:34px;border:0;border-radius:50%;background:var(--surface);color:var(--text);font-size:25px;line-height:1;cursor:pointer}.report-intro{margin:12px 0 16px;color:var(--muted);font-size:14px;line-height:1.45}.report-panel fieldset{margin:0;border:0;padding:0;display:grid;gap:8px}.report-panel legend,.note-label{display:block;margin:0 0 9px;font-size:14px;font-weight:700}.report-panel fieldset label{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:13px;background:var(--surface);font-size:14px;cursor:pointer}.report-panel input{accent-color:var(--primary)}.note-label{margin-top:16px}.note-label span{color:var(--muted);font-weight:500}.report-panel textarea{display:block;width:100%;resize:vertical;border:1px solid color-mix(in srgb,var(--muted) 28%,transparent);border-radius:13px;padding:11px;background:rgb(255 255 255 / 22%);color:var(--text);font:inherit;font-size:14px;line-height:1.4}.note-count{margin:5px 0 0;color:var(--muted);font-size:12px;text-align:right}.report-feedback{min-height:18px;margin:10px 0 0;color:var(--primary);font-size:13px}.report-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.report-cancel,.report-submit{border:0;border-radius:999px;padding:11px 16px;cursor:pointer;font:inherit;font-size:14px;font-weight:700}.report-cancel{background:transparent;color:var(--muted)}.report-submit{background:var(--primary);color:var(--primary-text)}.report-submit:disabled{opacity:.6;cursor:wait}
.feed-card.double-saved::after{content:'♥  Saved';position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);padding:11px 16px;border-radius:999px;color:var(--primary-text);background:var(--primary);box-shadow:0 10px 24px rgb(51 32 86 / 24%);font-size:15px;font-weight:700;animation:save-confirmation 900ms ease both;pointer-events:none}
.feed-card.end-reached .helper{color:var(--primary);font-weight:700}
@keyframes save-confirmation{20%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1}100%{transform:translate(-50%,-56%) scale(1);opacity:0}}
.meaning{border:1px solid rgb(255 255 255 / 26%);box-shadow:0 8px 20px rgb(76 52 114 / 4%);backdrop-filter:none}
:root[data-theme="light"] .meaning{background:rgb(255 255 255 / 34%)}
:root[data-theme="dark"] .meaning{background:rgb(255 255 255 / 6%);border-color:rgb(255 255 255 / 10%);box-shadow:none}
.meaning h2{text-transform:none;letter-spacing:.04em}
.feed{display:flex;max-width:430px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-snap-stop:always}
.feed-card{width:100%;min-width:100%;flex:0 0 100%;touch-action:pan-x;transform:perspective(900px) rotateY(4deg) scale(.94);transform-origin:center center;transition:transform 420ms cubic-bezier(.22,.8,.2,1),opacity 300ms ease}
.feed-card.is-active{opacity:1;transform:perspective(900px) rotateY(0) scale(1)}
.feed-card.is-rolling{transform:perspective(900px) translateX(-9%) rotateY(-7deg) scale(.92);opacity:.24}
.feed-card.is-returning{animation:deck-return 460ms cubic-bezier(.22,.8,.2,1)}
@keyframes deck-return{0%{opacity:.15;transform:perspective(900px) translateX(14%) rotateY(8deg) scale(.9)}100%{opacity:1;transform:perspective(900px) rotateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.feed-card,.feed-card.is-active,.feed-card.is-rolling{transform:none;transition:none}.feed-card.is-returning{animation:none}}
.favorites-toggle{position:relative;width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--primary);background:var(--surface)}
.favorites-toggle svg{width:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.favorites-back{display:none}.favorites-toggle.is-back .favorites-heart{display:none}.favorites-toggle.is-back .favorites-back{display:block}
.favorites-dot{display:none;position:absolute;right:5px;top:5px;width:7px;height:7px;border:2px solid var(--page);border-radius:50%;background:var(--primary)}
.favorites-toggle.has-saved:not(.is-back) .favorites-dot{display:block}
.empty-saved{margin-top:42px;font-size:clamp(24px,7vw,31px);font-weight:700;line-height:1.35}.empty-saved span+span{margin-top:13px;color:var(--muted);font-size:18px;font-weight:500;line-height:1.5}
@media (max-height:700px){.feed-card{touch-action:auto}.card-content{height:100dvh;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.card-content::-webkit-scrollbar{display:none}}