:root{--bg-deep:#080812;--bg-base:#0f0f1a;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--glass:#ffffff0f;--glass-border:#ffffff1a;--accent-purple:#7c3aed;--accent-blue:#2563eb;--accent-pink:#db2777;--gradient-main:linear-gradient(135deg, #7c3aed 0%, #2563eb 50%, #0891b2 100%);--gradient-card:linear-gradient(160deg, #7c3aed26 0%, #2563eb14 100%);--color-das:#8b5cf6;--color-die:#ef4444;--color-der:#3b82f6;--font-main:"Inter", system-ui, sans-serif;--font-display:"Playfair Display", Georgia, serif;--text-primary:#fffffff2;--text-secondary:#fff9;--text-muted:#ffffff59;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-medium:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{font-family:var(--font-main);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed26 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;animation:20s ease-in-out infinite alternate orb-float;position:fixed;top:-30%;left:-20%}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#2563eb1f 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;animation:25s ease-in-out infinite alternate-reverse orb-float;position:fixed;bottom:-20%;right:-10%}@keyframes orb-float{0%{transform:translate(0)scale(1)}to{transform:translate(5%,8%)scale(1.08)}}#__next,main{z-index:1;position:relative}.glass-panel{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg)}.gradient-text{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px;border-radius:4px}.dropzone-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100dvh;padding:24px;display:flex}.dropzone-header h1{font-family:var(--font-display);text-align:center;margin-bottom:8px;font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1.1}.dropzone-header p{color:var(--text-secondary);text-align:center;font-size:1rem}.dropzone-zone{border-radius:var(--radius-xl);cursor:pointer;width:100%;max-width:520px;transition:all var(--transition-medium);background:var(--bg-card);text-align:center;border:2px dashed #7c3aed66;flex-direction:column;align-items:center;gap:16px;padding:56px 32px;display:flex;position:relative;overflow:hidden}.dropzone-zone:before{content:"";background:var(--gradient-card);opacity:0;transition:opacity var(--transition-medium);border-radius:inherit;position:absolute;inset:0}.dropzone-zone:hover,.dropzone-zone.drag-over{border-color:var(--accent-purple);transform:translateY(-2px);box-shadow:0 20px 60px #7c3aed33}.dropzone-zone:hover:before,.dropzone-zone.drag-over:before{opacity:1}.dropzone-zone.drag-over{border-style:solid}.dropzone-icon{z-index:1;font-size:3rem;line-height:1;position:relative}.dropzone-label{color:var(--text-primary);z-index:1;font-size:1.1rem;font-weight:600;position:relative}.dropzone-sub{color:var(--text-muted);z-index:1;font-size:.85rem;position:relative}.dropzone-input{display:none}.progress-outer{width:100%;max-width:520px}.progress-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:.8rem;display:flex}.progress-track{background:#ffffff1a;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar{background:var(--gradient-main);border-radius:3px;height:100%;transition:width .3s}.browser-wrapper{flex-direction:column;gap:16px;max-width:680px;min-height:100dvh;margin:0 auto;padding:16px;display:flex}.top-bar{justify-content:space-between;align-items:center;gap:8px;padding:0 4px;display:flex}.top-bar-brand{align-items:center;gap:8px;min-width:0;display:inline-flex}.top-bar-icon{border-radius:10px;flex:none;width:32px;height:32px}.top-bar-title{letter-spacing:-.02em;white-space:nowrap;font-size:1rem;font-weight:700}.top-bar-count{color:var(--text-muted);background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;padding:4px 10px;font-size:.75rem}.reset-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.75rem;font-family:var(--font-main);background:0 0;border:1px solid #ffffff1f;border-radius:20px;padding:5px 12px}.reset-btn:hover{color:#ef4444;background:#ef44441f;border-color:#ef444466}.install-btn{color:#c4b5fd;cursor:pointer;font-size:.75rem;font-family:var(--font-main);white-space:nowrap;background:#7c3aed26;border:1px solid #7c3aed59;border-radius:20px;padding:5px 10px}.install-btn:hover{background:#7c3aed40}.pos-filter{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pos-filter-select{min-width:0;max-width:70%;color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:inherit;background:#171525;border:1px solid #ffffff24;border-radius:10px;padding:7px 32px 7px 12px;font-size:.85rem}.pos-filter-select option{color:var(--text-primary);background:#171525}@media (max-width:440px){.top-bar{flex-wrap:wrap}.top-bar-brand{margin-right:auto}.top-bar-count{margin-left:auto}}.card-container{touch-action:pan-y;flex-direction:column;flex:1;display:flex;position:relative}.flashcard{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:transform var(--transition-medium), opacity var(--transition-medium);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.flashcard.entering{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards card-enter}@keyframes card-enter{0%{opacity:0;transform:translate(60px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.flashcard.entering-left{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards card-enter-left}@keyframes card-enter-left{0%{opacity:0;transform:translate(-60px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.card-image-wrap{aspect-ratio:16/9;background:#0000004d;width:100%;position:relative;overflow:hidden}.card-image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.card-image-placeholder{background:linear-gradient(135deg,#7c3aed1a,#2563eb1a);justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;display:flex}.card-body{flex-direction:column;flex:1;gap:12px;padding:20px 24px 24px;display:flex}.card-meta-row{align-items:center;gap:8px;display:flex}.pos-badge{text-transform:uppercase;letter-spacing:.06em;color:#a78bfa;background:#7c3aed33;border:1px solid #7c3aed59;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:600}.sort-id{color:var(--text-muted);margin-left:auto;font-size:.7rem}.card-german{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;line-height:1.15}.article-row{align-items:center;gap:10px;display:flex}.gender-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.gender-dot.das{background:var(--color-das);box-shadow:0 0 8px var(--color-das)}.gender-dot.die{background:var(--color-die);box-shadow:0 0 8px var(--color-die)}.gender-dot.der{background:var(--color-der);box-shadow:0 0 8px var(--color-der)}.plural-text{color:var(--text-secondary);font-size:.9rem;font-style:italic}.card-divider{background:var(--glass-border);height:1px;margin:4px 0}.card-english{color:var(--text-primary);font-size:1.2rem;font-weight:500}.sentence-block{border-radius:var(--radius-md);background:#ffffff08;border-left:3px solid #7c3aed66;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.sentence-de{color:var(--text-primary);font-size:.9rem;font-weight:500}.sentence-en{color:var(--text-secondary);font-size:.82rem}.audio-row{flex-wrap:wrap;gap:8px;display:flex}.audio-btn{color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-family:var(--font-main);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-weight:500;display:flex}.audio-btn:hover{color:#a78bfa;background:#7c3aed26;border-color:#7c3aed66;transform:translateY(-1px)}.audio-btn:active{transform:translateY(0)}.audio-btn.playing{border-color:var(--accent-purple);color:#a78bfa;background:#7c3aed33}.audio-btn svg{flex-shrink:0;width:14px;height:14px}.nav-row{justify-content:center;align-items:center;gap:16px;padding:8px 0;display:flex}.nav-btn{border:1px solid var(--glass-border);background:var(--glass);width:56px;height:56px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.nav-btn:hover{background:#7c3aed33;border-color:#7c3aed80;transform:scale(1.08);box-shadow:0 8px 24px #7c3aed4d}.nav-btn:active{transform:scale(.95)}.nav-btn-next{background:var(--gradient-main);border:none;width:72px;height:72px;font-size:1.6rem;box-shadow:0 8px 32px #7c3aed66}.nav-btn-next:hover{background:var(--gradient-main);border:none;transform:scale(1.1);box-shadow:0 12px 40px #7c3aed80}.swipe-hint{color:var(--text-muted);text-align:center;margin-top:-4px;font-size:.7rem}.range-slider-wrap{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.range-slider-header{justify-content:space-between;align-items:center;display:flex}.range-slider-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.75rem;font-weight:600}.range-slider-value{color:var(--text-primary);background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:12px;padding:2px 10px;font-size:.8rem;font-weight:700}.dual-slider-track-wrap{align-items:center;height:24px;display:flex;position:relative}.dual-slider-track{background:#ffffff14;border-radius:2px;height:4px;position:absolute;left:0;right:0}.dual-slider-range{background:var(--gradient-main);border-radius:2px;height:4px;position:absolute}.dual-slider-input{appearance:none;pointer-events:none;z-index:3;background:0 0;width:100%;height:4px;position:absolute}.dual-slider-input::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent-purple);cursor:pointer;pointer-events:all;width:20px;height:20px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border-radius:50%;box-shadow:0 2px 8px #0006}.dual-slider-input::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 6px #7c3aed33}.dual-slider-input::-webkit-slider-thumb:active{transform:scale(1.2);box-shadow:0 0 0 6px #7c3aed33}.dual-slider-input::-moz-range-thumb{border:3px solid var(--accent-purple);cursor:pointer;pointer-events:all;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0006}.range-slider-ticks{color:var(--text-muted);justify-content:space-between;margin-top:2px;font-size:.65rem;display:flex}