:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.card-frame{--card-height: min(72vh, 740px);height:var(--card-height);width:min(92vw,560px);padding:1.75rem;display:flex;flex-direction:column;justify-content:center;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 22px 50px #0f172a2e,0 6px 18px #0f172a1f;border:1px solid rgba(15,23,42,.08);box-sizing:border-box;cursor:grab;touch-action:none;transform:translate(var(--drag-x, 0px),var(--drag-y, 0px)) rotate(var(--drag-rot, 0deg));will-change:transform}.card-frame.dragging{cursor:grabbing}.card-frame.swipe-pass,.card-frame.swipe-fail{transition:transform .45s ease-out;pointer-events:none}.card-markdown{width:100%;margin:0 auto}.card-markdown img{max-width:100%;box-sizing:border-box;height:auto;display:block;margin:0 auto;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:.45rem;background:#fff}.app-shell{min-height:100vh;width:100%;display:flex;flex-direction:column;background:#fff;color:#121212;box-sizing:border-box}.card-view{flex:1;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;text-align:center;width:100%;box-sizing:border-box}.card-actions{display:flex;gap:1rem;padding:1.5rem 2rem 2.5rem;width:min(100%,960px);margin:0 auto;box-sizing:border-box}button{flex:1;padding:.9rem 1.25rem;border-radius:999px;border:1px solid #bbb;background:transparent;color:#121212;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{box-shadow:0 8px 18px #00000014;transform:translateY(-1px)}button:active{transform:translateY(0)}