:root{--color-primary: #4ade80;--color-background: #000;--color-text: #fff}body{min-width:320px;min-height:100vh;min-height:100dvh}.word-card{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;scroll-snap-align:start;background:#000}.card-background{position:absolute;inset:0;z-index:1}.card-background img{width:100%;height:100%;object-fit:cover}.placeholder-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.placeholder-emoji{font-size:8rem;opacity:.3}.card-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 40%,transparent 70%)}.phrase-section{margin-bottom:1.5rem}.phrase{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.meaning{font-size:1.5rem;color:#4ade80;margin:0;font-weight:500}.example-section{margin-bottom:2rem}.example{font-size:1.1rem;color:#ffffffe6;margin:0;line-height:1.6;font-style:italic}.actions{position:absolute;right:1rem;bottom:8rem;display:flex;flex-direction:column;gap:1rem}.action-btn{width:3rem;height:3rem;border-radius:50%;border:none;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.5rem;cursor:pointer;transition:transform .2s,background .2s}.action-btn:hover{transform:scale(1.1);background:#ffffff4d}.action-btn:active{transform:scale(.95)}.shorts-viewer{width:100%;height:100vh;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.shorts-viewer::-webkit-scrollbar{display:none}.shorts-viewer{-ms-overflow-style:none;scrollbar-width:none}.loading{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;font-size:1.5rem}.progress-indicator{position:fixed;top:1rem;right:1rem;padding:.5rem 1rem;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;color:#fff;font-size:.875rem;z-index:100}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#000;color:#fff;overflow:hidden}.app{width:100%;height:100vh;height:100dvh}.debug-info{position:fixed;bottom:1rem;left:1rem;padding:.5rem 1rem;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;font-size:.75rem;color:#ffffffb3;z-index:100}