:root{--bg-primary:#faf8f5;--bg-secondary:#f5f1ec;--bg-card:#fff;--bg-card-inner:#faf8f5;--text-primary:#2c2417;--text-secondary:#7a6f60;--text-muted:#a89f91;--accent:#c47a1a;--accent-hover:#a86514;--accent-light:#c47a1a1a;--accent-glow:#c47a1a40;--danger:#c44234;--danger-light:#c442341a;--warning:#c49a1a;--warning-light:#c49a1a1a;--success:#3a8a5c;--success-light:#3a8a5c1a;--info:#3a6e8a;--info-light:#3a6e8a1a;--border:#e6dfd5;--border-light:#f0ebe4;--bg-secondary-rgb:245, 241, 236;--shadow-sm:0 1px 2px #2c24170f;--shadow:0 1px 3px #2c241714, 0 1px 2px #2c24170a;--shadow-md:0 4px 12px -2px #2c24171a, 0 2px 4px -1px #2c24170f;--shadow-lg:0 12px 24px -4px #2c24171f, 0 4px 8px -2px #2c24170f;--radius:14px;--radius-sm:10px;--radius-xs:6px;--font-display:"DM Serif Display", Georgia, "Times New Roman", serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font:var(--font-body);--max-width:640px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--tab-bar-height:56px}@media (prefers-color-scheme:dark){:root{--bg-primary:#141210;--bg-secondary:#1c1916;--bg-card:#221f1a;--bg-card-inner:#2a2620;--text-primary:#ede8e0;--text-secondary:#9a9084;--text-muted:#6b6259;--accent:#dea03a;--accent-hover:#c48a28;--accent-light:#dea03a1f;--accent-glow:#dea03a33;--danger:#e06050;--danger-light:#e060501f;--warning:#deb03a;--warning-light:#deb03a1f;--success:#50b078;--success-light:#50b0781f;--info:#50a0c8;--info-light:#50a0c81f;--border:#332e27;--border-light:#2a2620;--bg-secondary-rgb:28, 25, 22;--shadow-sm:0 1px 2px #00000040;--shadow:0 1px 3px #00000059, 0 1px 2px #0003;--shadow-md:0 4px 12px -2px #0006, 0 2px 4px -1px #00000040;--shadow-lg:0 12px 24px -4px #00000080, 0 4px 8px -2px #0000004d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}#root{width:100%;height:100%;padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1.5}input,select,textarea{font-size:16px}body:after{content:"";pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.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-body);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.15rem;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)}