*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#403B32;--glass:rgba(242,235,222,0.08);--glass-border:rgba(216,208,192,0.18);--glass-hover:rgba(216,208,192,0.14);--text:#F2EBDF;--text-dim:#D9D0C1;--accent:#F2EBDF;--accent-glow:rgba(242,235,222,0.25);--accent-soft:rgba(216,208,192,0.15);--hint:#8C8880;--dark:#59554D;--radius:45px;--radius-sm:12px;--transition:0.25s cubic-bezier(0.4,0,0.2,1)}html{font-size:16px}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--s:150px;--_g:var(--bg) 0% 5%,#454037 6% 15%,var(--bg) 16% 25%,#454037 26% 35%,var(--bg) 36% 45%,#454037 46% 55%,var(--bg) 56% 65%,#454037 66% 75%,var(--bg) 76% 85%,#454037 86% 95%,#0000 96%;background:radial-gradient(50% 50% at 100% 0,var(--_g)),radial-gradient(50% 50% at 0 100%,var(--_g)),radial-gradient(50% 50%,var(--_g)),radial-gradient(50% 50%,var(--_g)) calc(var(--s)/ 2) calc(var(--s)/ 2) var(--bg);background-size:var(--s) var(--s);color:var(--text);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.bg-glow{position:fixed;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none;z-index:0}.bg-glow-1{width:500px;height:500px;background:#59554d;top:-150px;left:-100px}.bg-glow-2{width:400px;height:400px;background:#59554d;bottom:-100px;right:-80px}.screen{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:24px 16px;position:relative;z-index:1;gap:16px}.screen.active{display:flex}.glass-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);corner-shape:squircle;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:100%;max-width:640px}.flip-container{width:100%;max-width:640px;perspective:1000px;cursor:pointer}.flip-card{position:relative;width:100%;height:440px;transition:transform .5s cubic-bezier(.175, .885, .32, 1.275);transform-style:preserve-3d}.flip-card.flipped{transform:rotateY(180deg)}.flip-back,.flip-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;padding:36px 36px 48px;overflow-y:auto;overflow-x:hidden}.flip-back{transform:rotateY(180deg)}.flip-back::-webkit-scrollbar,.flip-front::-webkit-scrollbar{width:4px}.flip-back::-webkit-scrollbar-thumb,.flip-front::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.badge{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);margin-bottom:16px}.flip-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:20px}.card-quote{font-family:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;font-size:1.35rem;font-style:italic;line-height:1.8;color:var(--text);border-left:3px solid var(--accent);padding-left:18px;width:100%;margin-top:8px;white-space:pre-line}.tap-hint{position:absolute;bottom:20px;right:28px;font-size:.72rem;font-style:italic;color:var(--hint);opacity:.7}.card-answer{font-family:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:16px;cursor:help;text-decoration:underline dotted var(--hint);text-underline-offset:4px;position:relative}.card-answer .wiki-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:12px 16px;background:var(--text);color:var(--bg);font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:.82rem;font-weight:400;font-style:normal;line-height:1.5;border-radius:6px;box-shadow:0 4px 16px rgba(64,59,50,.4);z-index:10;pointer-events:none}.card-answer .wiki-tooltip::after{content:"";position:absolute;bottom:100%;left:24px;border:6px solid transparent;border-bottom-color:var(--text)}.card-answer:hover .wiki-tooltip{display:block}.card-hint{font-size:.9rem;color:var(--text-dim);line-height:1.7}.nav-actions{display:flex;align-items:center;gap:12px;width:100%;max-width:640px;justify-content:center}.btn-nav{display:flex;align-items:center;justify-content:center;gap:4px;min-width:56px;height:44px;padding:0 14px;border-radius:999px;background:var(--glass);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid var(--glass-border);color:var(--text-dim);cursor:pointer;transition:var(--transition);flex-shrink:0}.btn-nav:hover{background:var(--glass-hover);color:var(--text)}.btn-nav:disabled{cursor:default;pointer-events:none;background:rgba(242,235,222,.04);color:rgba(216,208,192,.3)}.btn-known{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:rgba(242,235,222,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--bg);font-weight:600;font-size:.92rem;cursor:pointer;transition:var(--transition);font-family:inherit}.btn-known:hover:not(:disabled){box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}.btn-known:active:not(:disabled){transform:translateY(0)}.btn-known:disabled{cursor:default;background:rgba(242,235,222,.08);color:rgba(216,208,192,.3)}.known-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(64,59,50,.3);font-size:.78rem;font-weight:700}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}@media (max-width:480px){.flip-back,.flip-front{padding:28px 24px 44px}.card-quote{font-size:1.1rem}.card-answer{font-size:1.3rem}.flip-card{height:380px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}