*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8fa;color:#17202a}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{max-width:760px;margin:0 auto;padding:20px}.card{background:#fff;border:1px solid #e6e9ee;border-radius:18px;padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:14px;padding:0 18px;cursor:pointer;font-weight:700}.btn-primary{background:#2563eb;color:#fff}.btn-secondary{color:#17202a}.btn-secondary,.input{background:#fff;border:1px solid #d8dde6}.input{width:100%;min-height:46px;border-radius:12px;padding:0 12px}.stack{display:grid;grid-gap:14px;gap:14px}.muted{color:#667085}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.attempt-scroller{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding-bottom:10px}.attempt-card{flex:0 0 88%;scroll-snap-align:center;background:white;border:1px solid #e6e9ee;border-radius:18px;overflow:hidden}.attempt-foot,.attempt-head{display:flex;justify-content:space-between;gap:12px;padding:12px 14px}.answer-image{width:100%;aspect-ratio:3/4;background:#f2f4f7;display:flex;align-items:center;justify-content:center;color:#667085;border-top:1px solid #eee;border-bottom:1px solid #eee}