:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-card:#fff;--bg-card-inner:#fafbfc;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#6366f11a;--danger:#ef4444;--danger-light:#ef44441a;--warning:#f59e0b;--warning-light:#f59e0b1a;--success:#10b981;--success-light:#10b9811a;--info:#3b82f6;--info-light:#3b82f61a;--border:#e5e7eb;--border-light:#f3f4f6;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius:16px;--radius-sm:10px;--radius-xs:6px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--max-width:640px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--tab-bar-height:56px}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f0f14;--bg-secondary:#1a1a24;--bg-card:#1e1e2a;--bg-card-inner:#252536;--text-primary:#f0f0f5;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent:#818cf8;--accent-hover:#6366f1;--accent-light:#818cf81a;--danger:#f87171;--danger-light:#f871711a;--warning:#fbbf24;--warning-light:#fbbf241a;--success:#34d399;--success-light:#34d3991a;--info:#60a5fa;--info-light:#60a5fa1a;--border:#2d2d3d;--border-light:#252536;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100dvh;position:fixed;overflow:hidden}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.card-content{-webkit-user-select:text;user-select:text}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:var(--font);transition:all var(--transition)}button:active{transform:scale(.97)}.card-slide-wrapper{width:100%;min-height:280px;position:relative;overflow:hidden}.card-slide{opacity:1;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transform:translate(0)}.card-slide.slide-out-left{opacity:0;transform:translate(-110%)}.card-slide.slide-in-right{opacity:0;transition:none;transform:translate(110%)}.card-flip-container{perspective:1200px;width:100%;min-height:280px}.card-flip-inner{width:100%;min-height:280px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.card-flip-inner.flipped{transform:rotateY(180deg)}.card-flip-front,.card-flip-back{backface-visibility:hidden;border-radius:var(--radius);background:var(--bg-card);width:100%;min-height:280px;box-shadow:var(--shadow-md);border:1px solid var(--border);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;top:0;left:0}.card-flip-front{z-index:2}.card-flip-back{transform:rotateY(180deg)}.card-flip-front .card-content,.card-flip-back .card-content{text-align:center;width:100%;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;font-size:1.2rem;line-height:1.7}.card-flip-back .card-content{border-top:none}.card-content img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:8px 0}.card-content .cloze{color:var(--accent);background:var(--accent-light);border-radius:var(--radius-xs);padding:2px 6px;font-weight:700}.card-content hr{background:var(--border);border:none;height:1px;margin:16px 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}