@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #f8f8fc;--bg-surface: #ffffff;--bg-elevated: #f0f0f6;--bg-glass: rgba(255, 255, 255, .75);--border: #e2e2ee;--border-subtle: #ececf4;--border-hover: #d0d0e0;--text-primary: #1a1a2e;--text-secondary: #555570;--text-tertiary: #8888a0;--text-on-accent: #ffffff;--accent-indigo: #6366f1;--accent-purple: #8b5cf6;--accent-emerald: #10b981;--accent-amber: #d97706;--accent-rose: #e11d48;--glow-indigo: 0 4px 20px rgba(99, 102, 241, .15);--glow-purple: 0 4px 20px rgba(139, 92, 246, .15);--glow-emerald: 0 4px 20px rgba(16, 185, 129, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--text-xs: clamp(.75rem, 1.2vw + .2rem, .8rem);--text-sm: clamp(.85rem, 1.4vw + .2rem, .9rem);--text-base: clamp(.95rem, 1.6vw + .2rem, 1rem);--text-lg: clamp(1.05rem, 1.8vw + .2rem, 1.15rem);--text-xl: clamp(1.2rem, 2vw + .2rem, 1.35rem);--text-2xl: clamp(1.4rem, 2.5vw + .3rem, 1.6rem);--text-3xl: clamp(1.7rem, 3vw + .3rem, 2rem);--text-4xl: clamp(2rem, 3.5vw + .4rem, 2.5rem);--text-5xl: clamp(2.4rem, 4.5vw + .5rem, 3rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,Fira Code,monospace;background-color:var(--bg);color:var(--text-primary);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-base);overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 25% 15%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(ellipse at 75% 85%,rgba(139,92,246,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(16,185,129,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.gre-vocab-homepage{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:3.5rem;opacity:0;animation:fadeIn .6s ease forwards}@keyframes fadeIn{to{opacity:1}}.logo{position:fixed;top:1.5rem;left:1.5rem;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;z-index:1000;transition:all .25s ease}.logo:hover{filter:brightness(1.15);transform:translateY(-1px)}.flashcard-app{width:100%;max-width:700px;margin:0 auto;padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.app-header{text-align:center;margin-bottom:var(--space-4)}.app-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:var(--text-4xl);letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--accent-indigo),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{color:var(--text-secondary);font-size:var(--text-sm);font-weight:400;max-width:600px;margin:0 auto;line-height:1.6}.video-link{color:var(--accent-indigo);text-decoration:none;font-weight:600;transition:all .2s ease;border-bottom:1px solid transparent}.video-link:hover{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}.letter-selector{width:100%;max-width:620px;margin-bottom:var(--space-4)}.selector-title{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-align:center;margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.12em}.letter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:var(--space-1);padding:var(--space-4);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.letter-btn{aspect-ratio:1;width:100%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-tertiary);border-radius:var(--radius);font-family:JetBrains Mono,monospace;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.letter-btn:hover{background:var(--bg-elevated);color:var(--accent-indigo);border-color:var(--accent-indigo);transform:translateY(-2px);box-shadow:var(--glow-indigo)}.letter-btn.active{background:var(--accent-indigo);color:var(--text-on-accent);border-color:var(--accent-indigo);box-shadow:var(--glow-indigo);font-weight:700}.letter-btn.active:hover{background:var(--accent-indigo);color:var(--text-on-accent);transform:translateY(-2px);box-shadow:0 4px 24px #6366f140}.progress-section{width:100%;max-width:420px;margin-bottom:var(--space-4)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.progress-text,.studied-text{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.progress-bar{width:100%;height:4px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-indigo),var(--accent-purple));border-radius:var(--radius-full);transition:width .4s cubic-bezier(.25,.46,.45,.94)}.flashcard-container{width:100%;max-width:500px;height:320px;cursor:pointer;transition:all .3s ease;perspective:1000px}.flashcard-container:hover{transform:translateY(-4px)}.flashcard-container.flipped .card-inner{transform:rotateY(180deg)}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border);border-bottom:3px solid var(--accent-indigo);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);transition:border-color .3s ease,box-shadow .3s ease}.flashcard-container:hover .card-front{border-bottom-color:var(--accent-purple);box-shadow:var(--shadow-lg),var(--glow-purple)}.card-back{transform:rotateY(180deg);border-bottom-color:var(--accent-emerald)}.flashcard-container:hover .card-back{border-bottom-color:var(--accent-emerald);box-shadow:var(--shadow-lg),var(--glow-emerald)}.part-of-speech{display:inline-block;padding:var(--space-1) var(--space-3);background:#d977061a;color:var(--accent-amber);border:1px solid rgba(217,119,6,.25);border-radius:var(--radius-full);font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.1em}.word-title{font-family:Space Grotesk,sans-serif;font-size:var(--text-5xl);font-weight:700;color:var(--accent-indigo);margin-bottom:var(--space-4);line-height:1.1;letter-spacing:-.03em}.click-hint{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:400;letter-spacing:.05em;text-transform:uppercase}.spanish-translation{font-family:Space Grotesk,sans-serif;font-size:var(--text-3xl);color:var(--accent-emerald);font-weight:700;margin-bottom:var(--space-6);text-align:center;letter-spacing:-.02em;line-height:1.2}.definition-text{font-size:var(--text-base);color:var(--text-secondary);line-height:1.65;text-align:center;font-weight:400}.controls-section{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:420px;gap:var(--space-3)}.control-btn{display:flex;align-items:center;gap:var(--space-2);padding:12px 24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .25s ease;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;letter-spacing:.01em;box-shadow:var(--shadow-sm)}.control-btn:hover:not(:disabled){background:var(--accent-indigo);color:var(--text-on-accent);border-color:var(--accent-indigo);transform:translateY(-2px);box-shadow:var(--glow-indigo)}.control-btn:disabled{opacity:.3;cursor:not-allowed}.btn-icon{font-size:var(--text-sm);font-weight:600}.center-controls{display:flex;align-items:center}.reset-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.reset-btn:hover{background:var(--accent-rose);color:var(--text-on-accent);border-color:var(--accent-rose);transform:rotate(180deg);box-shadow:0 4px 16px #e11d4833}.completion-message{text-align:center;padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border);border-bottom:3px solid var(--accent-emerald);border-radius:var(--radius-2xl);box-shadow:var(--shadow),var(--glow-emerald)}.completion-title{font-family:Space Grotesk,sans-serif;font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2);letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-emerald),var(--accent-indigo));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.completion-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.no-words-message{text-align:center;padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border);border-bottom:3px solid var(--accent-amber);border-radius:var(--radius-2xl);box-shadow:var(--shadow)}.no-words-title{font-family:Space Grotesk,sans-serif;font-size:var(--text-xl);font-weight:600;color:var(--accent-amber);margin-bottom:var(--space-2);letter-spacing:-.01em}.no-words-text{color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.6}@media(max-width:1024px){.flashcard-app{max-width:600px;padding:var(--space-5)}.letter-grid{padding:var(--space-3)}.flashcard-container{height:300px}}@media(max-width:768px){.gre-vocab-homepage{padding-top:2rem}.logo{font-size:1rem;top:1rem;left:1rem}.flashcard-app{padding:var(--space-4);gap:var(--space-4);max-width:500px}.app-subtitle{font-size:var(--text-xs);line-height:1.5}.letter-selector{max-width:100%}.letter-grid{padding:var(--space-3)}.letter-btn{font-size:var(--text-xs)}.progress-section{max-width:100%}.flashcard-container{height:280px;max-width:100%}.card-front,.card-back{padding:var(--space-6)}.word-title{font-size:var(--text-4xl)}.spanish-translation{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.definition-text{font-size:var(--text-sm);line-height:1.5}.controls-section{gap:var(--space-2);max-width:100%}.control-btn{flex:1;padding:10px 16px;font-size:var(--text-sm)}.reset-btn{width:40px;height:40px}}@media(max-width:640px){.letter-grid{gap:2px;padding:var(--space-2)}.flashcard-container{height:260px}.card-front,.card-back{padding:var(--space-4)}.word-title{font-size:var(--text-3xl)}.spanish-translation{font-size:var(--text-xl)}.definition-text{font-size:var(--text-xs)}}@media(max-width:480px){.gre-vocab-homepage{padding-top:1.5rem}.logo{font-size:.95rem;top:.75rem;left:.75rem}.flashcard-app{padding:var(--space-3);gap:var(--space-3)}.app-subtitle{padding:0 var(--space-2)}.letter-grid{gap:1px;padding:var(--space-2)}.flashcard-container{height:220px}.card-front,.card-back{padding:var(--space-3)}.word-title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.spanish-translation{font-size:var(--text-lg);margin-bottom:var(--space-3)}.definition-text{font-size:var(--text-xs);line-height:1.4}.controls-section{flex-direction:column;gap:var(--space-2)}.control-btn{width:100%;padding:12px 20px;font-size:var(--text-sm);justify-content:center}.reset-btn{width:36px;height:36px}.part-of-speech{font-size:.65rem;padding:2px 8px}.click-hint{font-size:var(--text-xs)}}@media(max-width:360px){.flashcard-app{padding:var(--space-2)}.letter-grid{gap:1px;padding:var(--space-1)}.flashcard-container{height:200px}.card-front,.card-back{padding:var(--space-2)}.word-title{font-size:var(--text-xl)}.spanish-translation{font-size:var(--text-base)}.definition-text{font-size:.75rem}}@media(max-height:500px)and (orientation:landscape){.gre-vocab-homepage{padding-top:1rem}.flashcard-app{padding:var(--space-2);gap:var(--space-2)}.app-title{font-size:var(--text-xl);margin-bottom:var(--space-1)}.app-subtitle{font-size:var(--text-xs);margin-bottom:var(--space-2)}.letter-selector{margin-bottom:var(--space-2)}.letter-grid{padding:var(--space-1)}.flashcard-container{height:180px}.card-front,.card-back{padding:var(--space-3)}.word-title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.spanish-translation{font-size:var(--text-lg);margin-bottom:var(--space-2)}.definition-text{font-size:var(--text-sm)}.controls-section{gap:var(--space-1)}.control-btn{padding:8px 16px;font-size:var(--text-xs)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.letter-btn,.control-btn,.reset-btn{border-width:.5px}}